Темный вид материалов на форуме для uCoz
Скриншот материала «Темный вид материалов на форуме для uCoz»
Описание: Описание:
Стильный, темный вид материалов, для форума, на сайт в системе uCoz. Данный вид будет красиво сочетаться, как с темным дизайном, так и со светлым дизайном сайта. Что из себя представляет вид материалов можно посмотреть на изображение, но мы немного расскажем о нем письменно - В верху стоит Логин пользователя, правее от него статус Online/Offline, чуть ниже с левой стороны стоит аватар пользователя, на против его четыре кнопки находящиеся в вертикально положение, и в самом низу находятся Сообщения, Нарушения и Репутация. Так же в архиве есть цветные иконки кнопок.
Установка: 1. Скачиваем архив с нашего сайта, далее загружаем папки
mg_f и
img в корень своего сайта
2. Заходим в
ПУ - модуль Форум - Настройка модуля, в Наборе кнопок выбираем Свой набор и ставим ссылку
http://адрес_вашего_сайта/mg_f 3. Заходим в
ПУ - Управление дизайном - модуль Форум - Вид материалов и заменяем имеющий код, на этот:
Код
<div id="g_block_f">
<div id="l_block_f">
<div id="top_p_f"><span class="us_name">$USERNAME$</span><span class="us_statys">$USER_STATUS$</span></div>
<div id="ava_block_f">
<div id="ava_f"><?if($AVATAR_URL$)?><img src="$AVATAR_URL$"><?else?><img src="/img/g_tema.png"><?endif?></div>
<div id="naw_us_f">
<ul>
<li><a href="$PROFILE_URL$"><i></i></a></li>
<li><a href="$PM_URL$"><i style="background-position: 0 -42px; center -5px"></i></a></li>
<li><a href="#"><i style="background-position: 0 -80px; center -5px"></i></a></li>
<li><a href="#"><i style="background-position: 0 -120px; center -5px"></i></a></li>
</ul>
</div>
<div id="inf_us_f">
<ul>
<li class="g_us_f">$GROUP_NAME$</li>
<li>Сообщений - <span>$POSTS$</span></li>
<li>Нарушений - <span>$BAN_RATING$</span><a title="Изменить уровень замечаний" href="$DO_BAN_URL$"></a></li>
<li>Репутация - <span>$REP_RATING$</span><a title="Изменить репутацию" href="$DO_REP_URL$" style="background-position: 0 -45px;"></a><a title="Изменить репутацию" href="$DO_REP_URL$" style="background-position: 0 -85px;"></a></li>
</ul>
</div>
</div>
</div>
<div id="p_block_f">
<div id="mess_top"><i></i>Написал - $DATE$ в $TIME$ - $NUMBER$</div>
<div id="mssage_f" class="posttdMessage">$MESSAGE$
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>
<?if($SIGNATURE$)?><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>
<?if($EDITEDBY$)?><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?>
</div>
<div id="c_for">$ENTRY_MANAGE_ICON_BAR$</div></div>
<div class="clr"></div></div>
4. Заходим в
ПУ - Управление дизайном - Управление дизайном и в самый низ ставим код:
Код
/* Темный вид материалов на форуме для uCoz */
#l_block_f {
width: 250px;
float: left;
background: #252C32;
overflow: hidden;
}
#p_block_f {
margin-left: 250px;
border-top: 1px solid #B0B5B9;