• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Информер на главную страницу сайта uoz (Пользователи, Блог, Статьи, Видео, Фото)
Информер на главную страницу сайта uoz
Alex_L_X
Воскресенье, 14 Февраля 2016 | Сообщение 1
Оффлайн
Vip
Сообщений:162
Награды: 3

Иконки залить на сайт в папку iconsinforfirst. Здесь подборка разных по теме и по своей работе кодов, которые будут отвечать за вывод информации.
Прикреплено внизу сообщения

CSS стили в самый вверх страницы. Общие на все информер.

Код
<style type="text/css">.content_border {
border: 1px solid #2972A2;
background: #3498DB;
padding: 4px;
margin-bottom: 5px;
border-radius: 3px;
}

.inf_bg_top {
background:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/UJrk9sw.png) no-repeat 0 0;
height:28px;
margin-bottom:5px;
}

.inf_bg_top_i {
background: #3498DB;

height:28px;
font-family:Tahoma;
font-size:12px;
color: #FFFFFF;
font-weight:bold;
line-height:28px;
text-align:center;
}
.inf_bg_t_2 {
background:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/6kvAZQJ.jpg) no-repeat 0 0;
height:5px;
}

.inf_bg_t_2_b {
background:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/6kvAZQJ.jpg) no-repeat right -6px;
height:5px;
}
.vid_inf_2 {
background:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/Rp8jFdv.jpg) repeat-y 0 0;
}

.vid_inf_bg_2 {
background:url(http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/Rp8jFdv.jpg) repeat-y right 0;
min-height:60px;
padding:0 5px;
}
/* General forum Table View */
.gTable {background:#292929;}
.gTableTop {padding:2px;height:29px; background:url("http://zornet.ru/Ajaxoskrip/Fyrkes/Rnuke/77/img_6.png")#171617;font-family:Verdana,Sans-Serif;color:#fff;font-size:13px;font-weight:normal; padding-left:22px;}
.zornet {
padding: 4px;
background: #4682B4;
height: 20px;
font-size: 11px;
color: #FFFFFF;
border-radius: 3px;
font-weight: bold;
}
.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: #ECEFF3;}
.forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background: #DCDADA; font-weight: bold;border-radius: 5px;}
.threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background: #ECEFF3;}
.threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#181818}
.threadLastPostTd {padding:2px;font-size:7pt;}
</style>


В шаблон информера
Код
<tr><td class="forumNameTd" style="padding: 4px;" align="left">
<?if($AVATAR_URL$)?><img src="$AVATAR_URL$" width="40px" height="40px"><a href="$PROFILE_URL$" target="_blank"><?else?><img src="http://gulsar.info/chat_files/noavatar.gif" width="40x" height="40px"><a href="$PROFILE_URL$" target="_blank"><?endif?><a href="$PROFILE_URL$" target="_blank">
<b>$USERNAME$</b></a></td>

<td class="forumThreadTd" style="padding: 4px;" align="first">$FORUM_POSTS$<br><img src="/iconsinforfirst/forum.png"></td>

<td class="forumThreadTd" style="padding: 4px;" align="posts">$LOAD_POSTS$<br><img src="iconsinforfirst/files.png"></td>

<td class="forumThreadTd" style="padding: 4px;" align="photo">$PHOTO_POSTS$<br><img src="/iconsinforfirst/photo.png"></td>

<td class="forumThreadTd" style="padding: 4px;" align="video">$VIDEO_POSTS$<br><img src="/iconsinforfirst/video.png"></td>

<td class="forumThreadTd" style="padding: 4px;" align="blog">$BLOG_POSTS$<br><img src="/iconsinforfirst/blog1.png"></td>

<td class="forumThreadTd" style="padding: 4px;" align="comments">$COM_POSTS$<br><img src="http://zornet.ru/Ajaxoskrip/Frank/zornet/Slen/chat-icon.png"></td>

<td class="forumThreadTd" style="padding: 4px;" align="statia">$PUBL_POSTS$<br><img src="/iconsinforfirst/statia.png"></td>

</tr>


Каркас на страницу где хотите видеть. Изменить $MYINF_$ на нужный

Код
<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">
<table class="" width="100%" bgcolor="#ECEFF3" border="0" cellpadding="3" cellspacing="4">
<tbody><tr>
<td class="zornet" width="20%" align="first"><center>Имя</center></td>
<td class="zornet" width="11%" align="posts">Форум<br></td>
<td class="zornet" width="11%" align="comments">Файлы<br></td>
<td class="zornet" width="11%" align="video">Фото<br></td>
<td class="zornet" width="11%" align="video">Видео<br></td>
<td class="zornet" width="11%" align="blog">Блог<br></td>
<td class="zornet" width="11%" align="photo">Комменты<br></td>
<td class="zornet" width="11%" align="statia">Статьи<br></td>

</tr>
$MYINF_36$
</table> </div>
</div>
<div class="inf_bg_b_2"><div class="inf_bg_b_2_b"></div></div></div>




В шаблон информера:
Код
<tr><td class="forumNameTd" style="padding: 4px;" align="left"><a href="$ENTRY_URL$" target="_blank"><b>$TITLE$</b></a><br/><font color="#4F4F4F" size="1">Добавлено в раздел: <a href="$CATEGORY_URL$" target="_blank"><font color="#696969">$CATEGORY_NAME$</font></a></font></td> <td class="forumThreadTd" style="padding: 4px;" align="center">$READS$</td> <td class="threadLastPostTd" style="padding:4px;" align="left">Рейтинг:$RATING$ |Комментарии:$COMMENTS_NUM$ | $DATE$</td></tr>


Каркас на страницу где хотите видеть. Изменить $MYINF_$ на нужный
Код
<table class="" width="100%" bgcolor="#ECEFF3" border="0" cellpadding="3" cellspacing="1">
<tbody><tr>
<td class="zornet" width="50%" align="left">Популярное в блоге<br></td>
<td class="zornet" width="10%" align="center">Просмотры<br></td>
<td class="zornet" width="25%" align="left">Обновления<br></td>
</tr>
$MYINF_37$
</table> </div>
</div>
<div class="inf_bg_b_2"><div class="inf_bg_b_2_b"></div></div></div>



Код информера
Код
<tr><td class="forumNameTd" style="padding: 4px;" align="left"><a href="$ENTRY_URL$" target="_blank"><b>$TITLE$</b></a><br/><font color="#4F4F4F" size="1">Добавлено в раздел: <a href="$CATEGORY_URL$" target="_blank"><font color="#696969">$CATEGORY_NAME$</font></a></font></td> <td class="forumThreadTd" style="padding: 4px;" align="center">$READS$</td> <td class="threadLastPostTd" style="padding:4px;" align="left">Рейтинг:$RATING$ |Комментарии:$COMMENTS_NUM$ | $DATE$</td></tr>


Каркас на страницу где хотите видеть. Изменить $MYINF_$ на нужный
Код
<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">
<table class="" width="100%" bgcolor="#ECEFF3" border="0" cellpadding="3" cellspacing="1">
<tbody><tr>
<td class="zornet" width="50%" align="left">Популярное<br></td>
<td class="zornet" width="10%" align="center">Просмотры<br></td>
<td class="zornet" width="25%" align="left">Обновления<br></td>
</tr>
$MYINF_38$
</table> </div>
</div>
<div class="inf_bg_b_2"><div class="inf_bg_b_2_b"></div></div></div>



Код информера
Код
<tr><td class="forumNameTd" style="padding: 4px;" align="left"><a href="$ENTRY_URL$" target="_blank"><b>$TITLE$</b></a><br/><font color="#4F4F4F" size="1">Добавлено в раздел: <a href="$CATEGORY_URL$" target="_blank"><font color="#696969">$CATEGORY_NAME$</font></a></font></td> <td class="forumThreadTd" style="padding: 4px;" align="center">$PLAYS$</td> <td class="threadLastPostTd" style="padding:4px;" align="left">Рейтинг:$RATING$ |Комментарии:$COMMENTS_NUM$ | $DATE$</td></tr>


Каркас на страницу где хотите видеть. Изменить $MYINF_$ на нужный
Код
<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">
<table class="" width="100%" bgcolor="#ECEFF3" border="0" cellpadding="3" cellspacing="1">
<tbody><tr>
<td class="zornet" width="50%" align="left">Популярное<br></td>
<td class="zornet" width="10%" align="center">Просмотры<br></td>
<td class="zornet" width="25%" align="left">Обновления<br></td>
</tr>
$MYINF_39$
</table> </div>
</div>
<div class="inf_bg_b_2"><div class="inf_bg_b_2_b"></div></div></div>



Код информера
Код
<tr><td class="forumNameTd" style="padding: 4px;" align="left"><a href="$PHOTO_URL$" target="_blank"><b>$PHOTO_NAME$</b></a><br/><font color="#4F4F4F" size="1">Добавлено в раздел: <a href="$CATEGORY_URL$" target="_blank"><font color="#696969">$CAT_NAME$</font></a></font></td> <td class="forumThreadTd" style="padding: 4px;" align="center">$REVIEWS$</td> <td class="threadLastPostTd" style="padding:4px;" align="left">Рейтинг:$RATING$ |Комментарии:$COMMENTS_NUM$ | $DATE$</td></tr>


Каркас на страницу где хотите видеть. Изменить $MYINF_$ на нужный
Код
<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="" width="100%" bgcolor="#ECEFF3" border="0" cellpadding="3" cellspacing="1">
<tbody><tr>
<td class="zornet" width="50%" align="left">Популярное<br></td>
<td class="zornet" width="10%" align="center">Просмотры<br></td>
<td class="zornet" width="25%" align="left">Обновления<br></td>
</tr>
$MYINF_40$
</table> </div>
</div>
<div class="inf_bg_b_2"><div class="inf_bg_b_2_b"></div></div></div>
Прикрепления: 4310988.jpg (82.7 Kb) · 3337992.jpg (91.1 Kb) · 8283464.jpg (87.0 Kb) · 9138336.jpg (77.3 Kb) · 2051780.jpg (68.2 Kb) · iconsinforfirst.rar (15.4 Kb)


Сообщение отредактировал
Gulsar - Воскресенье, 14 Февраля 2016, 10:53
Страна: (KZ)
Kosten
Воскресенье, 14 Февраля 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Gulsar, теперь есть реально из чего выбрать.
Страна: (RU)
Сафрон
Воскресенье, 14 Февраля 2016 | Сообщение 3
Оффлайн
Vip
Сообщений:224
Награды: 1
Класс, то что всегда пригодиться, информер и разные.
Страна: (RU)
Сопрано
Понедельник, 15 Февраля 2016 | Сообщение 4
Оффлайн
Vip
Сообщений:462
Награды: 4
Gulsar, спасибо.
Страна: (RU)
Kosten
Понедельник, 15 Февраля 2016 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Trantel, есть из чего выбрать. cool
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Информер на главную страницу сайта uoz (Пользователи, Блог, Статьи, Видео, Фото)
  • Страница 1 из 1
  • 1
Поиск: