Боба
Онлайн всего: 1
Гостей: 1
Пользователей: 0
1

Для добавления необходима авторизация
Граффити
Форма входа

Закрыть

Современный вид материалов форума
Скрипты

Данный вид материалов был сделан по просьбе одного пользователя по его рисунку

Установка


Зайдем в Панель управления » Управление дизайном » Вид материалов форума
и заменим весь код на этот
Код
<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="http://boba.ucoz.com/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>

Теперь переходим в Панель управления » Управление дизайном » Таблица стилей
и в самый конц ставим этот код
Код

  #l_block_f {  
  width: 270px;  
  float: left;  
  background: #252C32;  
  overflow: hidden;  
  }  
  #p_block_f {  
  margin-left: 270px;  
  border-top: 1px solid #B0B5B9;  
  padding-bottom: 20px;  
  }  

  #top_p_f {  
  padding: 0px 20px;  
  line-height: 40px;  
  background: #252C32;  
  border-top: 1px solid #2E353B;  
  border-bottom: 1px solid #5E94C1;  
  }  
  .us_name {  
  padding-left: 30px;  
  color: #FFF;  
  font-weight: bold;  
  font:16px Arial,Tahoma,sans-serif;  
  }  

  .us_statys {  
  color: #7A838A;  
  float: right;  
  }  
  #ava_block_f {  
  margin-left: 30px;  
  padding: 10px 0;  
  }  
  #ava_f {  
  border-radius: 50%;  
  border: 5px solid #FFF;  
  float: left;  
  margin: 10px;  
  width: 150px;  
  height: 150px;  
  overflow: hidden;  
  }  
  #ava_f img {  
  width: 150px;  
  height: 150px;  
  object-fit: cover;  
  }  

  #naw_us_f {  
  width: 70px;  
  float: right;  
  overflow: hidden;  
  }  
  #naw_us_f ul {  
  margin: 10px 5px;  
  margin-right: 20px;  
  list-style: none;  
  }  
  #naw_us_f ul li {  
  width: 40px;  
  height: 35px;  
  margin: 10px 0;  
  }  
  #naw_us_f ul li a {  
   
  display: block;  
  }  
  #naw_us_f ul li:hover i {  
  background: url("../img/bg_f2.png") no-repeat center -5px;  

  }  
  #naw_us_f ul li i {  
  width: 40px;  
  height: 35px;  
  display: block;  
  background: url("../img/bg_f.png") no-repeat center -5px;  
  border: 1px solid #2E353B;  
  }  

  #inf_us_f {  

  }  
  #inf_us_f ul {  
  list-style: none;  
  }  
  #inf_us_f ul li {  
  line-height: 35px;  
  color: #7A838A;  
  border-bottom: 1px solid #2E353B;  
  }  

  #inf_us_f ul li {  
  padding-left: 20px;  
  }  

  #inf_us_f ul li span {  
  color: #FFF;  
  padding: 0 10px;  
  }  

  #inf_us_f ul li a {  
  background: #252C32 url("../img/bg_f3.png") no-repeat center -5px;  
  width: 35px;  
  height: 35px;  
  display: block;  
  float: right;  
  border-left: 1px solid #2E353B;  
  border-right: 1px solid #2E353B;  
  }  
  #inf_us_f ul li a:hover {  
  background: #3595C3 url("../img/bg_f4.png") no-repeat center -5px;  
  }  

  .g_us_f {  
  color: #FFF!important;  
  border-bottom: 1px solid #5E94C1!important;  
  }  

  #mess_top {  
  padding-left: 20px;  
  width: 100%;  
  display: block;  
  height: 50px;  
  font:13px Arial,Tahoma,sans-serif;  
  color: #7A838A;  
  line-height: 45px;  
  }  

  #mess_top i {  
  background: url("../img/ic_img.png");  
  width: 40px;  
  height: 30px;  
  display: block;  
  float: left;  
  margin-top: 7px;  
  }  
  #mssage_f {  
  padding: 0px 35px;  
  color: #252C32;  
  font:13px Arial,Tahoma,sans-serif;  
  line-height: 25px;  
  padding-bottom: 30px;  
  }  

  #c_for {  
  padding-left: 25px;  
  }  
  #c_for a {  
  color: #7A838A;  
  font:13px Arial,Tahoma,sans-serif;  
  text-decoration: none;  
  margin-right: 10px;  
  }  
  #c_for a:hover {  
  color: #252C32;  
  }  
  a.us_f_nav {  
  background: #9EBFDA;  
  color: #FFF!important;  
  font:13px Arial,Tahoma,sans-serif;  
  text-decoration: none;  
  padding: 5px 10px;  
  margin: 5px;  
  }  

  .fNavLink {  
  color: #7A838A!important;  
  }  
  .fNavLink:hover {  
  color: #FFF!important;  
  }  

  .clr {  
  clear: both;  
  }  
  

Теперь скачаем архив и зальём в Файловый менеджер в папку img содержимое папки img.

Теперь если вы хотите чтоб кнопки Цитировать, Редактировать, Удалить были такие же как
на скриншоте то вам нужно будет сделать следующее
В файловом менеджере создать папку img_f и загрузить в неё содержимое папки img_f за темм
перейти в модуль Форум » Настройки модуля и выбрать Набор кнопок свой набор

Важно: при этом все иконки изменяться на те что я положил в папку img_f
такие как Ответить,Новая тема,Новый опрос ну и т.д.
Чтобы их поменять вам нужно будет просто заменить картинки на свои

Особености:

Тематика
Для любого сайта
Браузеры
Одинаково работаее на всех браузерах последней версии
Адаптация
Нет
Архив
Все нужные файлы
Размер
31.5Kb

Скачивать файлы могут только зарегистрированные пользователи, Войдите на сайт под своим именем.

Запись добавлена

Комментарии

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

Добавлять комментарии могут только зарегистрированные пользователи, Войдите на сайт под своим именем.