Кот

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

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

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

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

Страница: 1

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

1

  • Автор: faiko
  • faiko
  • Зарегистрирован: 2012-06-01
  • Приглашений: 0
  • Сообщений: 1347
  • Уважение: +89
  • Позитив: +227
  • Провел на форуме:
    15 дней 16 часов
  • Последний визит:
    2019-03-09 11:56:17

Демо.

Код:
<link rel="stylesheet" type="text/css" href="https://forumstatic.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="https://forumstatic.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

  • Автор: suicidal imbecile
  • PANACEA. OPIUM.
  • suicidal imbecile
  • Зарегистрирован: 2012-06-20
  • Приглашений: 0
  • Сообщений: 25
  • Уважение: +10
  • Позитив: +8
  • Пол: Женский
  • Возраст: 30 [1994-03-21]
  • Провел на форуме:
    13 часов 5 минут
  • Последний визит:
    2012-12-05 05:03:53

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

0

3

  • Автор: кофейный
  • царь.
  • кофейный
  • Зарегистрирован: 2012-06-18
  • Приглашений: 0
  • Сообщений: 1079
  • Уважение: +71
  • Позитив: +16
  • Пол: Женский
  • Провел на форуме:
    6 дней 20 часов
  • Последний визит:
    2013-08-26 19:44:31

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

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

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

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

тык

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

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

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

+1

Страница: 1

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

Рейтинг форумов | Создать форум бесплатно