Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   [SOLVED] Page Menu on Header image (http://forum.bytesforall.com/showthread.php?t=1734)

dougfoot May 20, 2009 11:40 PM

[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

juggledad May 21, 2009 05:10 AM

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)

dougfoot May 21, 2009 07:10 AM

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

dougfoot May 30, 2009 04:37 PM

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 11:10 PM.

Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.