» »

Синий вид материалов форума сайта Ucoz


Синий вид материалов форума сайта 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
08.01.2013 Просмотров: 1391 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar