Установка:
Создаем информер:
Code
[ Каталог файлов · Материалы · В случайном порядке · Материалы: 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 {background:url(http://www.cstav.ru/uCoz/1/bgp-cstav.png)no-repeat;width:179px;height:146px;}
.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;}
.inf_bg .img { margin-top:5px;}
</style>
А этот скрипт ставим там где хотим видеть:
Code
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"><div class="eTitle" style="text-align:center;">Так же мы рекомендуем:</div>
<div class="eMessage" style="text-align:center;clear:both;padding-top:2px;padding-bottom:2px;">$MYINF_1$</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://www.cstav.ru/img/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>
Все готово. вам остается сменить номер информера. Удачи!
Источник: www.cstav.ru