The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

!! NAVBAR EFFECT HELP !!

View previous topic View next topic Go down

Solved !! NAVBAR EFFECT HELP !!

Post by sgeorge on Thu Jun 24, 2010 3: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 Fri Jun 25, 2010 12:02 pm; edited 1 time in total

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 on Thu Jun 24, 2010 5: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;
    }

Guest
Guest


Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Rok on Thu Jun 24, 2010 6:02 pm

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

Male Posts : 6823
Reputation : 231
Language : idk

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge on Thu Jun 24, 2010 6:17 pm

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
Forumember

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

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge on Fri Jun 25, 2010 6:22 am

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

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 on Fri Jun 25, 2010 11:19 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Guest on Fri Jun 25, 2010 11:21 am

Please lock this is solved, by PM.

Guest
Guest


Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Sanket on Fri Jun 25, 2010 11:27 am

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

let the author of this thread, confirm the same.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Guest on Fri Jun 25, 2010 11:28 am

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

Guest
Guest


Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge on Fri Jun 25, 2010 11:59 am

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

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

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by sgeorge on Fri Jun 25, 2010 12: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
Forumember

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

Back to top Go down

Solved Re: !! NAVBAR EFFECT HELP !!

Post by Sanket on Fri Jun 25, 2010 12:04 pm

Since this thread is marked solved, I will lock this thread.


Sanket Smile


Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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