2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Информер популярного как на Wikikraft.ru

Информеры 2013-Янв-06 OkJkeee 1.9k 3

Красивый информер популярных статей/файлов как на Wikikraft.ru.

Создаем любой информер, с своими параметрами и ставим в него следующий код:

Код
<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; }


Автор Kiko. http://dream-designs.ru/
Источник: http://dream-designs.ru/
3 комментария
avatar
1
Почему не пашет? Какие надо настройки вводить в информере?
avatar
2
а ВСЁ пашет ))
avatar