FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [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

Recent Tutorials
Top posting users this month

Who is online?
In total there are 21 users online :: 0 Registered, 0 Hidden and 21 Guests :: 2 Bots

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

Colored Bar Navigation

View previous topic View next topic Go down

Valoish
Valoish
Graphic Designer
Gender : Female
Age : 28
Posts : 3671
Points : 7358
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Sun 21 May 2017, 16:45

Font: Roboto Medium Sharp
Size: 11px
PSD: { Clicky~ }

Preview

Colored Bar Navigation Home10Colored Bar Navigation Calend10Colored Bar Navigation Faq10Colored Bar Navigation Search11Colored Bar Navigation Member10Colored Bar Navigation Usergr10Colored Bar Navigation Profil10Colored Bar Navigation Messag10Colored Bar Navigation New_pm10Colored Bar Navigation Regist10Colored Bar Navigation Log_in10Colored Bar Navigation Log_ou10

The bar and font colors can be easily changed in the PSD file.
red
red
Member
Gender : Unspecified
Age : 29
Posts : 16
Points : 2827
Reputation : 3
Location : india
Language : english
Browser : Browser : Opera Forum Version : Forum Version : Forumactif Edge
http://nimbuzzmasters.forumotions.in/

Postred Mon 22 May 2017, 11:48

nice Colored Bar Navigation 1f60e
Wolfuryo
Wolfuryo

Gender : Male
Posts : 256
Points : 3806
Reputation : 81
Language : Romanian and English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

PostWolfuryo Mon 22 May 2017, 12:24

Great work, @Valoish!
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12253
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 22 May 2017, 14:10

@Valoish nice work ! The border on these buttons will probably work great with a hover or active color. Surprised
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 28
Posts : 3671
Points : 7358
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Mon 22 May 2017, 19:32

red wrote:nice Colored Bar Navigation 1f60e
Thank you ^^

Andrei34 wrote:Great work, @Valoish!
Thanks~! :3 

Ange Tuteur wrote:@Valoish nice work ! The border on these buttons will probably work great with a hover or active color. Surprised
Thank you~! ^^ Yeah! That's the original idea I had but not everyone knows how to make hover menus so I just stuck with a PNG version LOL. I might make a hover version later on when I have more time to sit and code it as well :B

Will also be adding a dark version after my last final on Friday~
skouliki
skouliki

Gender : Female
Posts : 376
Points : 3917
Reputation : 173
Language : english,greek
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
http://iconskouliki.forumgreek.com https://www.facebook.com/iconskouliki https://twitter.com/iconskouliki

Postskouliki Tue 23 May 2017, 10:54

very nice!!! i can see many members using those
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 28
Posts : 3671
Points : 7358
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Tue 23 May 2017, 11:31

skouliki wrote:very nice!!! i can see many members using those
 Thank you Skouliki~! :3 I hope other members like them and use them as well ^^
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12253
Reputation : 2376
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 23 May 2017, 20:03

Valoish wrote:Thank you~! ^^ Yeah! That's the original idea I had but not everyone knows how to make hover menus so I just stuck with a PNG version LOL. I might make a hover version later on when I have more time to sit and code it as well :B

Will also be adding a dark version after my last final on Friday~
There's two way you can do it, that I know of. One is where you display the navbar images as backgrounds and you change the background image on hover. For these ones though, I was thinking you could *probably* overlay a CSS pseudo-content bar over the image on hover. Something like this :
https://codepen.io/SethClydesdale/pen/wdNJeL

Cooool Big eyes
JerriLeah7
JerriLeah7
Graphic Designer
Gender : Female
Age : 35
Posts : 381
Points : 3848
Reputation : 203
Language : English, Sign Language
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
http://www.gatewaytoroleplay.com https://www.facebook.com/JerriLeah https://twitter.com/IceLeah

PostJerriLeah7 Fri 26 May 2017, 10:07

Stunning creations, Valoish!!

Very smooth style and the light gloss is an excellent touch.
Valoish
Valoish
Graphic Designer
Gender : Female
Age : 28
Posts : 3671
Points : 7358
Reputation : 360
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB2
http://www.canvasforums.com https://twitter.com/Valoishx3

PostValoish Fri 26 May 2017, 23:03

Ange Tuteur wrote:There's two way you can do it, that I know of. One is where you display the navbar images as backgrounds and you change the background image on hover. For these ones though, I was thinking you could *probably* overlay a CSS pseudo-content bar over the image on hover. Something like this :
https://codepen.io/SethClydesdale/pen/wdNJeL

Cooool Big eyes
Ooohhhh Big eyes I never knew you could do thattt~ I'll be messing with it after I get some rest from Hell Week (aka Finals Week)

JerriLeah7 wrote:Stunning creations, Valoish!!  

Very smooth style and the light gloss is an excellent touch.
Thank you Leah~! Colored Bar Navigation Jxxxj7u
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