Constructive critisizim only please Idunnas grove
that is the URL for the place holder for our farm website. I am just trying to get the graphics and fonts pleasing to the eye first then I will get some content out there. I just dont know about the greens? are they close enough? should I ax the blue for another shade of green? Redo the logo?
That is right the non developer is trying this crap out for a change.
Check this outwww.idunnasgrove.com
17 Replies - 3825 Views - Last Post: 13 June 2006 - 08:08 AM
Replies To: Check this out
#2
Re: Check this out
Posted 06 June 2006 - 01:57 PM
What I think it really needs, is for the top images to have the same resolution and clarity as the BG grass, because they stand out now.
Otherwise I think its cool
Otherwise I think its cool
#3
Re: Check this out
Posted 06 June 2006 - 02:05 PM
This looks nice.
Stupid question......but how do you make background resize in the windows no matter what resolution the user is using?
Stupid question......but how do you make background resize in the windows no matter what resolution the user is using?
#4
Re: Check this out
Posted 06 June 2006 - 02:13 PM
Just changed the top 2 images softening the script and trying to match the appleblossoms with the grass. I have been cheating and used a website builder my host provided for the base code and have been changing things here and there. I honestly dont know how they do that.
What is going to be hard I think is when I try to integrate a gardening forum keeping the same feel
Because I honestly dont know what the hell I am doing. But I know what I want in my head and try to make the software do what I want I guess that is the same as any other program
when I am done Ill post the code after I off load it from FTP so you can see the style sheets and javascript.
What is going to be hard I think is when I try to integrate a gardening forum keeping the same feel
Because I honestly dont know what the hell I am doing. But I know what I want in my head and try to make the software do what I want I guess that is the same as any other program
when I am done Ill post the code after I off load it from FTP so you can see the style sheets and javascript.
#5
Re: Check this out
Posted 06 June 2006 - 02:33 PM
Thorian, on 31 May, 2006 - 01:57 PM, said:
and I just bought Idunnasgrove.net .com and .org
So this is what you did with the domains you bought... At first I thought that real geeks bought domains just for the raw fun of it.
Good stuff, I really like the grass background, it's nice and crisp. The small banner with the apple needs reworking, and I don't suggest jpegs for images with lots of white like this one. Transparency would be nice, and I would personnally put it on the left.
Other than than, bravo.
#6
Re: Check this out
Posted 06 June 2006 - 05:38 PM
Looks nice, there is only one thing i have to say, and it is really preference is, I personally do not like a background that is stationary while i am able to scrolling down a page,
Just a personal preference though
Just a personal preference though
#7
Re: Check this out
Posted 06 June 2006 - 07:17 PM
A stationary backround looks good when it's used correctly and in this page it looks great.
I like this, definately a solid start.
I like this, definately a solid start.
#9
Re: Check this out
Posted 07 June 2006 - 09:02 AM
for those that wanted to see my code for the CSS
style.css
main.css
style.css
#logo { background: url(resources/_wsb_logo.jpg) no-repeat; } #key_visual { background: url(resources/_wsb_keyvisual.jpg) no-repeat; } #slogan { font-family: Helvetica,sans-serif; font-style: normal; font-size: 10px; font-weight: bold; text-decoration: none; color: #1c6392; } #main_nav_list a.main_nav_active_item { background: url(images/dynamic/buttonset2/n1activeitem.gif) no-repeat; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 11px; font-weight: normal; text-decoration: none; color: #1a556d; background-position: top right; } #main_nav_list a.main_nav_item { background: url(images/dynamic/buttonset2/n1.gif) no-repeat; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 11px; font-weight: normal; text-decoration: none; color: #1a556d; background-position: top right; } #main_nav_list a.main_nav_item:hover { background: url(images/dynamic/buttonset2/n1hover.gif) no-repeat; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 11px; font-weight: normal; text-decoration: none; color: #1a556d; } .sub_nav_list a.sub_nav_active_item { background: url(images/dynamic/buttonset2/subnav1active.gif) no-repeat; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 11px; font-weight: normal; text-decoration: none; color: #1a556d; } .sub_nav_list a.sub_nav_item { background: url(images/dynamic/buttonset2/subnav1.gif) no-repeat; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 11px; font-weight: normal; text-decoration: none; color: #1a556d; } .sub_nav_list a.sub_nav_item:hover { background: url(images/dynamic/buttonset2/subnav1hover.gif) no-repeat; font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 11px; font-weight: normal; text-decoration: none; color: #1a556d; } #content_container h1 { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 32px; font-weight: normal; text-decoration: none; color: #1c6392; } #content_container h2 { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 26px; font-weight: normal; text-decoration: none; color: #1c6392; } #content_container h3 { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 22px; font-weight: normal; text-decoration: none; color: #1c6392; } #content_container, #content_container p { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 11px; font-weight: normal; text-decoration: none; color: #616161; } #content_container a:visited { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 100%; font-weight: normal; text-decoration: none; color: #000; } #content_container a:link { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 100%; font-weight: normal; text-decoration: none; color: #000; } #content_container a:hover { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 100%; font-weight: normal; text-decoration: none; color: #000; } #content_container a:active { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 100%; font-weight: normal; text-decoration: none; color: #000; } #footer_text { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-style: normal; font-size: 10px; font-weight: normal; text-decoration: none; color: #1a556d; }
main.css
/*---------------------------------------------------------------------------- main.css this css-file contains all definitions, that are independend from the colorschemes. (c) Schlund + Partner AG ---------------------------------------------------------------------- Modified and extended by Barti Bartman for the Sports-Template This CSS-File uses the original "Tanteks Box Modell Hack" http://www.tantek.com/CSS/Examples/boxmodelhack.html NOTE: Older W3C CSS validators return errors when the voice-family property is used in a 'screen' style sheet. This is an error in the W3C CSS validator itself. The validator should report a warning, not an error, when properties which are unsupported by a particular medium are used, and this has been reported to the W3C: ---------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------- styles for specific classes and ids ----------------------------------------------------------------------------*/ /*-- global container ------------------------------------------------------*/ #container { position: relative; padding: 0; margin: 40px auto; text-align: left; width: 755px; } /*--- the main container is devided in sub containers ----------------------*/ #sub_container1 { margin: 0; padding: 0; } #sub_container2 { width: 527px; float: left; } #left_column_container { float: right; width: 215px; padding-bottom: 102px; } /*--- header ---------------------------------------------------------------*/ #header { padding: 0; margin: 0; width: 755px; height: 192px; overflow: hidden; position: relative; } /*--- key visual -----------------------------------------------------------*/ #key_visual { position: absolute; top: 84px; left: 4px; width: 747px; height: 104px; } /*--- logo -----------------------------------------------------------------*/ #logo { position: absolute; top: 29px; right: 4px; width: 300px; height: 51px; } /*--- caption (as text or background image) --------------------------------*/ #slogan { position: absolute; top: 4px; left: 15px; width: 518px; margin-right: 4px; height: 15px; line-height: 15px; text-align: left; font-size: 10px; font-weight: bold; } /*--- main navigation ------------------------------------------------------*/ #main_nav_container { width: 215px; padding: 10px 0; } #main_nav_list { margin: 0 20px 0 13px; padding: 0; list-style: none; } #main_nav_list li { margin: 0; padding: 0; list-style: none; } /*--- main navigation items ------------------------------------------------*/ #main_nav_list a { display: block; padding: 5px 5px 5px 7px; } html body #main_nav_list a { padding: 0 0 0 7px; height: 26px; line-height: 26px; } a.main_nav_item { font-size: 11px; text-decoration: none; } a.main_nav_item:hover { font-size: 11px; text-decoration: none; } a.main_nav_active_item { font-size: 11px; text-decoration: none; } /*--- subnavigation --------------------------------------------------------*/ .sub_nav_list { margin: 0; padding: 0; } /*--- subnavigation items --------------------------------------------------*/ .sub_nav_list a { padding-left: 30px !important; } a.sub_nav_item { font-size: 11px; text-decoration: none; } a.sub_nav_item:hover { font-size: 11px; text-decoration: none; } a.sub_nav_active_item { font-size: 11px; text-decoration: none; } /*--- content --------------------------------------------------------------*/ #content_container { width: 527px; padding: 0 0 0 10px; margin: 0; overflow: hidden; } #content_container table { border: 0; border-spacing: 0; border-collapse: collapse; width: 100%; font-size: 11px; margin: 10px 0; } html #content_container table { width: 99%; } #content_container th { color: #fff; font-size: 11px; padding: 2px; } #content_container table th, #content_container table td { border: 1px solid #fff; padding: 3px; } /*--- container for the search form ----------------------------------------*/ #content_search_container { position: relative; margin: 20px 0; width: 510px; height: 60px; } #content_search_caption { position: absolute; top: 30px; left: 40px; font-size: 11px; } #content_search_container form { position: absolute; top: 25px; left: 90px; margin: 0; padding: 0; } #content_search_container form input { margin: 0; padding: 0; } #content_search_container button { vertical-align: middle; margin-left: 10px; } #content_search_container input { vertical-align: middle; width: 300px; } /*--- footer ---------------------------------------------------------------*/ #footer { margin: 0; padding: 0; width: 750px; height: 65px; clear: both; } #footer_text { padding: 20px 210px 0 0; font-size: 10px; text-align: center; } /*---------------------------------------------------------------------------- default-styles for html-elements ----------------------------------------------------------------------------*/ /*--- body -----------------------------------------------------------------*/ body#main_body { margin: 0; padding: 0; text-align: center; } /*--- paragraph ------------------------------------------------------------*/ #content_container p { margin: 5px 0 20px 0; padding: 0; font-size: 11px; line-height: 17px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; color: #616161; } /*--- headings -------------------------------------------------------------*/ #content_container h1 { font-size: 32px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 10px 0; } #content_container h2 { font-size: 26px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 10px 0; } #content_container h3 { font-size: 22px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 10px 0; } #content_container h4 { font-size: 18px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 10px 0; } #content_container h5 { font-size: 16px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 10px 0; } #content_container h6 { font-size: 14px; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-weight: normal; margin: 10px 0; } /*--- links ----------------------------------------------------------------*/ #content_container a:link { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 100%; font-style: normal; font-weight: normal; text-decoration: none; } #content_container a:visited { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 100%; font-style: normal; font-weight: normal; text-decoration: none; } #content_container a:hover { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 100%; font-style: normal; font-weight: normal; text-decoration: none; } #content_container a:active { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 100%; font-style: normal; font-weight: normal; text-decoration: none; } /*--- tables ---------------------------------------------------------------*/ #content_container table { width: 100%; border: 1px solid black; } html table { width: 99%; } #content_container th { text-align: left; } #content_container tr { vertical-align: top; } /*--- forms ----------------------------------------------------------------*/ #content_container fieldset { border: 0; } #content_container input, select, textarea { border-style: solid; border-width: 1px; } #content_container label { font-size: 12px; } #content_container button { color: #fff; font-weight: bold; cursor: pointer; border: 0; font-size: 11px; padding: 2px 4px; } /*--- lists ----------------------------------------------------------------*/ #content_container ul { font-size: 11px; list-style: square; } #content_container ol { font-size: 11px; } #content_container li { margin: 3px 0; } /*--------------------------------------------------------------------------*/
#10
Re: Check this out
Posted 07 June 2006 - 09:04 AM
and this is the JS that I believe resizes the background to match window size. but dont quote me on that as I have been modifying a templet
var ResizeIframe = { wrapperId : "tinc_content", /** * Resizes an iframe sId including oDoc to oDoc's content size. * Can be called top-down, i.e. from the including iframe (or it's parents) or bottom-up, i.e. from the included document. * In the latter case the iframe element is retrieved programmatically. * * @param oDoc Included page's document object * @param sId ID of including iframe */ resize : function ( oDoc, sId ) { try { if ( typeof oDoc == "undefined" ) return; if ( typeof sId != "undefined" ) { var iframe = oDoc.getElementById( sId ); var iframeDoc = iframe.contentwindow.document; } else { var iframeDoc = oDoc; var iframeWindow = iframeDoc.parentWindow || iframeDoc.defaultView; var iframe = iframewindow.frameElement; } var wrapper = iframeDoc.getElementById( this.wrapperId ); // make sure we only resize once if ( iframeDoc.isIntegrated == true ) { return; } // switch on transparency for iframe iframeDoc.body.style.backgroundColor = "transparent"; iframe.allowTransparency = "true"; iframeDoc.body.style.padding = "0px"; iframeDoc.body.style.border = "none"; var tabs = iframeDoc.getElementsByTagName( "table" ) if ( tabs[0] && tabs[0].className == "dborder" ) { wrapper.setAttribute( "wfx:overridewidth", "true" ); } else if ( iframeDoc.forms[0] && iframeDoc.forms[0].elements["formname"] ) { wrapper.setAttribute( "wfx:overridewidth", "true" ); } if ( window.addEventListener ) { var gcs = iframeDoc.defaultView.getComputedStyle( iframeDoc.body, null); var v_margin = parseInt( gcs.getPropertyValue( "margin-top" ) ) + parseInt( gcs.getPropertyValue( "margin-bottom" ) ); var h_margin = parseInt( gcs.getPropertyValue( "margin-left" ) ) + parseInt( gcs.getPropertyValue( "margin-right" ) ); var wrapper_width = wrapper.offsetWidth; var flex = wrapper.getAttribute( "wfx:overridewidth" ); if ( flex == "true" ) { wrapper.style.width = "100%"; } else { iframe.style.width = wrapper_width + h_margin + "px"; } // Setting the top padding of the wrapper avoids wrong calculation of the height due to collapsing margins behavior wrapper.style.paddingTop = "1px"; height = wrapper.offsetHeight + v_margin; } else if ( window.attachEvent ) { iframeDoc.body.style.margin = "0px"; var wrapper_width = wrapper.offsetWidth; var flex = wrapper.getAttribute( "wfx:overridewidth" ); if ( flex == "true" ) { wrapper.style.width = "100%"; } else { iframe.style.width = wrapper_width + "px"; } height = wrapper.offsetHeight; } if ( iframe.scrolling != "yes" ) { height += 20; } iframe.style.height = height + "px"; iframeDoc.isIntegrated = true; } catch ( ex ) { return; } WfxExtrasProcessor.process( oDoc, sId ); } } var WfxExtrasProcessor = { process : function ( oDoc, sId) { if ( typeof oDoc == "undefined" ) return; if ( typeof sId != "undefined" ) { var iframe = oDoc.getElementById( sId ); var iframeDoc = iframe.contentwindow.document; } else { var iframeDoc = oDoc; var iframeWindow = iframeDoc.parentWindow || iframeDoc.defaultView; var iframe = iframewindow.frameElement; } // let non-tinc links load in the parent document. this might need some adjustment var links = iframeDoc.getElementsByTagName( "a" ); for ( var i = 0; i < links.length; i++ ) { if ( links[i].href.indexOf( "/tinc" ) == -1 ) links[i].target = "_parent"; } // Special case: WebElements forms might do redirection to another page after submission. That's indicated by a non-empty // 'redirectionEnabled' attribute of a submit button. var inputs = iframeDoc.getElementsByTagName( "input" ); for ( var i = 0; i < inputs.length; i++ ) { var input = inputs[i]; if ( input.getAttribute("redirection") != null && input.getAttribute("redirection") != '' ) input.form.target = "_parent"; } } }
#11
Re: Check this out
Posted 07 June 2006 - 10:51 PM
So its a farm that grows food? Then I suggest losing the flowers and putting more thing of what is actually grown... The grass is okay, and I like where it's placed and how it's used, but how about putting something that's more like a farm instead of a baseball field down there?
Green Green Green...and a blue navigation? This looks weird to me..how baout choosing a different color? Maybe something closer to green like yellow or orange? Something more bright or go completely opposite and have a redish color there?
Just some food for thought.
Green Green Green...and a blue navigation? This looks weird to me..how baout choosing a different color? Maybe something closer to green like yellow or orange? Something more bright or go completely opposite and have a redish color there?
Just some food for thought.

#12
Re: Check this out
Posted 08 June 2006 - 08:41 AM
The funny thing is that if you type Idunnas grove into google it comes up with this site check page. I wonder how long it takes to get spidered.
Well it is actually an orchard. those flowers you see are apple blossoms since my primary crop is apples I figured they would be a better fit. The grass was chosen because my second crop is alfalfa hay. ( wich is really the easiest to deal with It grows someone else cuts it bales it and hauls it I get money 3 - 4 times a year just for being there no work required.
Well it is actually an orchard. those flowers you see are apple blossoms since my primary crop is apples I figured they would be a better fit. The grass was chosen because my second crop is alfalfa hay. ( wich is really the easiest to deal with It grows someone else cuts it bales it and hauls it I get money 3 - 4 times a year just for being there no work required.
#13
Re: Check this out
Posted 08 June 2006 - 09:03 AM
If I click on the "our farm" link the nav bar loses the "Why Idunna" link
and if i click on "Why Idunna, then critters, then products"
Both "Why Idunna" and "products" in the nav bar stay highlighted
and if i click on "Why Idunna, then critters, then products"
Both "Why Idunna" and "products" in the nav bar stay highlighted
#14
Re: Check this out
Posted 08 June 2006 - 05:11 PM
Thorian, on 8 Jun, 2006 - 07:33 AM, said:
The funny thing is that if you type Idunnas grove into google it comes up with this site check page. I wonder how long it takes to get spidered.
Well it is actually an orchard. those flowers you see are apple blossoms since my primary crop is apples I figured they would be a better fit. The grass was chosen because my second crop is alfalfa hay. ( wich is really the easiest to deal with It grows someone else cuts it bales it and hauls it I get money 3 - 4 times a year just for being there no work required.
Well it is actually an orchard. those flowers you see are apple blossoms since my primary crop is apples I figured they would be a better fit. The grass was chosen because my second crop is alfalfa hay. ( wich is really the easiest to deal with It grows someone else cuts it bales it and hauls it I get money 3 - 4 times a year just for being there no work required.
well see! how many people know that when they come to your site? lol