Menu ?

[Teodotko]

Някакво интересно и хубаво меню можете ли да предложите ... Ако може да е в един файл ... Бях видял някаде едно което когато сложиш мишката върху линка ( елемента ) и плавно се приближава и после отдалечава ...

 

[jaffy]

Общо взето по долното меню лично на мене ми допада доста (дали защото харесвам тъмни цветове не знам..ама можеш да го смениш) и е много стилно.. връзва се на 70% от сайтовете - т.е. става за темата на сайта , било то музика, било то нещо картинки обяви т.н. ... провери го хубаво е!


CSS кода (HEAD секцията)

<style type="text/css">
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

</style>

Примерни бутони:

<div class="mattblacktabs">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
</div>

 

[Teodotko]

Малко инфо от каде се настройват цветовете ?

 

[devent]

http://www.cssplay.co.uk/menus/

 

[I_V_O]

http://devsnippets.com/menu-post/13-awesome-javascript-animated-flash-like-menus.html

Ти си избирай Има линкове за сваляне след всяко меню!

 

[jaffy]

background: #414141; /*background of tabs (default state)*/

Използвай: http://www.pagetutor.com/common/bgcolors1536.png
Като си избереш цвят променяш: #414141 (целия код си го пише в горната страница) - Това е за цвета на табовете..

А ако искаш да промениш цвета когато мишката е отгоре променяш тази линия:

background: black; /*background of tabs for hover...

Там където пише black го сменяш на кода който си избрал от страницата с цветове

Успех!

 

[Teodotko]

Да , оправих се . Благодаря .