вВсё для ucoz-форумов

Синий вид материалов форума на Юкоз

 
Синий вид материалов форума сайта Ucoz. Согласитесь красивый и оригинальный вид материалов, который по цвету подойдет к светлым и светло синим шаблонам сайта. Так же заметили что у него уникальный дизайн.
Приступаем к установке:
Первое что мы сделаем это пропишем стиль в CSS

Код
.view width:180px;margin:0 auto;overlow:hidden;  
.view_noava width:150px;height:150px;  
.view_group background:url(http://zornet.ru/ZORNET/group.png) no-repeat;width:180px;height:25px;margin-bottom:3px;color:#fff;text-shadow:0 1px 0 #2c2c2c;  
.view_title background:url(http://zornet.ru/ZORNET/title.png) no-repeat;width:180px;height:25px;margin-bottom:3px;color:#fff;text-shadow:0 1px 0 #2c2c2c;  
.view_title_right width:160px;float:right;text-align:center;padding-top:5px;  
.view_posts background:url(http://zornet.ru/ZORNET/posts.png) no-repeat;width:180px;height:25px;margin-bottom:3px;color:#fff;text-shadow:0 1px 0 #2c2c2c;  
.view_awards background:url(http://zornet.ru/ZORNET/awards.png) no-repeat;width:180px;height:25px;margin-bottom:3px;color:#fff;text-shadow:0 1px 0 #2c2c2c;  
.view_rep background:url(http://zornet.ru/ZORNET/rep.png) no-repeat;width:180px;height:25px;margin-bottom:3px;color:#fff;text-shadow:0 1px 0 #2c2c2c;  
.view_left float:left;margin:5px 0 0 28px;  
.view_right float:right;margin:5px 5px 0 0;font-weight:bold;  
.view_right a,.view_right a:hover color:#fff;text-shadow:0 1px 0 #2c2c2c;text-decoration:none;

Этот код ставим в вид материалов форума

Код
<table border=»0″ width=»100%» cellspacing=»1″ cellpadding=»2″ class=»postTable»>  
<tr><td width=»23%» class=»postTdTop» align=»center»><a class=»postUser» href=»javascript://» rel=»nofollow» onClick=»emoticon(‘[b]$USERNAME$[/b],’);return false;»>$USERNAME$</a></td><td class=»postTdTop»><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style=»float:right»><a href=»javascript://» rel=»nofollow» onclick=»new _uWnd(‘AwD’,’Вручить награду’,380,200,autosize:1,maxh:300,url:’/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$’);return false;»><img alt=»» src=»http://s72.ucoz.net/img/icon/thumbu.png» width=»13″ border=»0″ title=»Хороший пост»></a> <a href=»javascript://» rel=»nofollow» onclick=»new _uWnd(‘AwD’,’Вручить награду’,380,200,autosize:1,maxh:300,url:’/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$’);return false;»><img alt=»» src=»http://s72.ucoz.net/img/icon/thumbd.png» width=»13″ border=»0″ title=»Плохой пост»></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
<tr><td class=»postTdInfo» valign=»top»>  
<div class=»userAvatar»><center><?if($AVATAR_URL$)?><img src=»$AVATAR_URL$»><?else?><img src=»http://zornet.ru/_ph/7/1/601468654.jpg»><?endif?></center></div>  
<br>  
<div class=»view»>  
<div class=»view_group»><div class=»view_left»>Группа:</div><div class=»view_right»>$GROUP_NAME$</div></div>  
<?if($USER_TITLE$)?><div class=»view_title»><div class=»view_title_right»>$USER_TITLE$</div></div><?endif?>  
<div class=»view_posts»><div class=»view_left»>Сообщений:</div><div class=»view_right» style=»background:url(http://zornet.ru/ZORNET/view_right.png) repeat-x;text-align:center;padding:0 4px 0 4px;border-radius:4px;»>$POSTS$</div></div>  
<div class=»view_awards»><div class=»view_left»>Кол-во наград:</div><div class=»view_right» style=»background:url(http://zornet.ru/ZORNET/view_right.png) repeat-x;text-align:center;padding:0 4px 0 4px;border-radius:4px;»><a href=»$AWARDS_READ_URL$» title=»Список наград»><b>$AWARDS$</b></a></div></div>  
<div class=»view_rep»><div class=»view_left»>Валюта IND:</div><div class=»view_right» style=»background:url(http://zornet.ru/ZORNET/view_right.png) repeat-x;text-align:center;padding:0 4px 0 4px;border-radius:4px;»><a rel=»nofollow» href=»javascript://» href=»$READ_REP_URL$»>$REP_RATING$</a></div></div>  
</div>  
</td><td class=»posttdMessage» valign=»top»>$MESSAGE$  
<?if($ATTACHMENT$)?> <div align=»left» class=»eAttach»>Прикрепления: $ATTACHMENT$</div><?endif?>  
<?if($SIGNATURE$)?><br><hr size=»1″ width=»150″ align=»left» class=»signatureHr»><span class=»signatureView»>$SIGNATURE$</span><?endif?>  
<?if($EDITEDBY$)?><br><br><div class=»edited»>Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>  
<tr><td class=»postBottom1″></td><td class=»postBottom»>  
<table border=»0″ width=»100%» cellspacing=»0″ cellpadding=»0″>  
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align=»right» style=»padding-right:15px;»>$ENTRY_MANAGE_ICON_BAR$</td><td width=»2%» nowrap align=»right»>$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>  
</table></td></tr></table>

Источник: nagan-cs.ru

источник: zornet.ru

Похожие посты