Наш опрос
Ваш пол?
Всего ответов: 39
Случайный анекдот
76 - Мам, можно я погуляю? - С кем? Как зовут? Сколько лет? Где учится? Чем занимается? Кто родители? - Ну, блин... Па-ап, можно я погуляю? - Иди!
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3473
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3293

   Горизонтальный вид топ комментаторов для юкоз



Информер с горизонтальным видом топ комментаторов для сайтов юкоз, хотя этот вид можно использовать и для других информеров, его нужно только правильно настроить.

Установка:
Создаем информер:

Пользователи
Кол. комментариев - 6
материалов - 1
колонка - 1.

В шаблоне информера заменяем все на это:

Код
<div class="h_yootop_post opacity_all" style="margin-right:15px"> <a href="$PROFILE_URL$"><img src="$AVATAR_URL$" border="0" alt="$USERNAME$" /> <div class="h_yootop_name">$USERNAME$</a></div> </div>


В место вывода информера ставим:

Код
<div class="h_yootop_panel">  
  <div class="h_yootop_post_one"></div>  
  $MYINF_5$  
  <div class="h_yootop_new">  
  <ul>  
  <li><a href="">Что это?</a></li><li><a href="">Как сюда попасть?</a></li>  
  </ul>  
  </div>  
  <div class="h_yootop_btn_box">  
  <div class="g_dotted_two"></div>  
  </div>  
  </div>


$MYINF_5$ заменяем на свой номер информера. теперь нужно поставить в css это:

Код
.h_yootop_panel {background:url('/img/h_yootop_panel.png')no-repeat;border-left:2px solid #d4d4d4;border-right:2px solid #d4d4d4;width:1029px;height:110px;margin:0 auto;overflow:hidden;}  
  .h_yootop_post_one {width:11px;height:45px;float:left;overflow:hidden;}  
  .h_yootop_post {background:#fff;border-radius:3px;padding:2px;margin:11px 0;float:left;overflow:hidden;position:relative;}  
  .h_yootop_post img {width:84px;height:84px;float:left;}  
  .h_yootop_name {background:url('/img/block_p_bg.png');position:absolute;bottom:2px;left:2px;padding:3px 9px;width:165px;}  
  .h_yootop_name a {color:#fff;text-align:center;text-decoration:none;}  
  .h_yootop_name a:hover {color:#fff;}  
  .h_yootop_new {float:left;width:266px;margin-top:8px;}  
  .h_yootop_new ul {list-style:none;}  
  .h_yootop_new li a {-webkit-transition:background 0.1s ease;display:block;background:url('/img/arr_white.png')no-repeat 11px 9px;color:#f3f3f3;padding:4px 12px 4px 23px;margin:6px 4px 6px 11px;text-decoration:none;text-align:left;}  
  .h_yootop_new li a:hover {background:url('/img/arr_white.png')no-repeat 11px 9px #5c5c5c;border-radius:3px;}  
  .h_yootop_btn_box {float:right;margin:16px 16px 0 0;}


Закачайте картинки с архива в папку img в файл менеджере.

Скачать архив 7,27 кб Html редактор
Автор: Prosvetekvator
Просмотров: 10968
18.02.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Горизонтальный вид топ комментаторов для юкоз След. »

Всего комментариев: 3

3 tolyan vedernikov (94tolyan163)
криво!

29.05.2016 в 12:50 | Перейти к материалу >
-
0
+

1 X- Wise (X-WISE)
Спасибо!!!!

01.08.2015 в 12:59 | Перейти к материалу >
-
0
+

2 Алексей Чубаров (Prosvetekvator)
Пожалуйста!

02.08.2015 в 20:01 | Перейти к материалу >
-
0
+

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022