Материалы

Последние тему форума в стиле ipb для ucoz

Последние тему форума в стиле ipb для ucoz - хороший информер, который выводит последние темы обсуждения на форуме в большом окне, что в свою очередь будет хорошо смотреться перед основным контентом или после. Красивое дополнение для дизайна светлых сайтов и сайтов разных тематик, где занимает особую нишу форум сайта. 

Установка скрипта:


1. Заходим в ПУ - Информеры и создаем информер с такими параметрами:

информер последних новостей форумаи вставляем в шаблон информера следующий код:


Код
<tr> <td class="topic_icon" align="center"> <a href=""><img src="/style/topic_icon.png" title="Открытая тема" alt=""></a> </td> <td> <a rel="nofollow" class="topic_title" href="$LAST_POST_URL$">$THREAD_TITLE$</a> <br> <span class="topic_info"> Автор: $AUTHOR$, Раздел: <a href="$FORUM_URL$">$FORUM$</a> </td> <td class="topic_stats"> $REPLIES$ Ответов<br> $WDAY$ $TIME$ </td> <td class="ForumInfBlock"> <a class="ipbAvatar"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>/images/noavatar.png"><?endif?></a> <a rel="nofollow" href="/forum/14-947-0-17"></a><a class="uLPost" href="/index/8-0-Expen">$POST_USER$</a> </td> </tr>

2.Вставляем код в место там где хотите вывести информер, номер информера проставляете свой.
Код
<style type="text/css">  
.ipbAvatar {  
display: block;  
float: left;  
position: relative;  
font-size: 0px;  
margin-right: 5px;  
width: 40px;  
height: 40px;  
}  
   
.lasttopicsBox {  
  border:1px solid #CBDFE8;  
  margin:5px 0;  
  border-radius:7px;  
  -moz-border-radius:7px;  
  -webkit-border-radius:7px;  
}  
.lasttopicsBox .ltBlockHead {  
  padding:10px;  
  border-bottom:2px solid #80b300;  
  box-shadow:0px -5px 5px #F4F8FA inset;  
  -moz-box-shadow:0px -5px 5px #F4F8FA inset;  
  -webkit-box-shadow:0px -1px 5px #b0dc51 inset;  
  text-decoration: none;  
}  
.lasttopicsBox .ltBlockHead h4 {  
  font-size:14px;  
  color:#80b300;  
}  
.ltContent, .ltContent .topicInfo a, .ltContent .topicInfo a:visited, .ltContent .topicInfo a:hover {color:#A4A4A4;text-decoration:none;}  
.ltContent {font-size:11px;}  
.ltContent a.topicLink, .ltContent a.topicLink:hover, .ltContent a.topicLink:visited {  
  text-decoration: none;  
  font-weight:bold;  
  font-size:12px;  
  color:#80b300;  
}  
.ltContent td {border-bottom:1px solid #E5E9EB; padding:4px;}  
.ltContent table tr:last-child td {border-bottom:0px;}  
.ltContent .topicIcon {width:22px;}  
.ltContent .topicStats {color:#777; line-height:16px; width:100px; text-align:right; text-decoration:none; padding-right:10px;}  
a.ipbAvatar {  
  display:block;  
  float:left;  
  position:relative;  
}  
a.ipbAvatar:after {  
  position:absolute;  
  top:0px;  
  left:0px;  
  bottom:0px;  
  right:0px;  
  box-shadow:0px 1px 3px rgba(0,0,0,0.5) inset;  
  content:"";  
  border-radius:3px;  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
}  
a.ipbAvatar img {  
  width:40px;  
  height:40px;  
  border-radius:3px;  
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
}  
</style>  
<div class="lasttopicsBox">  
  <div class="ltBlockHead">  
  <a style="float:right; text-decoration:none" href="/forum/0-0-1-34">Просмотр новых публикаций</a>  
  <h4>Последние сообщения с форума</h4>  
  </div>  
  <div class="ltContent">  
  <table border="0" cellpadding="" cellspacing="0" width="100%">  
<tbody>$MYINF_2$</tbody></table>  
  </div>  
  </div>

Советуем к просмотру:

Сохраните в социальную сеть
Прикрипления
Отсутствуют  

Комментарии
Комментариев пока нет, вы можете оставить комментарий первым.
Оставить комментарий
avatar