FAIL (the browser should render some flash content, not this).
{info}{content}
Контент - либо любая ваша надпись
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Интересное меню с эффектом плавной смены прозрачности
Дата: Воскресенье, 27.02.2011, 20:28 | Сообщение # 1
Титул не установлен
аватар
ReDer - Пользователь
Профиль / У пользователя нет сайта / ЛС
Сообщений: 746
Репутация: 80  ±

Оригинальное меню с интересным эффектом при наведении. Меню может быть исполнено в двух вариациях: на css3 и jQuery

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:

1) Для версии на css3: biggrin

Code
<link rel="stylesheet" type="text/css" href="/css/style.css"/>

2) Для версии на jQuery:

Code
<link rel="stylesheet" type="text/css" href="/css/style.css"/>   
<script type="text/javascript" src="/js/script.js"></script>

Следующий код в то место, где будет само меню:

1) Для версии на css3:

Code
<ul class="social" id="css3">    
    <li class="delicious">    
    <a href="#"><strong>Delicious</strong></a>    
    </li>    
    <li class="digg">    
    <a href="#"><strong>Digg</strong></a>    
    </li>    
    <li class="facebook">    
    <a href="#"><strong>Facebook</strong></a>    
    </li>    
    <li class="flickr">    
    <a href="#"><strong>Flickr</strong></a>    
    </li>    
    <li class="linkedin">    
    <a href="#"><strong>LinkedIn</strong></a>    
    </li>    
    <li class="reddit">    
    <a href="#"><strong>Reddit</strong></a>    
    </li>    
    <li class="rss">    
    <a href="#"><strong>RSS</strong></a>    
    </li>    
    <li class="twitter">    
    <a href="#"><strong>Twitter</strong></a>    
    </li>    
    </ul>    

<br clear="all">

2) Для версии на jQuery:

Code


<ul class="social" id="jquery">    
    <li class="delicious">    
    <a href="#"><strong>Delicious</strong></a>    
    </li>    
    <li class="digg">    
    <a href="#"><strong>Digg</strong></a>    
    </li>    
    <li class="facebook">    
    <a href="#"><strong>Facebook</strong></a>    
    </li>    
    <li class="flickr">    
    <a href="#"><strong>Flickr</strong></a>    
    </li>    
    <li class="linkedin">    
    <a href="#"><strong>LinkedIn</strong></a>    
    </li>    
    <li class="reddit">    
    <a href="#"><strong>Reddit</strong></a>    
    </li>    
    <li class="rss">    
    <a href="#"><strong>RSS</strong></a>    
    </li>    
    <li class="twitter">    
    <a href="#"><strong>Twitter</strong></a>    
    </li>    
    </ul>


 
  • Страница 1 из 1
  • 1
Поиск:
Поиск Go
TOP ИГР
  • {topnews}

Блок тип 1
1) Если выделить элемент страницы в тег "strong" то он станет синим, а если в спан то красным.
Блок тип 2






Интересное меню с эффектом плавной смены прозрачности - Форум
Сайт в разброботке!
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Интересное меню с эффектом плавной смены прозрачности
Дата: Воскресенье, 27.02.2011, 20:28 | Сообщение # 1
Титул не установлен
аватар
ReDer - Пользователь
Профиль / У пользователя нет сайта / ЛС
Сообщений: 746
Репутация: 80  ±

Оригинальное меню с интересным эффектом при наведении. Меню может быть исполнено в двух вариациях: на css3 и jQuery

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:

1) Для версии на css3: biggrin

Code
<link rel="stylesheet" type="text/css" href="/css/style.css"/>

2) Для версии на jQuery:

Code
<link rel="stylesheet" type="text/css" href="/css/style.css"/>   
<script type="text/javascript" src="/js/script.js"></script>

Следующий код в то место, где будет само меню:

1) Для версии на css3:

Code
<ul class="social" id="css3">    
    <li class="delicious">    
    <a href="#"><strong>Delicious</strong></a>    
    </li>    
    <li class="digg">    
    <a href="#"><strong>Digg</strong></a>    
    </li>    
    <li class="facebook">    
    <a href="#"><strong>Facebook</strong></a>    
    </li>    
    <li class="flickr">    
    <a href="#"><strong>Flickr</strong></a>    
    </li>    
    <li class="linkedin">    
    <a href="#"><strong>LinkedIn</strong></a>    
    </li>    
    <li class="reddit">    
    <a href="#"><strong>Reddit</strong></a>    
    </li>    
    <li class="rss">    
    <a href="#"><strong>RSS</strong></a>    
    </li>    
    <li class="twitter">    
    <a href="#"><strong>Twitter</strong></a>    
    </li>    
    </ul>    

<br clear="all">

2) Для версии на jQuery:

Code


<ul class="social" id="jquery">    
    <li class="delicious">    
    <a href="#"><strong>Delicious</strong></a>    
    </li>    
    <li class="digg">    
    <a href="#"><strong>Digg</strong></a>    
    </li>    
    <li class="facebook">    
    <a href="#"><strong>Facebook</strong></a>    
    </li>    
    <li class="flickr">    
    <a href="#"><strong>Flickr</strong></a>    
    </li>    
    <li class="linkedin">    
    <a href="#"><strong>LinkedIn</strong></a>    
    </li>    
    <li class="reddit">    
    <a href="#"><strong>Reddit</strong></a>    
    </li>    
    <li class="rss">    
    <a href="#"><strong>RSS</strong></a>    
    </li>    
    <li class="twitter">    
    <a href="#"><strong>Twitter</strong></a>    
    </li>    
    </ul>


 
  • Страница 1 из 1
  • 1
Поиск:

css-mania.ucoz.com © 2026