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

SUAREZ добавил 1350230133 в раздел UCOZ Форум
Красивый вид материалов форума для uCoz, который отлично подойдёт для сайтов с тёмным дизайном. Если навести курсором на кнопку изменения репутации, изменяется цвет фона.
Установка:

1. Для начала изменим стандартные надписи онлайн и оффлайн:

Настройка » Замена стандартных надписей » ПОЛЬЗОВАТЕЛИ - вместо Online/Offline вставляем:
Code
<img src="/forumdarkU/online.png">

и
Code
<img src="/forumdarkU/offline.png">


2. Идём в ПУ » Управление дизайном » Таблица стилей CSS и вставляем в самый низ:
Code
.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;}


3. Далее ПУ » Управление дизайном » Форум » Вид материалов форума и заменяем всё на следующий код (предварительно куда-нибудь сохранив код):
Code
<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>


Установка закончена!
Скачать "Темный вид материалов форума для uCoz" [9.9Kb]
Скачиваний: 264
+25
Теги: uds, темный, вид материалов, Форум
Автор: SUAREZ
Источник: http://updatesite.ru
Зарегистрируйтесь или авторизуйтесь, чтобы добавлять комментарии, оценивать материалы и сохранять их в личном кабинете.
Вы не можете добавлять комментарии

5 комментариев

  1. Now Now

    1354808310 | Ответить | IP | Редактировать | Удалить

  2. Taganov Taganov

    1350425595 | Ответить | IP | Редактировать | Удалить

  3. SUAREZ SUAREZ

    1350488788 | Ответить | IP | Редактировать | Удалить

  4. SUAREZ SUAREZ

    1350230482 | Ответить | IP | Редактировать | Удалить

entry
Свернуть
Развернуть мини-чат
0