IMPORTANT

FM Design will be closing soon, please click here for more information.

Latest topics
» Forum Closure
by T.C. Yesterday at 19:54

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Yesterday at 19:12

» Asking about some plugin for Forumotion
by Dr Jay Yesterday at 19:10

» [GAME] Countdown from 200,000
by SLGray Sat 09 Dec 2017, 17:49

» [GAME] Count to One Million!
by SLGray Sat 09 Dec 2017, 17:49

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

» Numbering of messages in the topic
by SLGray Mon 04 Dec 2017, 22:40

» Support Forums and Social Networks
by SLGray Mon 04 Dec 2017, 22:38

» Browsers & Updates
by Wolfuryo Mon 04 Dec 2017, 15:20

» Logo/Favicon
by Mr_Grande Mon 04 Dec 2017, 09:55

» Broadcasting Duo
by brandon_g Sun 03 Dec 2017, 11:01

» IconSkouliki Graphics
by skouliki Thu 30 Nov 2017, 07:59

Recent Tutorials
Who is online?
In total there are 9 users online :: 0 Registered, 0 Hidden and 9 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Argenté Navbar

View previous topic View next topic Go down

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4715
Points : 9616
Reputation : 2344
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 16 Sep 2013, 22:09

I haven't made a navbar in awhile so this is my first try since then lol. I got the idea for these while working with CSS and have also supplied a code for phpbb3 boards which is identical, but has effects unlike the image navbar.

The font used is Verdana and the font size is 13px.


Spoiler:

For phpbb3 boards you can use this instead of the images provided above. The code below adds an effect similar to the images above along with hover effects such as: the button lighting up and link changing color. Be sure to use no images in the navbar
Code:
/*phpbb3 argenté boutons
par ange tuteur*/
ul.navlinks a.mainmenu{
box-shadow: 0px 2px 6px #444 inset;
text-shadow: 1px 1px 2px #000;
background-color:#888;
border:1px solid #444;
margin-right:-4px;
margin-left:-4px;
font-size: 11px;
transition:0.5s;
padding:5px;
color:#eee;
}
ul.navlinks a.mainmenu:hover{
background-color:#aaa;
color:#ff8;
}
Any feedback appreciated, thanks!


Last edited by Ange Tuteur on Tue 17 Sep 2013, 14:37; edited 2 times in total
avatar
mist3r0us_b0y

Title :
Gender : Unspecified
Posts : 68
Points : 1664
Reputation : 16
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

Postmist3r0us_b0y on Tue 17 Sep 2013, 04:26

wow awesome am using them

Thanks

--------

avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4715
Points : 9616
Reputation : 2344
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Tue 17 Sep 2013, 14:02

You're welcome, I'm happy you like it! ^ω^

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