Наш опрос
Нужно ли пополнять базу анекдотов в информере?
Всего ответов: 25
Случайный анекдот
84 Для съемок одного фильма в Нью-Йорке понадобился разбитый автобус. Нашли один подходящий, с хорошей вмятиной от фонарного столба. Правда, на другом конце города. Снарядили мужика доставить сие транспортное средство на съемочную площадку. Благо, автобус на ходу, мужик сел, завел, поехал. По дороге решил перекусить, остановился у Макдональса, и ради шутки решил припарковаться таким образом, что бы вмятина пришлась как раз на фонарный столб. Зашел внутрь, перекусил. Выходит - а в салоне автобуса сидят с десяток евреев с порезами и царапинами на фейсах и названивают по сотовым своим адвокатам.
Статистика
Онлайн всего: 5
Гостей: 5
Пользователей: 0

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

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



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

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

Пользователи
Кол. комментариев - 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
Просмотров: 11633
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