[SOLVED] Page Menu on Header image
Howdy,
Total noob here, on my site http://www.crazytrike.com, I would like to "float" the page menu on the Header image, not below like it is now, nor on top. Is there a way to do this? Thanks in advanced Doug |
absolutely,
put your settings in ATO->Header Image->Overlayed Blog Title/Tagline Style margin-top: 30px; margin-left: 30px; will have it at the top left while margin-top: 135px; float: right; margin-right: 10px; padding: 7px; background: #ffffff; border: solid 2px #000000; filter: alpha(opacity=85); -moz-opacity:.85; opacity:.85; -moz-border-radius: 7px; -khtml-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; will put it at the right down low and it will float if you make the page smaller btw, love the bike. I use to have a two wheel recumbent - Easy rider, but had to give up riding after I tore my meniscus and even after surgery and rehab, I would limp for three hours after riding for 1 (sigh) but now I'm riding a Vespa, not the same but more fun going up hills (grin) |
Thanks fo the reply - actually moving the header text isn't exactly what I was looking for, I would like to move the page menu bar to be on the header image like the header text is.
Again, thanks for your assistance Doug http://www.crazytrike.com |
Since posting this question, I found the solution:
The results are on my site: http://www.crazytrike.com I'm using HTML/CSS inserts to modify the way the page menu is displayed I've also added a NextGen Gallery flash header with a transparent .png background image. Code added for the NextGen Gallery falsh header: <?php if (function_exists("nggSlideshowWidget")) { nggSlideshowWidget(27,950,200); } ?> is put in header.php after the line: <?php bfa_header_config($bfa_ata['configure_header']); ?> In ATO, Header, Configure Header Area, put: %image %page In ATO, HTML/CSS Inserts, CSS Inserts, put the follwing css: #sbsl27_1 { width: 100%; } ul.rMenu { background: transparent; margin-top: 154px; padding: 10px; position: absolute; width:auto; z-index:4; } ul.rMenu li { background-color: transparent; } ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active { font-weight: bold; } #imagecontainer { position:absolute; width:100%; z-index:3; } For the NextGen Gallery info, look at this post: http://forum.bytesforall.com/showthread.php?t=1197 Let me know what you think... Doug http://www.crazytrike.com |
All times are GMT -6. The time now is 03:08 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.