Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Поделиться ссылкой

Мы в социальных сетях



- Правила форума -

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

Как сделать такой блок ?

Предыдущая тема Следующая тема Перейти вниз

Решено Как сделать такой блок ?

Сообщение автор vera350 в Чт 21 Мар - 11:55

Увидела на форуме Даны такой вот блок,понравилось


Можно ли на bb2 такой же поставить ? Если да то как ?

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Чт 21 Мар - 16:49

Это левая колонка виджетов, вытащенная на площадку над форумом.
Есть инструкция для двойки: http://help.forum2x2.ru/t29122-topic

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


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Чт 21 Мар - 17:34

А как именно их подогнать ,чтобы как у вас вышло ? Я там последние темы поставлю, самые просм. темы и самые активные пользователи ,как и у вас . blush А то получися обычный виджет как и был, только под шапкой

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Пт 22 Мар - 11:56

А где можно увидеть то, что у Вас получилось на данный момент?


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Пт 22 Мар - 13:11


vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Пт 22 Мар - 13:43

А ссылочку? Надо структуру посмотреть.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Пт 22 Мар - 14:13


vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор AbAAAD в Пт 22 Мар - 16:37

А на тройку реально такое? Вот бы под форум такое подставить

AbAAAD
 
 

Сообщения : 105
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2012-02-08

http://0002.2x2forum.com

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Сб 23 Мар - 15:51

Ждус ответа

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Сб 23 Мар - 16:08

Я извиняюсь, но на myhobby.sosbb.ru нет колонки вверху


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Сб 23 Мар - 16:51

Дана, уже есть . Я просто их убирала,хотела сразу красивые поставить

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Сб 23 Мар - 17:19

Теперь вижу, спасибо.

Так. Второй и третий виджет пока не по десять строк. Что будем делать? Вы можете их "наростить" (т.е. накрутить активности еще в девяти темах и зарегистрировать еще восемь аккаунтов с 1-2 сообщениями)?


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Сб 23 Мар - 17:31

сейчас создам

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Сб 23 Мар - 18:45

Дана, все готово )))

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор AbAAAD в Вс 24 Мар - 19:10

Так возможен какой-то вариант на phpBB3?

AbAAAD
 
 

Сообщения : 105
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2012-02-08

http://0002.2x2forum.com

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Вс 24 Мар - 19:16

1) Добавьте в CSS:
Код:
/* левые Виджеты под шапкой*/

#left {
  width: 99% !important;
  float: none !important;
  height: 280px !important;
  margin: 0 auto !important;
  overflow: hidden;
  border: 2px solid #479ADE !important;
}

#left .mmod {
display: block;
float: left !important;
margin: 0 !important;
}

/* ширина 1 виджета */
#left .mmod {
width: 50% !important;
}

/* ширина 2 виджета */
#left .mmod + .mmod {
width: 30% !important;
}

/* ширина 3 виджета */
#left .mmod + .mmod + .mmod {
width: 20% !important;
}

#left .mmod .catLeft {
height: 25px !important; 
}

#left table {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

/* свойства всех ячеек */
#left .mmod table td.ff {
height: 20px !important;
border-bottom: 1px dashed #fff;
white-space: nowrap;
overflow: hidden;
padding-right: 5px;
text-overflow: ellipsis;
}
Сохраните.

2) В ПА > Оформление > Шаблоны - Портал > mod_recent_topics (Последние темы) замените весь код шаблона виджета на этот:
Код:
<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0">
  <tr>
      <td class="catLeft" colspan="3">
        <span class="genmed module-title">{L_RECENT_TOPICS}</span>
      </td>
  </tr>
  <!-- BEGIN recent_topic_row --><tr class="novs">
          <td class="row2 genmed ff"><img src="http://i73.servimg.com/u/f73/18/10/99/39/pin10.png" title="{classical_row.recent_topic_row.S_POSTTIME}" alt="{classical_row.recent_topic_row.S_POSTTIME}" /></td>
          <!-- BEGIN switch_poster -->
          <td class="row2 genmed ff">Прокомментировал(а): <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></td>   
          <!-- END switch_poster -->
          <td class="row2 genmed ff"><a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a></td>
  </tr><!-- END recent_topic_row -->
          </table>
