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.

how do i add a background to the navbar

3 posters

Go down

Solved how do i add a background to the navbar

Post by +Fusion- April 17th 2012, 3:12 am

how do i add a background to the navbar like phpBB3 has. i have PHPBB2
EX:

how do i add a background to the navbar Navbar10


Last edited by ReBoRNz on April 20th 2012, 10:11 am; edited 3 times in total
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by Sir Chivas™ April 17th 2012, 3:20 am

Hi, Hello

Can you provide me the link of these Forum that has the NavBar that you have provided above?

Thanks.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by +Fusion- April 17th 2012, 3:41 am

well heres a forum with a bar behind navbar, the thing i wanted: http://joezwiimodz.forumotion.com/
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by Sir Chivas™ April 17th 2012, 3:46 am

There's different answers to this:

1. Display only images in the navbar : No (ACP >> Display >> Homepage >> Header & Navigation.

2. It may be due to the Skin (theme)
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by +Fusion- April 17th 2012, 3:58 am

well heres the CSS script for PunBB, can u somehow make this apply for PHPbb2:

Code:
#pun-head #pun-navlinks {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
    background-color: #304154;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 1px solid #1E2831;
    height: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

PLEASE REPLY
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by +Fusion- April 17th 2012, 11:33 am

Bump, sorry about double posts
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by Jophy April 17th 2012, 11:38 am

May I remind you that double posting is not tolerated. Please wait patiently for someone who knows the question. This is your 2nd reminder about this.
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by +Fusion- April 20th 2012, 5:38 am

BUMP
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by Guest April 20th 2012, 8:58 am

Hi!

You said your forum version is phpBB2, so: Go to Administration Panel => Display => Templates => General => overall_header => Edit => Find this:
Code:
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>
and replace with:
Code:
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" class="navbar">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>
Save, then publish template Add

Then go to Administration Panel => Display => Pictures and colors => Colors => CSS Stylesheet, and add:
Code:
.navbar{
  margin-top: 15px;
  margin-bottom: 15px;
  width: 100%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
  background-color: #304154;
  background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/pun-na10.png");
  background-origin: padding-box;
  background-position: 0 0;
  background-repeat: repeat-x;
  border: 1px solid #1E2831;
  height: 28px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 40px !important;
}
Save!
avatar
Guest
Guest


Back to top Go down

Solved Re: how do i add a background to the navbar

Post by +Fusion- April 20th 2012, 10:09 am

thanks!
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

Solved Re: how do i add a background to the navbar

Post by Guest April 20th 2012, 11:24 am

Glad I could help. Smile
avatar
Guest
Guest


Back to top Go down

Solved Re: how do i add a background to the navbar

Post by Jophy April 20th 2012, 12:17 pm

Since this thread is marked as solved, this will be moved now.
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Back to top

- Similar topics

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