Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   How to place three text-hyperlinks in the right-bottom corner of the header? (http://forum.bytesforall.com/showthread.php?t=12918)

Zenman Feb 21, 2011 01:48 PM

How to place three text-hyperlinks in the right-bottom corner of the header?
 
I would like to have three menu-items in the right-bottom corner of the header image.

home | login | contact

(white background, green textcolor and when hoovering green background with white text)

What is my best option to fix this?

:)

http://www.de-a.nl/verslagen-dea/verslag/

lmilesw Feb 21, 2011 02:02 PM

You may be able to do that by adding the second menu (%cats or %pages) and positioning with CSS.

Zenman Feb 21, 2011 03:19 PM

This is what I've come up with:

I added a div to the Header Area:
Code:

%bar1 %image <div class="kortmenu"><a class="kortmenulink" href="http://www.dea.nl/wp-admin/" title="inlogpagina van deA">Inloggen</a></div> %pages %bar2
With this CSS-Inserts:

Code:

/*---------kortmenu------------------*/
div.kortmenu {
z-index: 4;
position: relative;
float: right;
margin-top: -22px;
margin-right: 0px;
width: auto;
border: solid 1px #496d49;
padding: 3px;
background: #ffffff;
border: 0;
filter: alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
}
a.kortmenulink:link,
a.kortmenulink:active,
a.kortmenulink:visited{
color: #0A6F03;
text-decoration: none;
}
a.kortmenulink:hover{
background: #84B819;
}

:)

What is your opinion on that?

runnerb0y Feb 21, 2011 03:29 PM

It looks like it's working for you. Nice job!

lmilesw Feb 21, 2011 03:52 PM

Hey... If it works... go for it.


All times are GMT -6. The time now is 07:18 AM.

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