<!-- END classical_row -->

Там же, Портал > mod_most_active_topics (Самые активные темы) замените весь код шаблона виджета на этот:
Код:
<table class="forumline" width="100%" border="0">
   <tr>
   <td class="catLeft"><span class="genmed module-title">Самые активные темы</span></td>
   </tr>
   <!-- BEGIN TOPIC -->
   <tr>
   <td class="row2 genmed ff"><a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a></td>
   </tr>
   <!-- END TOPIC -->
</table>
Там же, Портал > mod_top_posters (Самые активные пользователи) замените весь код шаблона виджета на этот:
Код:
<table class="forumline" width="100%" border="0">
   <tr>
      <td class="catLeft" colspan="2"><span class="genmed module-title">{L_TOP_POSTERS}</span></td>
   </tr>

      <!-- BEGIN POSTER -->
      <tr>
         <td class="{POSTER.ROW_CLASS} genmed ff">{POSTER.NAME}</td>
         <td class="{POSTER.ROW_CLASS} ff" nowrap="nowrap" title="{POSTER.NB_POSTS}">{POSTER.BARRE}</td>
      </tr>
      <!-- END POSTER -->
</table>
Сохраните и опубликуйте каждый отредактированный виджет.

После этого надо будет еще подогнать оформление.


Последний раз редактировалось: Dana Domirani (Пн 25 Мар - 4:07), всего редактировалось 1 раз(а)


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор AbAAAD в Вс 24 Мар - 19:18

Не, ну, какие шаблоны могут быть в phpBB3?

AbAAAD
 
 

Сообщения : 105
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2012-02-08

http://0002.2x2forum.com

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Вс 24 Мар - 19:19

Так возможен какой-то вариант на phpBB3?
Скорее всего, можно. Правую-то под форум убрать без шаблонов удалось — http://help.forum2x2.ru/t24841-topic#184112
Но — да, с учетом того, что не будет доступа к шаблонам "Последних тем". Когда разберемся с версией для bb2, будем разбираться с тройкой.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор AbAAAD в Вс 24 Мар - 19:22

Я не видел ту тему. Ну, так если виджеты можно, то можно и это виджетом туда поставить, нет разве?
А в той теме код для CSS, я так понимаю?

AbAAAD
 
 

Сообщения : 105
Карма : Без предупреждений
Благодарности : 5
Регистрация : 2012-02-08

http://0002.2x2forum.com

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Вс 24 Мар - 19:47

Дана. все поставила . Вот что получилось :

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Вс 24 Мар - 20:00

@vera350 пишет:Дана. все поставила . Вот что получилось :
Спасибо, теперь еще удобнее. Сейчас напишу, что надо откорректировать.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Вс 24 Мар - 20:30

не против. Сейчас скину данные в ЛС

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Пн 25 Мар - 0:40

Настроила, проверяйте.

Одно плохо: сервисная реклама вклинивается после второго виджета и перекашивает правую часть блока... С баннеродавом этого, правда, не видно.


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Пн 25 Мар - 1:15

Дана, спасибо . А можно активных пользователей тоже как у вас ,а то с полосками вроде не очень blush

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Пн 25 Мар - 4:00

Проверяйте!


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Пн 25 Мар - 17:45

Дана,я про эти полоски имела ввиду smile

Хотела чтобы как у вас было прописью,сколько сообщений

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор Dana Domirani в Пн 25 Мар - 18:05

Готово!


Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Пол : Женщина
Сообщения : 21911
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8761
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Решено Re: Как сделать такой блок ?

Сообщение автор vera350 в Пн 25 Мар - 18:21

Спасибки d_daisy

vera350
 
 

Пол : Женщина
Сообщения : 221
Место обитания : Планета земля :)
Карма : Без предупреждений
Благодарности : 9
Регистрация : 2011-12-14

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения