miragelitskiy.at.ua

Установка:

Создаем любой информер с любыми настройками и ставим в него этот код:

<li><div class="post_bg"><a href="$ENTRY_URL$"><img src="$IMG_URL1$" width="153" height="157" alt="$TITLE$" /></a></div> 
  <div class="post_t"><a href="$ENTRY_URL$">$TITLE$</a></div> 
  </li>

Создаем блок и вставляем в него код:

<ul class="binf">$MYINF_12$</ul> 

В CSS вставляем:

.binf { width: 205px } 
  .binf .post_bg { background: url(http://wikikraft.ru/pro4ee/bg_post.png) no-repeat, url(http://wikikraft.ru/pro4ee/bg_post_h.png) no-repeat -100% -100%; height: 172px; width: 181px; display: block; padding: 5px 0 0 24px } 
  .binf .post_bg a img { -webkit-border-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;border-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px; } 
  .binf .post_t {background-image: linear-gradient(bottom, rgb(21,131,19) 43%, rgb(39,161,33) 86%); 
background-image: -o-linear-gradient(bottom, rgb(21,131,19) 43%, rgb(39,161,33) 86%); 
background-image: -moz-linear-gradient(bottom, rgb(21,131,19) 43%, rgb(39,161,33) 86%); 
background-image: -webkit-linear-gradient(bottom, rgb(21,131,19) 43%, rgb(39,161,33) 86%); 
background-image: -ms-linear-gradient(bottom, rgb(21,131,19) 43%, rgb(39,161,33) 86%); 

background-image: -webkit-gradient( 
  linear, 
  left bottom, 
  left top, 
  color-stop(0.43, rgb(21,131,19)), 
  color-stop(0.86, rgb(39,161,33)) 
); width: 152px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 8px 20px; padding: 5px;} 
.binf .post_t a { color: #fff; font-size: 11px; font-weight: bold; text-shadow: -1px -1px #1c8019; font-family: Tahoma; text-align: center; text-decoration: none } 
ul.binf, .binf li { margin: -2; padding: 0; display: block; list-style: none } 
.binf .post_bg:hover { background: url(http://wikikraft.ru/pro4ee/bg_post_h.png) no-repeat 0 0; }