HomeHome  FAQFAQ  SearchSearch  MemberlistMemberlist  UsergroupsUsergroups  RegisterRegister  Log inLog in  

Share | 
 

 Dropdown menu

Go down 
AuthorMessage
Admin
Admin


Posts : 10
Join date : 2010-01-13

PostSubject: Dropdown menu   Sun Jan 17, 2010 12:46 pm

Quote :
/*Menu_Suiveur_InVision-------------------------------------------------SF*/
body { padding: 0px; margin: 0px; }
#submenu{ position: fixed; top: 0px; left: 0px; min-width: 100%; width: 100%; padding: 5px; z-index: 900;}

#submenu{ background-color : #ffffff;
border-bottom: 1px solid #afbec7;}

The green value will increase the spacing between the limits and links of the floating navigation bar.

Then comes the Italic part :
This part can give the appearance at your bar ... Here is the basic way with simply in violet background color, and in red the color of the bottom border.

It's up to you to be creative, for exemple :
Quote :
#submenu{ background-color : #ffffff;
background-image: url('http://i84.servimg.com/u/f84/11/44/03/73/bg_con10.gif');
background-repeat: repeat-x;
background-position: bottom left;
border-bottom: 1px solid #afbec7;}

Concerned this bar, note that she is automatic, and that the settings as the alignment of menus or links color is feasible in a classical way. Your navigation bar can also be made only with images.

Note that in some browsers, it is possible that when you descend down the page, the ads go "above" this menu ... Not very big, not very aesthetic either, but impossible to do better.
Back to top Go down
View user profile http://full-tuto.board-directory.net
Tester



Posts : 2
Join date : 2010-02-01

PostSubject: Re: Dropdown menu   Mon Feb 01, 2010 12:27 pm

Well well well...
Back to top Go down
View user profile
Tester



Posts : 2
Join date : 2010-02-01

PostSubject: Re: Dropdown menu   Mon Feb 01, 2010 2:49 pm

Again well well well...
Back to top Go down
View user profile
Admin
Admin


Posts : 10
Join date : 2010-01-13

PostSubject: Re: Dropdown menu   Thu Dec 16, 2010 10:10 pm

Spoiler:
 
Back to top Go down
View user profile http://full-tuto.board-directory.net
Sponsored content




PostSubject: Re: Dropdown menu   

Back to top Go down
 
Dropdown menu
Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Full-Tuto :: First :: Tutorials-
Jump to: