Меню сайта
Категории раздела
Скрипты для uCoz [582] |
HTML коды для uCoz [58] |
Шаблоны для uCoz [189] |
Социальные сети и закладки [4] |
Меню для uCoz сайта [30] |
Опросы на uCoz [6] |
Работа с Информерами [7] |
Для Веб мастера [90] |
CSS стили для uCoz [15] |
Как это сделать? (для новичков с картинками) [11] |
Видео Уроки по uCoz [2] |
Полезное для пользователей [45] |
Counter Strike мониторинг [5] |
Регистрация и прикрепление своего домена к uCoz [1] |
Новости сайта scripts-for-ucoz [47] |
Учебник HTML [11] |
Разное/Другое [12] |
Статьи про uCoz
Рекламко
Наш опрос
Статистика
Онлайн всего: 7
Гостей: 7
Пользователей: 0
Зарегистрировано 31220 (сегодня + 1 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.
установить такую статистику
Блок Программ
Установить себе такой Блок
Скрипты и HTML для uCOz
Блок CW результаты
Скачать Броузеры
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)
установить такой блок
Поиск
Рекламко
http://hornedrams.clan.su/
Добавить свой сайт в ТОП!
И он будет рекламироваться тут БЕСПЛАТНО!
стань модератором сайта и рекламируй свой сайт за бесплатно тут
Расскажи Друзьям!
Комментарии
Новость: Простое серое меню для uCoz
NataliShaman написал:
NataliShaman написал:
Приветствую!
кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
Новость: Простой слайдер новостей и фото изображений на uCoz
Светлана Кулешова написал:
Светлана Кулешова написал:
Скажите, пожалуйста, а где прикрепленный архив со скриптами?
Новость: Современные казино онлайн. Как можно выигрывать деньги?
папап папап написал:
папап папап написал:
зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
Новость: Максимальные выигрыши в казино
Максим Леонков написал:
Максим Леонков написал:
Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!
Читать все комментарии
Топ комментаторов
VKONTAKTE
FACEBOOK
Кто и Откуда Вы?
Мини-чат
Главная страница » Помощь Вебмастеру » Категория Меню для uCoz сайта » Добавлено [17.06.2013, 18:26] |
Круглое меню в виде шара для uCoz сайта
Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!] | ||||
Очень необычное и красивое круглое меню в виде шара для uCoz сайта Мы готовы Вам предложить сегодня. Для установки этого меню Вам потребуется скопировать код в CSS сайта, а так же в шаблоны, в тех местах где хотите видеть это красивое круглое меню. Так же меню можно редактировать, заменив картинки и стили. # Копируйте в место, где хотите видеть само меню. Код <style> ul.quadrant { padding:0; margin:35px auto; list-style:none; width:202px; height:202px; border-radius:202px; overflow:hidden; background:blue;/* Разделяющий цвет */ } ul.quadrant li {width:100px; height:100px; margin:0 1px 1px 0; float:left;} ul.quadrant li a { display:block; height:100px; width:100px; background-color:#000040;/* Цвет до наведения */ display:table-cell; vertical-align:middle; text-align:center; } ul.quadrant li a img {border:0;} ul.quadrant li:nth-child(1) a {border-radius:100px 0 0 0; background-image: -webkit-radial-gradient(100px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -moz-radial-gradient(100px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -ms-radial-gradient(100px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -o-radial-gradient(100px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: radial-gradient(100px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); } ul.quadrant li:nth-child(2) a {border-radius:0 100px 0 0; background-image: -webkit-radial-gradient(0px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -moz-radial-gradient(0px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -ms-radial-gradient(0px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -o-radial-gradient(0px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: radial-gradient(0px 100px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); } ul.quadrant li:nth-child(3) a {border-radius:0 0 0 100px; background-image: -webkit-radial-gradient(100px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -moz-radial-gradient(100px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -ms-radial-gradient(100px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -o-radial-gradient(100px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: radial-gradient(100px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); } ul.quadrant li:nth-child(4) a {border-radius:0 0 100px 0; background-image: -webkit-radial-gradient(0px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -moz-radial-gradient(0px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -ms-radial-gradient(0px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: -o-radial-gradient(0px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); background-image: radial-gradient(0px 0px, circle cover, rgba(255,255,255,0.8), rgba(255,255,255,0) 50%, rgba(0,0,0,1) 80%); } ul.quadrant li a:hover { background-color:#2060ff;/* Цвет при наведении */ } </style> <ul class="quadrant"> <li><a href="#"><img src="http://delaisait.ucoz.ru/script/menu/img/4/x1.png" alt="" /></a></li> <li><a href="#"><img src="http://delaisait.ucoz.ru/script/menu/img/4/x2.png" alt="" /></a></li> <li><a href="#"><img src="http://delaisait.ucoz.ru/script/menu/img/4/x3.png" alt="" /></a></li> <li><a href="#"><img src="http://delaisait.ucoz.ru/script/menu/img/4/x4.png" alt="" /></a></li> </ul> При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Круглое меню в виде шара для uCoz сайта Расскажи друзьям интересные новости: - Установить на свой сайт блок социальных закладок | ||||
Просмотров: 5425 | Загрузок: 0 | Рейтинг: 5.0/1 |
Всего комментариев: 0 | |