Синий вид материалов форума сайта 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 |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |