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

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

Как сделать  такой блок ?  Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

Как сделать  такой блок ?  Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

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

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

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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» Как поменять вид нумерации страниц тем?
автор Goodmonday Апрель 18th 2024, 21:04

» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48

» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49

» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43

» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13

» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31

» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43

» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37

» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26

» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28

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

Участников: 3

Страница 1 из 2 1, 2  Следующий

Перейти вниз

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

Сообщение автор vera350 Март 21st 2013, 11:55

Увидела на форуме Даны такой вот блок,понравилось
Как сделать  такой блок ?  0_c883d_54f9fcca_XXXL.png

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

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор Dana Domirani Март 21st 2013, 16:49

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

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор vera350 Март 21st 2013, 17:34

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

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор Dana Domirani Март 22nd 2013, 11:56

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор vera350 Март 22nd 2013, 13:11

Как сделать  такой блок ?  0_c8939_f1e03061_XXXL.png
vera350
vera350
 

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор Dana Domirani Март 22nd 2013, 13:43

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор vera350 Март 22nd 2013, 14:13

vera350
vera350
 

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор AbAAAD Март 22nd 2013, 16:37

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

Сообщения : 106
Регистрация : 2012-02-08
Благодарности : 5

Без предупреждений

http://0002.2x2forum.com

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

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

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

Ждус ответа
vera350
vera350
 

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

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

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

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

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

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

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

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

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

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

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

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

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

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

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор AbAAAD Март 24th 2013, 19:10

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

Сообщения : 106
Регистрация : 2012-02-08
Благодарности : 5

Без предупреждений

http://0002.2x2forum.com

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

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

Сообщение автор Dana Domirani Март 24th 2013, 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 (Март 25th 2013, 04:07), всего редактировалось 1 раз(а)


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор AbAAAD Март 24th 2013, 19:18

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

Сообщения : 106
Регистрация : 2012-02-08
Благодарности : 5

Без предупреждений

http://0002.2x2forum.com

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

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

Сообщение автор Dana Domirani Март 24th 2013, 19:19

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор AbAAAD Март 24th 2013, 19:22

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

Сообщения : 106
Регистрация : 2012-02-08
Благодарности : 5

Без предупреждений

http://0002.2x2forum.com

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

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

Сообщение автор vera350 Март 24th 2013, 19:47

Дана. все поставила . Вот что получилось :
Как сделать  такой блок ?  0_c93d3_d6c71494_XXL
vera350
vera350
 

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор Dana Domirani Март 24th 2013, 20:00

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



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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор vera350 Март 24th 2013, 20:30

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

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор Dana Domirani Март 25th 2013, 00:40

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

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


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

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

Сообщение автор vera350 Март 25th 2013, 01:15

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

Женщина

Сообщения : 214
Регистрация : 2011-12-14
Благодарности : 9

Без предупреждений

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

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

Сообщение автор Dana Domirani Март 25th 2013, 04:00

Проверяйте!
Как сделать  такой блок ?  Snap0049


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

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


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


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


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

Женщина

Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286

Без предупреждений

http://poltergeist-legacy.com/

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

Страница 1 из 2 1, 2  Следующий

Вернуться к началу

- Похожие темы

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