Кот

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Кот » Фишки и примочки » Маленькое разноцветное меню (CSS3)


Маленькое разноцветное меню (CSS3)

Сообщений 1 страница 3 из 3

1

Демо.

Код:
<link rel="stylesheet" type="text/css" href="http://co.forum4.ru/files/0011/88/07/95282.css" />
<ul id="navigationMenu"> 
    <li> 
     <a class="home" href="#"> 
            <span>Home</span> 
        </a> 
    </li> 

    <li> 
     <a class="about" href="#"> 
            <span>About</span> 
        </a> 
    </li> 

    <li> 
      <a class="services" href="#"> 
            <span>Services</span> 
         </a> 
    </li> 

    <li> 
     <a class="portfolio" href="#"> 
            <span>Portfolio</span> 
        </a> 
    </li> 

    <li> 
     <a class="contact" href="#"> 
            <span>Contact us</span> 
        </a> 
    </li> 
</ul>
Стиль. В html-верх.

<link rel="stylesheet" type="text/css" href="http://co.forum4.ru/files/0011/88/07/95282.css" />

Меню. В место, где оно будет располагаться.

<ul id="navigationMenu">
    <li>
     <a class="home" href="#">
            <span>Home</span>
        </a>
    </li>

    <li>
     <a class="about" href="#">
            <span>About</span>
        </a>
    </li>

    <li>
      <a class="services" href="#">
            <span>Services</span>
         </a>
    </li>

    <li>
     <a class="portfolio" href="#">
            <span>Portfolio</span>
        </a>
    </li>

    <li>
     <a class="contact" href="#">
            <span>Contact us</span>
        </a>
    </li>
</ul>

Ссылки, названия.

+1

2

Очень-очень понравилось)
скажите пожалуйста, а могу я что-то изменить в этой примочке? по стилю мне немного не подходят такие иконки и цвета, я хотела бы чуть "подмять" под себя.

0

3

suicidal imbecile
Именить можно без проблем, но смотря что)
Если хотите поменять цвета иконок, то открываете из этого:

Стиль. В html-верх.

<link rel="stylesheet" type="text/css" href="http://co.forum4.ru/files/0011/88/07/95282.css" />

это:
http://co.forum4.ru/files/0011/88/07/95282.css
Находите там (где-то в самом начале):

тык

#navigationMenu a{
/* The background sprite: */
background:url('http://co.forum4.ru/files/0011/88/07/91768.jpg') no-repeat;

height:39px;
width:38px;
display:block;
position:relative;

То, что отмечено красным - картинка иконок, ее меняете на свою, но делаете по такому же принципу как и эту.
Я этим кодом не пользовалась, но при изменении все должно работать) Цвета строчек тоже можно поменять.

+1


Вы здесь » Кот » Фишки и примочки » Маленькое разноцветное меню (CSS3)


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC