Нижняя панель как в 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 */ Источник: ниезвесен
|
Просмотров: 560 | Загрузок: 0
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]