Так начнем. Главная страница - информеры и создаем информер с такими параметрами.
[ Каталог файлов · Материалы · В случайном порядке · Материалы: 6 · Колонки: 3 · Длина заголовка: 15 ]
Все от туда сносим и прописываем свой код он идет сразу со стилем, то есть при наведение клика происходит так сказать красивая типа затворной рамы на автомате АКМ анимация.
Код:
Code
<div align="center"><div class="inf_bg"> <div class="text"><a href="$ENTRY_URL$" title="$TITLE$"> $TITLE$</a></div><div class="img"><img style="border:1px solid #fff;" src="$IMG_URL1$" width="150px" height="109px;" border="0" alt="$TITLE$"> </div></div> </div><br>
<style>.inf_bg { margin: 0 0 0 0px; width: 179px }
.inf_bg li {display:block; padding:0; margin:0; list-style:none;}
.inf_bg { background: url(http://zornet.ru/zornet_ru7/ff9d98968c61.png) no-repeat 0 -146px; width:179px; height:146px; color: #fff; line-height: 22px; display: block;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.inf_bg:hover { background-position: 0 0; text-decoration: none }
.inf_bg .text {text-align:left; padding-left:40px;font-family:tahoma;font-size:12px;line-height:20px;color:#fff;text-shadow: 1px 1px 0 #000;}
.inf_bg .text a {color:#fff;text-shadow: 1px 1px 0 #000;text-decoration:none;}
.inf_bg .text a:hover {text-decoration:underline; text-decoration:none;}
.inf_bg .img { margin-top:5px;}</style>
Этот код прописываем где вы намерены видеть информер, Но есть одно но у меня классы другие, под свой шаблон. Что стоит попробовать а там доработать. Да в обезаловку информер пропишите, сто создали.
Code
</b></span></div></div></div></div>
<div class="v_loop">
<div class="v_top"><h4 class="v_title">Случайные файлы файлового архива</h4></div>
<div class="v_cont"><div class="v_cont_in"><div class="hidden">
<div class="eMessage" style="text-align:center;clear:both;padding-top:2px;padding-bottom:2px;">$MYINF_21$</div></td></tr></tbody></table>
<style>
.eMessagenagan a img, .eMessagenagan img {padding:3px !important;background:#ffffff;
border:1px solid#dbdbdb !important;border-radius:4px;
-moz-border-radius:7px;box-shadow:0px 0px 10px #e8e8e8;-moz-box-shadow:0px 0px 10px #e8e8e8;}
a img {border:0px;}
.eTitle {font-family:Verdana,Arial,Sans-Serif;font-size:12px;font-weight:bold;color:#FFFFFF; padding: 5px; border:0px solid #252525; background:url('http://zornet.ru/zornet_ru9/1060.png') ;}
.eTitlea:link {text-decoration:none; color:#FFFFFF;}
.eTitle a:visited {text-decoration:none; color:#FFFFFF;}
.eTitle a:hover {text-decoration:none; color:#CCCCCC;}
.eTitle a:active {text-decoration:none; color:#FFFFFF;}
.eBlock {background:#fff;border:1px solid #CCCCCC;}
</style>
На этом все!
