Заходите к нам с нового домена - uCoz.co.ua
Total users: 3515

Навигация

New-Info это:
Большой сборник скриптов, шаблонов, меню, макетов для uCoz. Проект New-Info.uCoz.Net не требует от Вас регистрации для скачивание файлов. Также большая часть загружена на наш сервер - это даст возможность скачивать в один клик.

Поиск


Форма входа
Логин:
Пароль:

Популярные теги

Профиль

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Проверка тИЦ и PR

скачать моды
Нижняя панель как в Windows Vista — для uCoz
Категория: Скрипты / Дата добавления материала: 01.02.2011, 22:28

На своём сайте вы сможете иметь такую же панель как и в Windows Vista. Можно применять в разных целях.

Перед </body> ставим следующий код:

Смотреть код


В CSS ставим:
Code
/* Меню начало */
.menublock {display:block; height:320px;width:180px;}
.current {background:#dfedfd !important;display:block; width:180px; height:33px;}
.current:hover {background:#B2DCFF !important;}
#menu{list-style:none; padding:0; margin:0; height:33px; position:relative; z-index:2; width:180px; }
#menu li {list-style:none;position:relative;padding:0px; margin:0px; float:left; height:33px;}
#menu li a{display:block; list-style:none; padding:0px; margin:0px; float:left; width:180px; height:33px; font-size:12px; position:relative; z-index:1; padding:0px 0 0 7px;}
.menutext { font-weight:bold; position:absolute; padding-top:10px;}
#menu li a:link{text-decoration:none;color:#000;}
#menu li a:visited{text-decoration:none;color:#000;}
#menu li a:hover{text-decoration:none;color:#000;background:#B2DCFF;}
#menu li:hover, #menu li.jshover{ background:#B2DCFF; }
#menu li:hover a:link, #menu li.jshover a:link{text-decoration:none;color:#000;}
#menu li:hover a:visited, #menu li.jshover a:visited{text-decoration:none;color:#000;}
#menu li:hover a:hover, #menu li.jshover a:hover{text-decoration:none;color:#000;}  
#menu li:hover li a:link, #menu li.jshover li a:link{text-decoration:none;color:#000;}
#menu li:hover li a:visited, #menu li.jshover li a:visited{text-decoration:none;color:#000;}
#menu li:hover li a:hover, #menu li.jshover li a:hover{text-decoration:none;color:#000;}
#menu li:hover li:hover a:link, #menu li.jshover li.jshover a:link{text-decoration:none;color:#414141;}
#menu li:hover li:hover a:visited, #menu li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}
#menu li:hover li:hover a:hover, #menu li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}  
#menu li:hover li:hover li a:link, #menu li.jshover li.jshover li a:link{text-decoration:none;color:#000;}
#menu li:hover li:hover li a:visited, #menu li.jshover li.jshover li a:visited{text-decoration:none;color:#000;}
#menu li:hover li:hover li a:hover, #menu li.jshover li.jshover li a:hover{text-decoration:none;color:#000;}  
#menu li:hover li:hover li:hover a:link, #menu li.jshover li.jshover li.jshover a:link{text-decoration:none;color:#414141;}
#menu li:hover li:hover li:hover a:visited, #menu li.jshover li.jshover li.jshover a:visited{text-decoration:none;color:#414141;}
#menu li:hover li:hover li:hover a:hover, #menu li.jshover li.jshover li.jshover a:hover{text-decoration:none;color:#414141;}  
#menu ul{ display:none; list-style:none; padding:0; margin:0; position:absolute; z-index:3; left:186px; top:0; width:180px; background:#e3e3e3 !important;}
#menu li:hover ul, #menu li.jshover ul{ display:block; background:#e3e3e3 !important;}
#menu li:hover ul ul, #menu li.jshover ul ul{ display:none; background:#e3e3e3 !important;}
#menu li:hover ul li:hover ul, #menu li.jshover ul li.jshover ul{ display:block; background:#e3e3e3 !important;}
#menu li ul li {background:#e3e3e3 !important;}  
/* Меню конец */

/* Windows panel */
#start {z-index:40; display: none; position: fixed; bottom: 39px; left: 0px; width:403px;}
.start1 {background-image: url('http://webo4ka.ru/Ucoz2/Windows_panel/07.png'); background-position: right; color: rgb(255, 255, 255);}
.start2 {background-image: url('http://webo4ka.ru/Ucoz2/Windows_panel/7_1.png'); padding-left:10px;}
.start3 {background-image: url('http://webo4ka.ru/Ucoz2/Windows_panel/7_2.png'); background-position: right; padding-left:10px;}
.start4 {background-image: url('http://webo4ka.ru/Ucoz2/Windows_panel/12.png');}
.panelka { cursor:pointer; border:none; padding:2px; background:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; }  
.panelka:hover {padding:1px;border:1px solid #BDCFD7;background:#3b7385;}  
.starttable {z-index:40; position: fixed; bottom: 0px; left: 0px; width: 100%; background-image: url('http://webo4ka.ru/Ucoz2/Windows_panel/vista2.png');}
a.pusk {background:url('http://webo4ka.ru/Ucoz2/Windows_panel/vista3.png') 0px 0px no-repeat;width:46px;height:41px;display:block; border:none;}
a.pusk:hover {background-position:0px -43px}
#toTop { width: 25px; border: none; text-align: center; padding: 5px; position: fixed; bottom: 0px; right: 185px; cursor: pointer; color: #666666; text-decoration: none; }
span.baner span a img { cursor:pointer; border:none !important; padding:2px !important; background:none !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px;}  
span.baner span a img:hover {padding:1px !important;border:1px solid #BDCFD7 !important;background:#3b7385 !important;}  
/* Windows panel */




Источник: ниезвесен  


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

New-Info.uCoz.Net / uCoz.co.ua © 2024
Хостинг от uCoz