Navbar Question

View previous topic View next topic Go down

avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 4/12/2011, 12:30 am

How did u do ur navbar? Like it goes from one side from the forum to the other. And make ur text so big?
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 4/12/2011, 6:09 am

Do you mean the navvar on the footer?
avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 4/12/2011, 10:52 am

No i do not. I mean the navbar on the top. Usually people have images but yours has a image under and words on top if u get what i mean.Its the white/light blue gradient. Is this possible on phbb2?
avatar
Dazation
Valued Member
Valued Member
Forum Posts : 222
Member Since : 2011-10-30
View user profile

PostDazation on 4/12/2011, 2:01 pm

Done by Css - Ill Drog explain how to do it Wink
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 4/12/2011, 3:30 pm

Ill do this in a sec.
avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 4/12/2011, 4:10 pm

Ok thanks.
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 4/12/2011, 4:13 pm

I don't see what you mean by goes from one side of the forum to the other, because it shouldn't :p it just goes the width of the wrapper.

Basically it's just an edited punBB code...

Here's the CSS that I'm using.

Code:
#pun-head #pun-navlinks {
    background-color: #YOURCOLOR;
    background-image: url("REMOVED");
    background-repeat: repeat-x;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
    color: #YOURCOLOR;
    font-size: 14px;
  width: 970px;
  margin-left: -10px;
  margin-top: -10px;
    height: 30px;
    margin-bottom: 10px;
font-family: 'tahoma', arial, serif;

}

#pun-navlinks ul {
    list-style: none;
    text-align: center;
    padding-top: 8px;
}

#pun-navlinks li {
    display: inline;
    font-size: 13px;
}

#pun-navlinks a, #pun-navlinks a:visited {
    color: #YOURCOLOR;
    font-weight: bold;
    text-decoration: none;
}

#pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus {
    text-decoration: none;
    color: #YOURCOLOR;
}
avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 4/12/2011, 5:54 pm

This is what I mean:

I tried the code and it didnt work for me. I'm using Phbb2 so that might be the problem.
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 4/12/2011, 6:17 pm

OH! If you're using a text navbar try this:

Find your element for nav bar and put in:

Code:
Margin-right: 15px;
avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 4/12/2011, 7:31 pm

Honestly im terrible with html stuff. Where do i add that? Also dont i need a image in the background?
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 5/12/2011, 5:48 am

Can i get a link to your forum? Razz
avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 5/12/2011, 3:23 pm

avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 5/12/2011, 3:35 pm

Ok i see your navbar. what are you trying to do with it?
avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 5/12/2011, 4:53 pm

I would like that long strip under the navbar words, and make the words a bit larger to fit the strip.
avatar
Mike
Administrator
Forum Posts : 446
Member Since : 2011-10-28
View user profile http://www.codinghelp.org

PostMike on 5/12/2011, 5:57 pm

Alright. It'd require some template editing to do so.

Forum Version?
avatar
+Elegance
Beta Tester
Beta Tester
Forum Posts : 11
Member Since : 2011-11-02
View user profile

Post+Elegance on 5/12/2011, 7:26 pm

phbb2. thank you very much
avatar
Cody
Member
Member
Forum Posts : 43
Member Since : 2011-11-13
View user profile

PostCody on 3/1/2012, 3:52 pm

What is the status of this?
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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