Установка:
Верхняя часть сайта:
Код
<!--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; /* Смещение вверх по вертикали */
}