» »

Красивый темный вид материала форума uCoz


Красивый темный вид материала форума uCoz

О виде материалов форума:
Представляю вам красивый темный вид материала форума uCoz. В виде красиво прорисованные плюс и минус. Сам вид может подойти к любому темному по дизайну сайта и не испортить фон форума а привнести что то свое.
Установка вида:
Скачиваем архив с нашего сайта, как скачали едем в свою админ панель в корень сайта и создаем папку forumdarkU и в нее закачиваем файлы из архива.
Как закачали идем в CSS и прописываем этот стиль:
Код
.f_rat_num a {color:#cfcfcf; text-decoration:none;}  
.f_rat_num a:hover {color:#afafaf;}  
a.f_rat_plus,a.f_rat_minus {width:19px; height:13px; display:block; margin:-1px 0 0 0;}  
a.f_rat_plus {float:right; background:url('/forumdarkU/plus.png') no-repeat 0 0px;}  
a.f_rat_minus {float:left; background:url('/forumdarkU/minus.png') no-repeat 0 0px;}  
a.f_rat_plus:hover {background-position:right -13px;}  
a.f_rat_minus:hover {background-position:0 -13px;}  
.foi_left {float: left !important; padding-left: 5px; color: #ddd;}  
.foi_right {float: right !important; padding-right: 5px; color: #ddd;}  
.blogmenuUDS li {background:#efefef url('/forumdarkU/blogmenuUDS.png') no-repeat 0 0px; height:15px; line-height:15px; padding:0px 2px; color:#777; text-shadow:0px 1px 0px #111;}  
.blogmenuUDS li a,.blogmenuUDS a {color:#ddd; text-decoration:none;}  
ul,li,.blogmenuUDS {display:block; padding:0; margin:0; list-style:none; font-size: 10px;}  
.forumvd { background:#F8F7F6; border:1px solid #E6E6E6;font-size:11px;padding:3px;margin:3px;background-color:#fff;}  
.forumvd:hover { background:#F8F7F6; border:1px solid #d6d4d4;font-size:11px;padding:3px;margin:3px;background-color:#ff;}  
.forum_m{ padding-left: 7px; padding-top: 5px; padding-bottom: 4px; padding-right: 4px;}  
.forumnameUDS a{color: #c8c8c8; font-weight: bold; text-shadow:1px 1px 0px #111; text-decoration: none;}  
.forumtopUDS2 a, .forummessageUDS a{color: #c8c8c8; text-shadow:1px 1px 0px #111; text-decoration: underline;}  
.forumtopUDS2 a:hover, .forummessageUDS a:hover{color: #d8d8d8; text-decoration: none;}  
.forumnameUDS a:hover{color: #e8e8e8; text-decoration: underline;}  
.forumvidUDS2 {font-size: 11px; font-family: Tahoma;}  
.forumtopUDS {padding: 4px;color: #767676; font-weight: normal;}  
.forumtopUDS2 {padding: 4px;color: #767676; font-weight: normal; font-size: 10px;}  
.forummessageUDS {color: #9c9c9c; font-size: 11px; font-family: Tahoma;}  
.forumright2UDS {background: url('/forumdarkU/fonright.png') repeat-x #171717;font-size: 11px; font-family: Tahoma;padding: 4px;}  
.forumleft2UDS {background: url('/forumdarkU/fonright.png') repeat-x #171717;font-size: 11px; font-family: Tahoma;padding: 4px;}  
.blogtopUDS {background: url('/forumdarkU/blogtopUDS.png') no-repeat #0e0e0e;font-size: 9px; font-family: Tahoma; width: 146px; min-height: 33px;}  
.blogtop2UDS {color: #8d8d8d; text-shadow: #111; font-weight: bold; padding: 7px; height: 19px;}  
.blogbottomUDS {background: url('/forumdarkU/blogbottomUDS.png') no-repeat #0e0e0e;font-size: 9px; font-family: Tahoma; width: 146px; min-height: 36px;}  
hr.signatureHrU {color:#7c7c7c;border-top:1px;border-style:dashed;}  
.repratingUDS{padding-top:14px; width: 72px; height: 13px; background: url('/forumdarkU/reprating.png') no-repeat 0px 13px; color: #858585;}


Как прописали, идем в вид материала форума и заменяем код, вставляем этот код:
Код
<table width="100%" cellspacing="1" cellpadding="0" class="forumvidUDS2" bgcolor="#2c2c2c" border="0">  
<tr><td width="20%" align="center" bgcolor="#191919"><div class="forumnameUDS"><a href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$[/b],');return false;">$USERNAME$</a></div></td>  
<td bgcolor="#191919"><div class="forumtopUDS2">Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</div><tr>  
<td valign="top" bgcolor="#171717">  
<div align="center" class="forumright2UDS" style="padding-bottom: 10px;">  
<img title="$USERNAME$" class="userAvatar" src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>http://livfan.ru/img/forum/forum_vid1_noava.gif<?endif?>" border="0"><div style="padding-bottom:3px;"></div>  
$GROUP_ICON$  

<div style="padding: 3px 0px 3px 0px;">$USER_STATUS$</div>  
<div align="center" class="blogtopUDS">  
<div class="blogtop2UDS">$GROUP_NAME$</div>  

<ul class="blogmenuUDS" style="overflow:hidden;">  
<li><div class="foi_left">Сообщений:</div><div class="foi_right"><span>$POSTS$</span></div></li>  
<li><div class="foi_left">Награды:</div><div class="foi_right"><a <?if($AWARDS$="0")?>href="javascript://" onclick="new _uWnd.alert('У пользователя <b>$USERNAME$</b> пока нету <b>наград</b>','Награды',{w:400,h:60,tm:3500,close:1})"<?else?> href="$AWARDS_READ_URL$"<?endif?>><span>$AWARDS$</span></a> <?if($AWARDS_DO_URL$)?><a href="$AWARDS_DO_URL$"><span style="font-weight: normal !important;">+</span></a><?endif?></div></li>  
<?if(($USER_LOGGED_IN$)&&($BAN_RATING$))?><li><div class="foi_left">Замечаний:</div><div class="foi_right"><a href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?><a href="$DO_BAN_URL$"><span style="font-weight: normal !important;">+</span></a><?endif?></div></li><?endif?>  
</ul>  
<div class="blogbottomUDS">  
<div class="repratingUDS">  
<?if($DO_REP_URL$)?>  
<a class="f_rat_plus" href="$DO_REP_URL$"></a>  
<a class="f_rat_minus" href="$DO_REP_URL$"></a>  
<?else?>  
<a class="f_rat_plus" href="javascript://" onclick="new _uWnd.alert('Вы не можете изменить репутицаю <b>$USERNAME$</b>','Репутация',{w:400,h:60,tm:3500,close:1})"></a>  
<a class="f_rat_minus" href="javascript://" onclick="new _uWnd.alert('Вы не можете изменить репутицаю <b>$USERNAME$</b>','Репутация',{w:400,h:60,tm:3500,close:1})"></a>  
<?endif?>  
<div class="f_rat_num"><a rel="nofollow" href="$READ_REP_URL$">$REP_RATING$</a></div>  
</div>  
</div>  
</td>  
<td class="forumleft2UDS forummessageUDS" valign="top" bgcolor="#171717">  
$MESSAGE$  
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>  
<?if($SIGNATURE$)?><br><hr size="1" width="198" align="left" class="signatureHrU"><span class="signatureView">$SIGNATURE$</span><?endif?>  
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?>  
</div>  
</td></tr>  
<tr><td class="forumtopUDS " align="center" bgcolor="#202020">  
<?if($USER_IP$)?><div class="forumnameUDS">[ <a href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a><?if($POST_COUNTRY_ID$)?> (<a href="javascript://" rel="nofollow" onclick='prompt("","$POST_COUNTRY$");return false;'>$POST_COUNTRY_ID$</a>)<?endif?> ]</div><?else?> <?endif?>  
</td>  
<td class="forumtopUDS" bgcolor="#202020">  
<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>


P.S - Не забываем все сохранять!
11.02.2013 Загрузок: 102 Просмотров: 1512 Комментарий: (2)

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

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

Комментарий: 2
avatar
Суровый 29.12.2013 00:481
0
Чето неработает, картинки вобще не отображаються, что за кинул ф корень
Kosten
Kosten 29.12.2013 13:382
0
Суровый, скачайте и все будет работать.
avatar