View Full Version : Nav Bar and Slideshow Help
FotoMike
Oct-25-2007, 03:10 PM
Hey everyone. I follwed the tutorial on how to creat a header, nav bar, slidehow and galleries page. I have a few question still tho.
1-Can i get my header to expand so that it is longer?
2-The nav bar is against the left side of the page, i would like to have the links lined up next to eachother below my header.
3-I got the slide show to work perfectly, how do i take it off the galleries page?
I basically want the homepage to be the title, nav bar and slidehow. and then have the galleries page link to where my galleries are. Any help will be appreciated.
www.atwphotography.smugmug.com
Thanks!
Allen
Oct-25-2007, 04:06 PM
Hey everyone. I follwed the tutorial on how to creat a header, nav bar, slidehow and galleries page. I have a few question still tho.
1-Can i get my header to expand so that it is longer?
2-The nav bar is against the left side of the page, i would like to have the links lined up next to eachother below my header.
3-I got the slide show to work perfectly, how do i take it off the galleries page?
I basically want the homepage to be the title, nav bar and slidehow. and then have the galleries page link to where my galleries are. Any help will be appreciated.
www.atwphotography.smugmug.com (http://www.atwphotography.smugmug.com)
Thanks!
Replace these below. After your banner you had a { instead of }. Put in the
actual sizes and the margin: 0 auto; will center it. Is the original a png file
or jpg. Make sure originals are turned on in the banner gallery and insert it's
size below if you want it bigger.
This has also repaste directly from the tutor for the nav.
#my_banner {
width: 600px;
height: 86px;
background: url(http://ATWphotograpy.smugmug.com/photos/212566692-O.jpg) no-repeat;
margin: 0 auto;
}
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #036;
}
#navcontainer ul li a:hover {
color: #fff;
background-color: #369;
}
FotoMike
Oct-25-2007, 11:23 PM
Allen, you are a life saver, thank you so much. I copied the code you gave me and everything showed up the way i wanted it. I spaced out the nav bar, and now it looks great!
I have one more question if you dont mind. How do i get rid of the words that say Mike(atwphotography)'s homepage? Thank again for all the help!
Allen
Oct-26-2007, 07:47 AM
Allen, you are a life saver, thank you so much. I copied the code you gave me and everything showed up the way i wanted it. I spaced out the nav bar, and now it looks great!
I have one more question if you dont mind. How do i get rid of the words that say Mike(atwphotography)'s homepage? Thank again for all the help!
See sticky thread at top of this forum.
>>> CUSTOMIZATION: Start here <<<
Click this in 1st post.
* Basic Customization FAQ - find "copy and paste" code for common requests.
See #24.
vBulletin v3.5.2, Copyright ©2000-2009, Jelsoft Enterprises Ltd.