• Страница 1 из 1
  • 1
Модератор форума: SmokeRom, Vlad98  
Информер на главной Последние обновленные темы
Дата: Суббота, 21.07.2012, 18:19 | Сообщение # 1
Сообщений:281
Награды:16
113


Описание:
Подойдёт для любого сайта т.к. я собрал стили в одно не надо сувать не в какой CSS и таблица вполне сама удлиняется или сужается под размер вашего сайта.
Установка:
Создаем информер:
[ Форум · Материалы · Последние обновленные темы · Материалы: 5 · Колонки: 1 ]
В шаблон информера вставляем

Code
<tr><td class="forumNameTd" style="padding: 4px;" align="left"><a href="$THREAD_URL$" target="_blank">$THREAD_TITLE$</a><br/><font color="#4F4F4F" size="1">Добавлено в раздел: <a href="$FORUM_URL$" target="_blank"><font color="#696969">$FORUM$</font></a></font></td> <td class="forumThreadTd" style="padding: 4px;" align="center">$REPLIES$</td> <td class="threadLastPostTd" style="padding:4px;" align="left"><a href="$LAST_POST_URL$" target="_blank" title="Перейти к последнему сообщению"><font color="#949494"> $WDAY$, $DATE$, $TIME$</font></a><br/>Сообщение от: <a class="uLPost" href="$AUTHOR_URL$" target="_blank">$AUTHOR$</a></td></tr>


Заходим на главную страницу:
Нажимаем "Редактировать HTML код" - Внимание код нужно вставить в поле [ Панель HTML кодов ]
В самый вверх вставляем код:

Code
<style>
.content_border {
   border: 1px solid #2e2e2e;
   background:#000;
   padding:3px;
   margin-bottom:5px;
}

.inf_bg_top {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_1.png) no-repeat 0 0;
   height:28px;
   margin-bottom:5px;
}

.inf_bg_top_i {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_1.png) no-repeat right -29px;
   height:28px;
   font-family:Tahoma;
   font-size:11px;
   color:#b7b7b7;
   font-weight:bold;
   line-height:28px;
   text-align:center;
}

.inf_bg_t_2 {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_2.png) no-repeat 0 0;
   height:5px;
}

.inf_bg_t_2_b {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_2.png) no-repeat right -6px;
   height:5px;
}

.vid_inf_2 {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_3.png) repeat-y 0 0;
}

.vid_inf_bg_2 {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_4.png) repeat-y right 0;
   min-height:60px;
   padding:0 5px;
}

.inf_bg_b_2 {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_5.png) no-repeat 0 0;
   height:5px;
   margin-bottom:5px;
}

.inf_bg_b_2_b {
   background:url(http://www.csomsk.ru/1-ucoz/csomsk/img_5.png) no-repeat right -6px;
   height:5px;
}

/* General forum Table View */
.gTable {background:#292929;}
.gTableTop {padding:2px;height:29px; background:url("http://www.csomsk.ru/1-ucoz/csomsk/img_6.png")#171617;font-family:Verdana,Sans-Serif;color:#fff;font-size:13px;font-weight:normal; padding-left:22px;}
.gTableSubTop {padding:2px;background:#181818;height:20px;font-size:10px;color:#949494;}
.gTableBody {padding:2px;background:#1C1C1C;}
.gTableBody1 {padding:2px;background:#1C1C1C;}
.gTableBottom {padding:2px;background:#181818;}
.gTableLeft {padding:2px;background:#1C1C1C;font-weight:bold;color:#949494;border-left:1px solid #181818;}
.gTableRight {padding:2px;background:#181818;color:#FFFFFF;border-left:1px solid #181818;}
.gTableError {padding:2px;background:#292929;color:#FF0000;border-left:1px solid #181818;}
/* ------------------------ */

.forumNameTd,.forumLastPostTd {padding:2px;background:#181818}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#1C1C1C}
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#1C1C1C}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#181818}
.threadLastPostTd {padding:2px;font-size:7pt;}
</style>

<div class="content_border">
<div class="inf_bg_top"><div class="inf_bg_top_i">Последние обновленные темы:</div></div>
<div class="inf_bg_t_2"><div class="inf_bg_t_2_b"></div></div>
<div class="vid_inf_2">
<div class="vid_inf_bg_2">
<!--Start-inf-csomsk-->
<table class="gTable" width="100%" bgcolor="#2e2e2e" border="0" cellpadding="3" cellspacing="1">
<tr>
<td class="gTableSubTop" width="50%" align="left">Форум<br/></td>
<td class="gTableSubTop" width="10%" align="center">Ответы<br/></td>
<td class="gTableSubTop" width="25%" align="left">Обновления<br/></td>
</tr>
$MYINF_53$
</table>
<!--End-->
</div>
</div>
<div class="inf_bg_b_2"><div class="inf_bg_b_2_b"></div></div></div>


Вот и всё остаётся только поменять куда кидали на главной там найти в коде мой $MYINF_53$ на ваш какой там создаться


  • Страница 1 из 1
  • 1
Поиск: