[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Рип меню сайта "Дожить до завтра" by Бармен
HardtmuthДата: Вс, 29.05.2016, 20:20 | Сообщение # 1




Сообщений: 771
Награды: 5
Репутация:

Статус:


Установка:
Верхняя часть сайта:

Код
<!--U1HEAD1Z--><style type="text/css">
</style>
   <div id="mainTable">
<div id="acontainer1" style="padding-left:25px;padding-top:1px; position: absolute">
     
<div><script type="text/javascript" src="/sc.js"></script>
<table border="0" bgcolor="" cellspacing=1 cellpadding=3 class="clock24st" style="line-height:14px; padding:0;">
   <tr><td bgcolor="" class="clock24std" style="font-family:arial; font-size:12px;"><a href="http://www.24webclock.com/"></a> <a href="http://www.24webclock.com/ru/" style="text-decoration:none;"><span class="clock24s" id="clock24_82088" style="font-weight:bold;color:white;">часы на сайт</span></a></td></tr>
</table>
<script type="text/javascript">
var clock24_82088 = new clock24('82088',240,'%hh:%nn','ru');
clock24_82088.daylight('RU'); clock24_82088.refresh();
   </script> </div>   
     

     

     
     
</div>   
     
     
     
     
     
     
     
   <div id="acontainer1" style="height:36px; padding-top:374px;margin-left: 31px; margin-right: auto;" valign="top">
     
   <div><a href="/" class="rollover1"></a></div>   
   <div> <a href="/forum" class="rollover2" style="margin-left:6px"></a> </div>   
   <div> <a href="/forum/112" class="rollover3" style="margin-left:6px"></a> </div>   
   <div> <a href="/forum/15-3709-1" class="rollover4" style="margin-left:6px"></a> </div>   
   <div> <a href="/index/kratkaja_istorija/0-35" class="rollover5" style="margin-left:6px"></a> </div>   
   <div> <a href="/forum/112" class="rollover6" style="margin-left:6px"></a> </div>   
     
     
   </div>
</div>

   <div style="clear:both;"></div><!--/U1HEAD1Z-->


Css:

Код
#acontainer1 {
   display: table;
   }
     
#acontainer div {
   float: left;
   clear: right;
   }
     
   #acontainer1 div {   
   background: transparent;
   display: table-cell;
   white-space: nowrap;
   }

A.rollover1 {
   background: url('http://j-p-g.net/if/2015/09/30/0125468001443627958.jpg'); /* Путь к файлу с исходным рисунком */
   display: block; /* Рисунок как блочный элемент */
   width: 111px; /* Ширина рисунка в пикселах */
   height: 49px; /* Высота рисунка */
   }

   A.rollover1:hover {
   background-position:
   0px /* Смещение по горизонтали */
   -49px; /* Смещение вверх по вертикали */
   }
     
A.rollover2 {
   background: url('http://j-p-g.net/if/2015/09/30/0125636001443627958.jpg'); /* Путь к файлу с исходным рисунком */
   display: block; /* Рисунок как блочный элемент */
   width: 111px; /* Ширина рисунка в пикселах */
   height: 49px; /* Высота рисунка */
   overflow: auto; }   
   A.rollover2:hover {
   background-position:
   0px /* Смещение по горизонтали */
   -49px; /* Смещение вверх по вертикали */
}

   A.rollover4 {
   background: url('http://j-p-g.net/if/2015/09/30/0125735001443627958.jpg'); /* Путь к файлу с исходным рисунком */
   display: block; /* Рисунок как блочный элемент */
   width: 111px; /* Ширина рисунка в пикселах */
   height: 49px; /* Высота рисунка */
   overflow: auto; }   
   A.rollover4:hover {
   background-position:
   0px /* Смещение по горизонтали */
   -49px; /* Смещение вверх по вертикали */
}
     
   A.rollover5 {
   background: url('http://j-p-g.net/if/2015/09/30/0125832001443627958.jpg'); /* Путь к файлу с исходным рисунком */
   display: block; /* Рисунок как блочный элемент */
   width: 111px; /* Ширина рисунка в пикселах */
   height: 49px; /* Высота рисунка */
   overflow: auto; }   
   A.rollover5:hover {
   background-position:
   0px /* Смещение по горизонтали */
   -49px; /* Смещение вверх по вертикали */
}
     
   A.rollover6 {
   background: url('http://j-p-g.net/if/2015/09/30/0125923001443627958.jpg'); /* Путь к файлу с исходным рисунком */
   display: block; /* Рисунок как блочный элемент */
   width: 150px; /* Ширина рисунка в пикселах */
   height: 49px; /* Высота рисунка */
   overflow: auto; }   
   A.rollover6:hover {
   background-position:
   0px /* Смещение по горизонтали */
   -49px; /* Смещение вверх по вертикали */
}




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

Войти Зарегистрироваться