The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

!! NAVBAR EFFECT HELP !!

3 posters

Go down

Solved !! NAVBAR EFFECT HELP !!

Post by sgeorge June 24th 2010, 9:51 pm

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....


Last edited by sgeorge on June 25th 2010, 6:02 pm; edited 1 time in total
sgeorge
sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Guest June 24th 2010, 11:04 pm

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;
    }
avatar
Guest
Guest


Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Rok June 25th 2010, 12:02 am

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
Rok
Energetic

Male Posts : 6823
Reputation : 234
Language : idk

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge June 25th 2010, 12:17 am

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....
sgeorge
sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge June 25th 2010, 12:22 pm

SORRY FOR DOUBLE POSTING BUT I NEED SOMEONE TO HELP ME...
sgeorge
sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Sanket June 25th 2010, 5:19 pm

May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button) Wink
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Guest June 25th 2010, 5:21 pm

Please lock this is solved, by PM.
avatar
Guest
Guest


Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Sanket June 25th 2010, 5:27 pm

Gangstar15 wrote:Please lock this is solved, by PM.

let the author of this thread, confirm the same.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Guest June 25th 2010, 5:28 pm

Its the same as ( How to create like this? ) but okay Smile
avatar
Guest
Guest


Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge June 25th 2010, 5:59 pm

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
sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge June 25th 2010, 6:03 pm

Sanket wrote:May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button) Wink

Sorry Sanket... I will try not to do that again...
sgeorge
sgeorge
Forumember

Male Posts : 556
Reputation : 15
Language : Greek - English
Location : Greece

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Sanket June 25th 2010, 6:04 pm

Since this thread is marked solved, I will lock this thread.
!! NAVBAR EFFECT HELP !! 2j4t5a8

Sanket Smile

Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum