Новый информер для онлайн фильмов от VideToR.Ru
CSS:
Code
#container { position:relative; margin-top:3px !important; margin:0 auto; width:135px; background-color:#202020; cursor:default; }
#header { position:relative; height:300px; padding-left:4px; padding-top:5px; }
#hd-m { position:absolute; left:900px; top:-100px; }
#hd-m:hover { background-image:url(http://gidonline.ru//im/hd-m.png);}
.logo { display:block; position:relative; width:213px; height:55px; top:13px; left:20px; }
.logo:hover { background-image:url(http://gidonline.ru/images/logo.png); opacity:0.8; }
.userlogo { display:block; position:absolute; width:213px; height:55px; top:10px; left:250px; }
.userlogo img { opacity:0.6;}
.toplink { background-color:#222; display:block; width:128px; height:234px; float:left; margin:3px; text-align:center; font-size:11px; padding-top:5px; position:relative; z-index:999; border:1px solid #333; color:#aaa; overflow:hidden; } .toplink img { display:block; margin-left:4px; padding-bottom:3px; } .toplink:hover { background-color:#353535; border:1px solid #444; color:#ddd; } .tops { background-color:#222; display:block; width:128px; height:201px; float:left; margin:3px; text-align:center; font-size:11px; padding-top:5px; position:relative; border:1px solid #333; color:#aaa; overflow:hidden; } .tops img { display:block; margin-left:4px; padding-bottom:3px; } .tops:hover { background-color:#353535; border:1px solid #444; } .tops:hover span { color:#ddd; } #main { position:relative; width:650px; margin-top:57px; margin-left:5px; float:left; } .mainlink { position:relative; background-color:#222; display:block; width:210px; height:350px; float:left; margin:2px; text-align:center; font-size:13px; padding-top:5px; border:1px solid #333; color:#bbb; } .mainlink span { display:block; position:relative; top:3px; padding:0 3px; height:28px; overflow:hidden; line-height:1.1; } .mainlink:hover { background-color:#353535; color:#eee; border:1px solid #444; }
#header { position:relative; height:300px; padding-left:4px; padding-top:5px; }
#hd-m { position:absolute; left:900px; top:-100px; }
#hd-m:hover { background-image:url(http://gidonline.ru//im/hd-m.png);}
.logo { display:block; position:relative; width:213px; height:55px; top:13px; left:20px; }
.logo:hover { background-image:url(http://gidonline.ru/images/logo.png); opacity:0.8; }
.userlogo { display:block; position:absolute; width:213px; height:55px; top:10px; left:250px; }
.userlogo img { opacity:0.6;}
.toplink { background-color:#222; display:block; width:128px; height:234px; float:left; margin:3px; text-align:center; font-size:11px; padding-top:5px; position:relative; z-index:999; border:1px solid #333; color:#aaa; overflow:hidden; } .toplink img { display:block; margin-left:4px; padding-bottom:3px; } .toplink:hover { background-color:#353535; border:1px solid #444; color:#ddd; } .tops { background-color:#222; display:block; width:128px; height:201px; float:left; margin:3px; text-align:center; font-size:11px; padding-top:5px; position:relative; border:1px solid #333; color:#aaa; overflow:hidden; } .tops img { display:block; margin-left:4px; padding-bottom:3px; } .tops:hover { background-color:#353535; border:1px solid #444; } .tops:hover span { color:#ddd; } #main { position:relative; width:650px; margin-top:57px; margin-left:5px; float:left; } .mainlink { position:relative; background-color:#222; display:block; width:210px; height:350px; float:left; margin:2px; text-align:center; font-size:13px; padding-top:5px; border:1px solid #333; color:#bbb; } .mainlink span { display:block; position:relative; top:3px; padding:0 3px; height:28px; overflow:hidden; line-height:1.1; } .mainlink:hover { background-color:#353535; color:#eee; border:1px solid #444; }
В информер:
Code
<div class="golosBlock2">
<link rel="stylesheet" href="http://videtor.ru/css/kinoteator1.css" type="text/css" media="screen">
<div id="container">
<div id="topline">
<div align="center">
<a class="toplink" href="$ENTRY_URL$"> <div align="center"> <img src="$OTHER2$" width="60" height="25"></div><hr> <img src="$OTHER1$" width="120" height="170">$TITLE$</a></div>
</div>
</div>
<link rel="stylesheet" href="http://videtor.ru/css/kinoteator1.css" type="text/css" media="screen">
<div id="container">
<div id="topline">
<div align="center">
<a class="toplink" href="$ENTRY_URL$"> <div align="center"> <img src="$OTHER2$" width="60" height="25"></div><hr> <img src="$OTHER1$" width="120" height="170">$TITLE$</a></div>
</div>
</div>
Материалов 6 , колонок 6 .
Источник: videtor.ru
8 комментариев
0
отличный информер... 
только под uCOZ нужно подогнать
с картинками проблем ка ((
в информер лучше вставить ЭТО:
<div class="golosBlock2">
<link rel="stylesheet" href="http://www.online-sinema.tv/kinoteator1.css" type="text/css" media="screen">
<div id="container">
<div id="topline">
<div align="center">
<a class="toplink" href="$ENTRY_URL$"> <hr> <img src="$IMG_URL1$" width="120" height="170">$TITLE$</a></div>
</div>
</div>
и тогда картинки проявятся
только под uCOZ нужно подогнать
с картинками проблем ка ((
в информер лучше вставить ЭТО:
<div class="golosBlock2">
<link rel="stylesheet" href="http://www.online-sinema.tv/kinoteator1.css" type="text/css" media="screen">
<div id="container">
<div id="topline">
<div align="center">
<a class="toplink" href="$ENTRY_URL$"> <hr> <img src="$IMG_URL1$" width="120" height="170">$TITLE$</a></div>
</div>
</div>
и тогда картинки проявятся
Автор не ты