Эффект вращения социальных иконок с помощью CSS свойства transform. В Opera не работает, но порадует пользователей других браузеров.

HTML разметка

<ul id="social" class="group">

    <li class="twitter"><a href="http://twitter.com/#!/pcvector"><span></span>twitter</a></li>
    <li class="dribbble"><a href="http://dribbble.com/"><span></span>dribbble</a></li>
    <li class="lastfm"><a href="http://www.last.fm/"><span></span>last.fm</a></li>

    <li class="spotify"><a href="http://open.spotify.com/"><span></span>Spotify</a></li>
    <li class=&q ... Читать дальше »

Горизонтальное меню сделанное на CSS3 в виде листочков, которые проворачиваются вокруг своей оси и слегка увеличиваются в размерах при наведении на них куросра мыши. Оригинально и красиво сделано.

HTML разметка

<nav>
    <ul class="top-menu">
        <li><a href=#>Главная</a><div class="menu-item" id="home"></div></li>
        <li><a href=#>Каталог</a><div class="menu-item" id="cataloge"></div></li>
        <li><a href=#>Цена</a><div class="menu-item" id="price"></div></li>
        <li><a href=#>О нас</a><div class="menu-item" id="about"& ... Читать дальше »

Интересное подпрыгивающее меню (bounce), сделанное с помощью псевдо элементов и пользовательских атрибутов на CSS3. В примере простое горизонтальное и горизонтальное с выпадающими под пунктами меню.

Пример 1

Простое горизонтальное одноуровневое меню

HTML разметка

<nav class="ph-lift">
    <ul>
        <li class="active"><a href="#home" data-title="Главная">Главная</a></li>
        <li><a href="#portfolio" data-title="Портфолио">Портфолио</a></li>
        <li><a href="#about" data-title="Обо мне">Обо мне</a></li>
        <li><a href="#contact" data-title="Контакты">К ... Читать дальше »

Скрипт для Ucoz - статистика.

Установка:
Создайте информер с параметрами: Раздел - Счетчики для пользователей. Как считать - всех, по группам, по полу, по зодиаку, по дня. Потом в шаблон информера скопируйте этот код:

<b>
<p>Всего: $ALL_USERS$<br />
Новых за месяц: $30DAYS$<br />
Новых за неделю: $7DAYS$<br /> 
Новых вчера: $YESTERDAY$<br /> 
Новых сегодня: $TODAY$
</p>
<p>По группам:</p>
<p>
Администраторов: $GROUP_4$<br />
Модератор форума: $GROUP_5$<br />
Проверенных: $GROUP_2$<br /> 
Обычных юзеров: $GROUP_1$
</p>
<p>
Из них 
</p>
Парней: $GENDER_1$<br />
Девушек: $GENDER_2$
<a href="http://pro100ucoz.ru" style="font-siz ... Читать дальше »

Замечательное горизонтальное меню для вашего uCOZ сайта. Данное меню выглядит очень стильно и современно. Меню похоже на стрелки синего цвета, а при наведении на них они становятся розовыми, что очень интересно смотрится и радует глаз.

   Данное горизонтальное меню отлично подойдет для сайтов с белым синим и светло-розовым дизайнами. Так же лично я думаю, что это меню просто прекрасно будет смотреться на новостных сайтах . Это меню добавляет эффект легкости, практичности и современности вашему сайту. Меню является горизонтальным, а значит не занимает много места на вашем сайте, что иногда так бывает необходимо.     Установка:     

Шаг-1
Установка CSS  Заходим в П.У - Дизайн - Упр. Дизайном(CSS) и вставляем в самый низ:  Код:
#crumbs {  
text-align: center;  
}  
#crumbs ul {  
list ... Читать дальше »

Эта персональная страница расскажет даже об активности пользователя. Слева сразу под аватаром пользователя присутствует меню в котором с легкостью можно просмотреть информацию о личных сообщениях и репутации пользователя. Очень интересным является то, что в данной персоналке присутствует информация о подарках пользователя вашего сайта.

Я думаю что такая персональная страница без труда найдет себе применение на порталах любой тематики. Особенно хорошо она будет смотреться на сайтах где присутствуют светлые тона дизайна. Установка персоналки очень проста и не отнимет много времени даже у начинающего веб-мастера. Все владельцы сайтов стремятся к тому, что бы добавить уникальности и современности своему порталу и вы можете добавить каплю уникальности уже сейчас! Ведь все, что для этого нужно сделать это просто установить такую замечательную персональную страницу пользователя на свой сайт. Установка: ... Читать дальше »

посмотреть ДЕМО

<link rel="stylesheet" type="text/css" href="http://stock-exchange.ucoz.com/magazin/style.css" /> 
<script type="text/javascript" src="http://stock-exchange.ucoz.com/js/script.js"></script> 
<body> 
<div id="wrapper"> 
 <div id="container"> 
 <div class="sliderbutton" id="slideleft" onclick="slideshow.move(-1)"></div> 
 <div id="slider"> 
 <ul> 
 <li><img src="http://lodkiyvasilicha.ru/temp645/DSCN6597-3.jpg" width="558" height="235" alt="Image One" /></li> 
 <li><img src="http://lodkiyvasilicha.ru/temp550/temp_550.jpg" ... Читать дальше »