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.

how do i add a background to the navbar

View previous topic View next topic Go down

Solved how do i add a background to the navbar

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

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



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

+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™ on 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.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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- on April 17th 2012, 3:41 am

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

+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™ on 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)



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
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- on 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-
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- on April 17th 2012, 11:33 am

Bump, sorry about double posts

+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 on 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
ForumGuru

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

Back to top Go down

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

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

BUMP

+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 on 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!

Guest
Guest


Back to top Go down

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

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

thanks!

+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 on April 20th 2012, 11:24 am

Glad I could help. Smile

Guest
Guest


Back to top Go down

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

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

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

Jophy
ForumGuru

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

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