View Full Version : Underlined menu, line separator, Hide buttons
jstuartstudios
Dec-17-2008, 03:45 AM
I thank you all in advance! I can't figure these out!
http://jstuartstudios.smugmug.com/
I don't want the words in my menu (top right) to be underlined. What do I need to do?
I would like the line under my menu to be extended across the whole page and underneath my logo in the top left of the page. How can this be done? I like the line that Andy at Moon River uses!
How can I hide "Gallery pages: 1" on both my Services and Bio/Contact pages? This appears twice on each page.
If you have any suggestions for look or content, please let me know!
Thank you again!
Justin
Allen
Dec-17-2008, 06:29 AM
I thank you all in advance! I can't figure these out!
http://jstuartstudios.smugmug.com/
I don't want the words in my menu (top right) to be underlined. What do I need to do?
I would like the line under my menu to be extended across the whole page and underneath my logo in the top left of the page. How can this be done? I like the line that Andy at Moon River uses!
How can I hide "Gallery pages: 1" on both my Services and Bio/Contact pages? This appears twice on each page.
If you have any suggestions for look or content, please let me know!
Thank you again!
Justin
Welcome to Dgrin :wave
Remove this from your head tag.
<img src="http://jstuartstudios.smugmug.com/photos/438324078_9J2sp-O.png">
Change you header html to this.
<div id="my_header">
<div id="my_banner"> </div>
<div id="navcontainer">
<ul>
<li><a href="/" title="Home">Home</a></li>
<li><a href="/share/F3yNirB6qP1HW" title="View Galleries">Galleries</a></li>
<li><a href="/gallery/6780767_NCgTP" title="At Your Service">Services</a></li>
<li><a href="/gallery/6854075_QfBdk" title="About Me & Contact Information">Bio/Contact</a></li>
</ul>
</div> <!-- closes navcontainer -->
</div> <!-- closes my_header -->
Add these to CSS
#my_header {
height: 50px;
border-bottom: 1px solid #ccc;
margin: 0 40px 15px; /* top right/left bottom*/
padding: 0 20px;
}
#my_banner {
width: 337px;
height: 45px;
margin: 5px 0; /* top/bottom right/left */
background: url(/photos/438324078_9J2sp-O.png) no-repeat;
_background: none;
_filter:progid:DXImageTransform.Microsoft.AlphaIma geLoader (enabled=true,
sizingmethod=image, src='/photos/438324078_9J2sp-O.png');
}
#navcontainer {
float: right;
margin: -30px 0 0; /* top right/left bottom */
}
.notLoggedIn .gallery_6854075 #breadcrumb,
.notLoggedIn .gallery_6780767 #breadcrumb,
.gallery_6854075 .pageNav,
.gallery_6780767 .pageNav {display: none;}
Remove this from CSS
#navcontainer {position: absolute;
top: 10px;
_top: 10px;
right: 10px;
width: 580px;
}
jstuartstudios
Dec-17-2008, 06:00 PM
Thank you Allen! This worked perfectly! I appreciate your time that you spent on this and all of the other work you have done on the forum.
-Justin
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.