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 of FM

View previous topic View next topic Go down

Solved Navbar of FM

Post by whitestone on September 16th 2015, 4:31 pm

Is there any chance I can get the source code of the navbar of the new design from FM.
I really like this.

Thanks in Advance.


Last edited by whitestone on September 16th 2015, 8:29 pm; edited 1 time in total

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by Ange Tuteur on September 16th 2015, 6:22 pm

Hi @whitestone,

Are you looking for the border effect, or ..? Moreover, I'd need to to know version of your forum. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navbar of FM

Post by Ace 1 on September 16th 2015, 6:29 pm

@whitestone

Try adding this to your stylesheet:
Code:
ul.linklist li{
background-color: #2D3134;
display: inline-block;
margin: -9px -10px 0;
}

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Navbar of FM

Post by whitestone on September 16th 2015, 6:45 pm

@Ange Tuteur, just the whole navbar.
I want it exactly what there is, if possible. I will do some modifications.
PHPBB3

@Ace 1, your code didn't work, nice try.

PS: How Can I tag you guys, I just can't tag people with Spaces in their name.


Last edited by whitestone on September 16th 2015, 7:14 pm; edited 1 time in total

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by SLGray on September 16th 2015, 7:12 pm

@whitestone wrote:@Ange Tuteur, just the whole navbar.
I want it exactly what there is, if possible. I will do some modifications.
PHPBB3

@Ace 1, your code didn't work, nice try.

PS: How Can I tag you guys, I just can't tag people with Spaces in their name.
By placing the username in quotation marks.

Code:
@"Ange Tuteur"


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Navbar of FM

Post by whitestone on September 16th 2015, 7:14 pm

@SLGray, thx worked.
Maybe you also know the answer to my question? Very Happy

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by Ange Tuteur on September 16th 2015, 7:16 pm

phpbb3 is purfect.

Here add these rules to your stylesheet :
Code:
#page-header .navbar { background:none }
#page-header .navbar .linklist li { font-size:0 }
#page-header .navbar .linklist {
  background:#EEE;
  border:none;
  margin:-9px -10px 0px -10px;
}

#page-header a.mainmenu {
  color:#666;
  font-size:13px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/nav10.png') repeat-x 0px 45px;
  display:inline-block;
  height:45px;
  line-height:45px;
  padding:0px 12px;
  transition:250ms;
}

#page-header a.mainmenu:hover { background-position:0 40px }

FYI the border is made using a small background image. To change the color you need to to edit the image.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navbar of FM

Post by whitestone on September 16th 2015, 7:44 pm

Thanks for sharing the source code @Ange Tuteur
It kinda worked but I have a problem. It is overlapping my old navbar and I can't find it or turn it off (the old navbar)
Mybe you can help me with that?

Forum link: http://swat4.forumclan.com/
Old navbar: https://i21.servimg.com/u/f21/18/89/17/66/oldnav10.png
New navbar (with overlapping) on the forum now

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by SLGray on September 16th 2015, 7:50 pm

Clear your browser's cache and history.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Navbar of FM

Post by whitestone on September 16th 2015, 7:56 pm

@SLGray, not working. Other suggestions?

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by Ange Tuteur on September 16th 2015, 8:14 pm

Remove this from your CSS :
Code:
a.mainmenu {
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-transition: .4s;
    border-radius: 5px;
    border-top: 1px solid: #222;
    color: #ddd;
    font-size: 11px;
    font-weight: 700;
    margin: 0 -5px;
    padding: 10px;
    text-shadow: 1px 1px 2px #000
}
a.mainmenu:hover {
    background-color: #1d1d1d;
    border-top: 1px solid: #000;
    box-shadow: 0 5px 6px #000 inset
}
ul.navlinks {
    border: none;
    position: relative
}
.navbar {
    background-color: #222;
    clear: both;
    height: 37px;
    left: 0;
    position: absolute;
    right: 0;
    top: 103px
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navbar of FM

Post by whitestone on September 16th 2015, 8:15 pm

@Ange Tuteur thats the problem I can't find a.mainmenu.

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by Ange Tuteur on September 16th 2015, 8:17 pm

It should be in there. Shocked

You're looking under Display > Colors > CSS stylesheet right ? You can use the search bar there to jump to certain points.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Navbar of FM

Post by whitestone on September 16th 2015, 8:18 pm

Yes ofc,

I can make an account for you. I will send you a PM with logins, and you can see yourself. (If you want ofc)

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by whitestone on September 16th 2015, 8:27 pm

@Ange Tuteur, nvm I found it :$
Didn't see the code, I am sorry.

whitestone
Forumember

Male Posts : 77
Reputation : 7
Language : Netherlands

http://ao1clan.forumfreek.com/

Back to top Go down

Solved Re: Navbar of FM

Post by SLGray on September 16th 2015, 8:30 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.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