Latest topics
» [GAME] Count to 999 using odd numbers Van-Helsing Edition
by Van-Helsing Yesterday at 16:03

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by Van-Helsing Yesterday at 16:03

» [GAME] Count to One Million!
by Van-Helsing Yesterday at 16:02

» [GAME] Count to 30 - Ange Edition
by Van-Helsing Yesterday at 16:01

» Is there any new update for ForumActif Edge?
by Van-Helsing Yesterday at 16:01

» Add a login popup for the toolbar
by Ape Sun 24 Sep 2017, 17:26

» [GAME] Post a random picture
by SLGray Fri 22 Sep 2017, 19:23

» Topic'It
by Ange Tuteur Fri 22 Sep 2017, 10:06

» Topic'It
by SLGray Thu 21 Sep 2017, 15:52

» FM Themes
by SLGray Thu 21 Sep 2017, 15:51

» User - Made Creations
by SLGray Thu 21 Sep 2017, 15:50

» IconSkouliki
by skouliki Sun 17 Sep 2017, 11:05

» Awards
by Mr_Grande Sun 17 Sep 2017, 08:52

» Modify Category Tabs lead to a desired position and auto scroll click
by djblah Fri 15 Sep 2017, 14:56

» Display a preview of the user profile on hover
by Eiki Thu 14 Sep 2017, 02:38

Recent Tutorials
Who is online?
In total there are 4 users online :: 1 Registered, 0 Hidden and 3 Guests :: 2 Bots

Eslam Love

[ View the whole list ]


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

Colored Bar Navigation

View previous topic View next topic Go down

avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Sun 21 May 2017, 16:45

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

Preview



The bar and font colors can be easily changed in the PSD file.

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
red
Member
Title :
Im Afraid To Be Alone
Gender : Unspecified
Age : 22
Posts : 16
Points : 223
Reputation : 3
Location : india
Language : english
Browser : Browser : Opera Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile http://nimbuzzmasters.forumotions.in/

Postred on Mon 22 May 2017, 11:48

nice

--------

REAL LOVER HERE
avatar
Wolfuryo

Gender : Male
Posts : 249
Points : 1183
Reputation : 79
Language : Romanian and English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

PostWolfuryo on Mon 22 May 2017, 12:24

Great work, @Valoish!
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4688
Points : 9738
Reputation : 2332
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 22 May 2017, 14:10

@Valoish nice work ! The border on these buttons will probably work great with a hover or active color. Surprised
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on Mon 22 May 2017, 19:32

red wrote:nice
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~

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
skouliki

Title :
Gender : Female
Posts : 360
Points : 1272
Reputation : 168
Language : english,greek
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile http://iconskouliki.forumgreek.com https://www.facebook.com/iconskouliki https://twitter.com/iconskouliki

Postskouliki on Tue 23 May 2017, 10:54

very nice!!! i can see many members using those

--------

avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on 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 ^^

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4688
Points : 9738
Reputation : 2332
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 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
avatar
JerriLeah7
Administrator
Title :
Scorpion Queen
Gender : Female
Age : 27
Posts : 379
Points : 1230
Reputation : 201
Language : English, Sign Language
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.gatewaytoroleplay.com https://www.facebook.com/JerriLeah https://twitter.com/IceLeah

PostJerriLeah7 on Fri 26 May 2017, 10:07

Stunning creations, Valoish!!

Very smooth style and the light gloss is an excellent touch.
avatar
Valoish
Graphic Designer
Title :
Gender : Female
Age : 21
Posts : 3633
Points : 4702
Reputation : 356
Location : NYC
Language : English, Russian, Hebrew
Browser : Browser : Opera Forum Version : Forum Version : phpBB2
Awards :
View all awards
View user profile http://www.canvasforums.com https://twitter.com/https://twitter.com/Valoishx3

PostValoish on 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~! 

--------

"I was afraid. And my own insecurity crushed him." - Youku x Boku SS

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