!! NAVBAR EFFECT HELP !!
3 posters
Page 1 of 1
!! NAVBAR EFFECT HELP !!
How can I create this or a similar effect that has the navbar of this forum → http://fashion-teens.forumotion.com/forum.htm on my navbar at my forum ?
Thank you in advance......sgeorge....
Thank you in advance......sgeorge....
Last edited by sgeorge on June 25th 2010, 6:02 pm; edited 1 time in total
sgeorge- Forumember
- Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece
Re: !! NAVBAR EFFECT HELP !!
try this. dont know if it works. put it in you CSS stylesheet.
- Code:
#pun-head #pun-navlinks {
margin-top: -81px;
padding: 0.5em 1.1em 0.6em 1.1em;
background-color: transparent;
border-color: #424141;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
margin: 0px -4px 0 5px;
height: 0px;
}
#pun-navlinks li a {
margin: 0 0em 0 0;
}
#pun-navlinks a, #pun-navlinks a:visited {
/*color: #fff;
*/
text-decoration: none;
}
#pun-navlinks a:hover {
text-align: right;
text-decoration: none;
color: #151515;
}
#pun-navlinks a:active, #pun-navlinks a:focus {
text-decoration: none;
}
#pun-visit,.main-box {
border-color: #424141;
border-style: solid;
border-width: 0px;
padding: 0.6em 1em;
background-color: transparent;
margin: 15px 0 1em 0;
font-size: 11px;
opacity: 0.7;
}
#pun-visit ul,.main-box ul {
float: right;
width: 20%;
text-align: right;
display: list-item;
list-style-type: none;
}
.main-box ul {
float: right;
width: auto;
}
#pun-visit li,.main-box li {
margin-left: 0.7em;
white-space: nowrap;
float: right;
}
.pun-crumbs {
padding: 0.2em 1em;
margin: 0 1px 1em 1px;
}
.pun-crumbs p {
margin: 0;
line-height: 1.5;
font-size: 1.11em;
color: #ffffff;
}
.pun-crumbs a {
text-decoration: none;
}
Guest- Guest
Re: !! NAVBAR EFFECT HELP !!
I have the same CSS code for my forum. Place this following code in your CSS:
- Code:
.navbar
ul.linklist li {
list-style-type: none;
width: auto;
font-size: 1.0em;
line-height: 2.2em;
display: inline;
}
ul.linklist li a img {
filter:alpha(opacity=70);
-moz-opacity: 0.5;
opacity: 0.5;
}
ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 2.0;
opacity: 1.9;
position: relative;
cursor:allowed;
}
Rok- Energetic
- Posts : 6823
Reputation : 234
Language : idk
Re: !! NAVBAR EFFECT HELP !!
I have images uploaded on my navbar through the admin panel... I tried both of the codes... (Control Panel>Display>Pictures and Colors>Colors>CSS) None of them worked... My forum is Phpbb2....
http://radiosoundall.forumotion.com
The navbar from here → http://www.forumansion.com/index.htm is awesome ! This is what I want....
http://radiosoundall.forumotion.com
The navbar from here → http://www.forumansion.com/index.htm is awesome ! This is what I want....
sgeorge- Forumember
- Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece
Re: !! NAVBAR EFFECT HELP !!
SORRY FOR DOUBLE POSTING BUT I NEED SOMEONE TO HELP ME...
sgeorge- Forumember
- Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece
Re: !! NAVBAR EFFECT HELP !!
May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button)
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: !! NAVBAR EFFECT HELP !!
Gangstar15 wrote:Please lock this is solved, by PM.
let the author of this thread, confirm the same.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: !! NAVBAR EFFECT HELP !!
Solved yeah... thank you... Please delete this thread because I created it 2 times... sorry for that but at this I think that I didn't explain it so good... Yes,you will say me why didn't edit this thread ?? Beacuse none of the members or mods would see the diference...
sgeorge- Forumember
- Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece
Re: !! NAVBAR EFFECT HELP !!
Sanket wrote:May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button)
Sorry Sanket... I will try not to do that again...
sgeorge- Forumember
- Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece
Re: !! NAVBAR EFFECT HELP !!
Since this thread is marked solved, I will lock this thread.
Sanket
Sanket
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» navbar light effect
» How do I give my navbar this hover effect?
» PHP2 Hover effect on Navbar
» Black Navbar with Floral effect.
» How to remove gap in Navbar and add shadow/hover effect?
» How do I give my navbar this hover effect?
» PHP2 Hover effect on Navbar
» Black Navbar with Floral effect.
» How to remove gap in Navbar and add shadow/hover effect?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum