Суббота, 24.10.2020, 06:24
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Какую социальную сеть предпочитаете?


Всего ответов: 402

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Зарегистрировано 31001 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5154 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Меню для uCoz сайта » Добавлено [18.06.2013, 17:58]

Меню для uCoz круглое в виде торта

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Очередное круглое и интересно меню uCoz Мы хотим представить на суд общественности. В этом меню установлены картинки размера 32 на 32 пикселя, но при желание и необходимости они заменяемы на другие нужные по тематике вашего портала.
В меню не забудьте изменить все ссылки на ваш сайт. Меню красивое круглое в виде разрезанного торта, подойдёт для любого дизайна сайта uCoz, единственное что нужно его под настроить под свои нужды и желания. После установки меню отпишитесь пожалуйста в комментариях о возможных проблемах, а так же кликните на кнопки социальных сетей - like и share!

  • Компания Нива шинторг имеет огромный ассортимент шин Pirelli для онлайн продажи, более подробную информацию можно найти на портале компании www.nevashintorg.ru!
Код
<style>
ul.piechart {padding:0; margin:0 auto; list-style:none; width:340px; height:340px; overflow:hidden; border-radius:320px; position:relative;
-webkit-transform:rotate(-22.5deg);
-moz-transform:rotate(-22.5deg);
-ms-transform:rotate(-22.5deg);
-o-transform:rotate(-22.5deg);
transform:rotate(-22.5deg);
}
ul.piechart li {width:300px; height:300px; background:transparent; position:absolute; overflow:hidden;
-webkit-transform-origin:0 300px;
-moz-transform-origin:0 300px;
-ms-transform-origin:0 300px;
-o-transform-origin:0 300px;
transform-origin:0 300px;
}
ul.piechart li:nth-child(1) {left:172px; top:-135px;
-webkit-transform: skewY(-45deg);
-moz-transform: skewY(-45deg);
-ms-transform: skewY(-45deg);
-o-transform: skewY(-45deg);
transform: skewY(-45deg);
}
ul.piechart li:nth-child(2) {left:175px; top:-132px;
-webkit-transform:rotate(45deg) skewY(-45deg);
-moz-transform:rotate(45deg) skewY(-45deg);
-ms-transform:rotate(45deg) skewY(-45deg);
-o-transform:rotate(45deg) skewY(-45deg);
transform:rotate(45deg) skewY(-45deg);
}
ul.piechart li:nth-child(3) {left:175px; top:-128px;
-webkit-transform:rotate(90deg) skewY(-45deg);
-moz-transform:rotate(90deg) skewY(-45deg);
-ms-transform:rotate(90deg) skewY(-45deg);
-o-transform:rotate(90deg) skewY(-45deg);
transform:rotate(90deg) skewY(-45deg);
}
ul.piechart li:nth-child(4) {left:172px; top:-125px;
-webkit-transform:rotate(135deg) skewY(-45deg);
-moz-transform:rotate(135deg) skewY(-45deg);
-ms-transform:rotate(135deg) skewY(-45deg);
-o-transform:rotate(135deg) skewY(-45deg);
transform:rotate(135deg) skewY(-45deg);
}
ul.piechart li:nth-child(5) {left:168px; top:-125px;
-webkit-transform:rotate(180deg) skewY(-45deg);
-moz-transform:rotate(180deg) skewY(-45deg);
-ms-transform:rotate(180deg) skewY(-45deg);
-o-transform:rotate(180deg) skewY(-45deg);
transform:rotate(180deg) skewY(-45deg);
}
ul.piechart li:nth-child(6) {left:165px; top:-128px;
-webkit-transform:rotate(225deg) skewY(-45deg);
-moz-transform:rotate(225deg) skewY(-45deg);
-ms-transform:rotate(225deg) skewY(-45deg);
-o-transform:rotate(225deg) skewY(-45deg);
transform:rotate(225deg) skewY(-45deg);
}
ul.piechart li:nth-child(7) {left:165px; top:-132px;
-webkit-transform:rotate(270deg) skewY(-45deg);
-moz-transform:rotate(270deg) skewY(-45deg);
-ms-transform:rotate(270deg) skewY(-45deg);
-o-transform:rotate(270deg) skewY(-45deg);
transform:rotate(270deg) skewY(-45deg);
}
ul.piechart li:nth-child(8) {left:168px; top:-135px;
-webkit-transform:rotate(315deg) skewY(-45deg);
-moz-transform:rotate(315deg) skewY(-45deg);
-ms-transform:rotate(315deg) skewY(-45deg);
-o-transform:rotate(315deg) skewY(-45deg);
transform:rotate(315deg) skewY(-45deg);
}
ul.piechart li b
{display:block; width:300px; height:300px; border-radius:300px; position:absolute; left:-150px; top:150px;
-webkit-transform: skewY(45deg);
-moz-transform: skewY(45deg);
-ms-transform: skewY(45deg);
-o-transform: skewY(45deg);
transform: skewY(45deg);
background: rgb(193,144,44);
background: -webkit-radial-gradient(center, ellipse cover, rgba(246,248,249,1) 0%,rgba(193,144,44,1) 19%, rgba(229,235,238,1) 37%, rgba(215,222,227,1) 38%,rgba(193,144,44,1) 74%, rgba(245,247,249,1) 100%);
background: -moz-radial-gradient(center, ellipse cover, rgba(246,248,249,1) 0%, rgba(193,144,44,1) 19%, rgba(229,235,238,1) 37%, rgba(215,222,227,1) 38%, rgba(193,144,44,1) 74%, rgba(245,247,249,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(246,248,249,1) 0%,rgba(193,144,44,1) 19%, rgba(229,235,238,1) 37%, rgba(215,222,227,1) 38%,rgba(193,144,44,1) 74%, rgba(245,247,249,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(246,248,249,1) 0%,rgba(193,144,44,1) 19%, rgba(229,235,238,1) 37%, rgba(215,222,227,1) 38%,rgba(193,144,44,1) 74%, rgba(245,247,249,1) 100%);
background: radial-gradient(ellipse at center, rgba(246,248,249,1) 0%,rgba(193,144,44,1) 19%, rgba(229,235,238,1) 37%, rgba(215,222,227,1) 38%,rgba(193,144,44,1) 74%, rgba(245,247,249,1) 100%);
}
ul.piechart li a b img {position:absolute; left:175px; top:30px; border:0;  
-webkit-transform:rotate(22.5deg);
-moz-transform:rotate(22.5deg);
-ms-transform:rotate(22.5deg);
-o-transform:rotate(22.5deg);
transform:rotate(22.5deg);
}
ul.piechart li:hover:nth-child(1) {left:174px; top:-140px;}
ul.piechart li:hover:nth-child(2) {left:179px; top:-134px;}
ul.piechart li:hover:nth-child(3) {left:179px; top:-126px;}
ul.piechart li:hover:nth-child(4) {left:174px; top:-120px;}
ul.piechart li:hover:nth-child(5) {left:166px; top:-120px;}
ul.piechart li:hover:nth-child(6) {left:161px; top:-126px;}
ul.piechart li:hover:nth-child(7) {left:161px; top:-134px;}
ul.piechart li:hover:nth-child(8) {left:166px; top:-140px;}
</style>
<ul class="piechart">
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon1.png" alt="" /></b></a></li>
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon2.png" alt="" /></b></a></li>
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon3.png" alt="" /></b></a></li>
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon4.png" alt="" /></b></a></li>
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon5.png" alt="" /></b></a></li>
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon6.png" alt="" /></b></a></li>
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon7.png" alt="" /></b></a></li>
<li><a href="#"><b><img src="http://delaisait.ucoz.ru/script/menu/img/8/icon8.png" alt="" /></b></a></li>
</ul>


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Меню для uCoz круглое в виде торта



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Меню для uCoz сайта | Добавил: scripts_for_ucoz | Теги: меню на сайт, крулое меню, Меню для ucoz, меню
Просмотров: 4624 | Загрузок: 0 | Рейтинг: 0.0/0


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz