PDA

View Full Version : Customization Help


travischance
Aug-27-2009, 04:43 PM
I recently updated my site to make it cleaner & simpler. Can anyone give ideas how to accomplish the below?
Complete the box on my home page (it's missing at the top)
Left align my "Photography by..." banner
Insert a line across my page to seperate the Banner from the Navbar (similar to the blue line on Denise's page http://www.denisegoldberg.com/)
Right align the contents of my Navbar
Delete some of the "empty space" above and below the slideshowI realize this may be a lot of work and truly appreciate any direction provided. In addition, any other suggestions would be greatly appreciated. Thanks again (Rookie Smugger)!!!!

photokandy
Aug-27-2009, 06:10 PM
I recently updated my site to make it cleaner & simpler. Can anyone give ideas how to accomplish the below?
Complete the box on my home page (it's missing at the top)
Left align my "Photography by..." banner
Insert a line across my page to seperate the Banner from the Navbar (similar to the blue line on Denise's page http://www.denisegoldberg.com/)
Right align the contents of my Navbar
Delete some of the "empty space" above and below the slideshowI realize this may be a lot of work and truly appreciate any direction provided. In addition, any other suggestions would be greatly appreciated. Thanks again (Rookie Smugger)!!!!

See if this works:

CSS:

#navcontainer
{
background: transparent url(http://www.travischancephotography.com/img/themes/White/small_center.jpg) repeat-y scroll 0 0;
}

#navcontainer UL
{
text-align:right;
margin-right: 20px;
}

#my_banner
{
background-image: transparent url(http://www.travischancephotography.com/img/themes/White/small_center.jpg) repeat-y scroll 0 0;
}

#my_banner img
{
margin-left: 20px;
}

#my_banner #my_banner_border
{
border-bottom: 1px solid rgb(102, 0, 0);
margin-left: 10px;
margin-right: 20px;
margin-top: 10px;
}


Replace your "<div id='my_banner'> </div>" with the following (assuming you can change this part -- if not, make it part of your custom header, perhaps):


<div id="my_banner">
<img src="http://www.travischancephotography.com/photos/631541380_2oBbf-O.jpg">
<div id="my_banner_border"> </div>
</div>


I think that takes care of #1 - #4 above. For #5, adjust the height of your slideshow to say, 400. Right now you have 600x600, which a wider than tall image can't fill.