Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Как разместить маленькие баннеры напротив разделов?

Как разместить маленькие баннеры напротив разделов?

Страница: 1

Сообщений 1 страница 9 из 9

1

  • Автор: Lev33
  • Заблокирован
  • Lev33
  • Зарегистрирован: Пн, 11 Окт 2010
  • Сообщений: 267
  • Уважение: +5
  • Позитив: +50
  • Предупреждения:
    Плагиат.
    Мультиюзерство.
    Хамство и угрозы в адрес участников сервиса.
  • Последний визит:
    Вс, 7 Апр 2013 16:04:21

Приветы всем. Хочу разместить рекламные баннеры размером 160х40 напротив разделов форума.

Что нужно:
Нужно что бы я мог сделать так же как на этом форуме: http://yarportal.ru/  То есть:

Разместить баннер размером 160х40 и текст к баннеру и чтобы при нажатии и на текст и на баннер был переход на указанный сайт. Текст комментирующий баннер должен быть чуть мельче чем текст, которым написано название раздела. В общем нужно всё один в один как на вышеуказанном форуме. Причём нужно два кода:

1. Где текст располагается над баннером.
2. Где текст располагается перед баннером.

Вот скрин (вырезка из вышеуказанного форума).

http://uploads.ru/i/i/F/H/iFHsW.jpg

Помогите, пожалуйста, реализовать такое. Мой форум http://pokrov.mybb.ru/

Отредактировано Lev33 (Вт, 12 Июн 2012 19:17:51)

0

2

  • Автор: Lev33
  • Заблокирован
  • Lev33
  • Зарегистрирован: Пн, 11 Окт 2010
  • Сообщений: 267
  • Уважение: +5
  • Позитив: +50
  • Предупреждения:
    Плагиат.
    Мультиюзерство.
    Хамство и угрозы в адрес участников сервиса.
  • Последний визит:
    Вс, 7 Апр 2013 16:04:21

Поковырялся сам, сделал, но получилось немного не так. Не получается сделать:
1. Так, чтобы баннер был прям напротив текста (комментарий к разделу).
2. Так, чтобы при нажатии на баннер и текст ссылка открывалась в новой вкладке браузера. То есть чтобы "человек не уходил с форума".
3. Так, чтобы текст был перед баннером (прям по середине).

Вот, что получилось, сделал на своём тестовом форуме http://33.mybb.ru/ (смотреть в первой категории).

0

3

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51193
  • Уважение: +15226
  • Позитив: +11641
  • Последний визит:
    Сегодня 01:17:47
Lev33 написал(а):

Вот, что получилось, сделал на своём тестовом форуме http://33.mybb.ru/ (смотреть в первой категории).

Поправьте скриншот текущего положения баннера -на "Как надо" и выложите

+1

4

  • Автор: Lev33
  • Заблокирован
  • Lev33
  • Зарегистрирован: Пн, 11 Окт 2010
  • Сообщений: 267
  • Уважение: +5
  • Позитив: +50
  • Предупреждения:
    Плагиат.
    Мультиюзерство.
    Хамство и угрозы в адрес участников сервиса.
  • Последний визит:
    Вс, 7 Апр 2013 16:04:21

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

http://uploads.ru/t/Q/w/g/QwgqK.jpg

0

5

  • Автор: Lev33
  • Заблокирован
  • Lev33
  • Зарегистрирован: Пн, 11 Окт 2010
  • Сообщений: 267
  • Уважение: +5
  • Позитив: +50
  • Предупреждения:
    Плагиат.
    Мультиюзерство.
    Хамство и угрозы в адрес участников сервиса.
  • Последний визит:
    Вс, 7 Апр 2013 16:04:21

Актуально.Хелп плиз.

0

6

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51193
  • Уважение: +15226
  • Позитив: +11641
  • Последний визит:
    Сегодня 01:17:47

Lev33
Оденьте Описания форумов в такую конструкцию

<table class="opisTBL" cellspacing="0" cellpadding="o" width=100%><tr>
<td>

Музыкальный форум. Современная популярная музыка. Электронная музыка.<br>
Этническая музыка. Классическая музыка. Музыка любых жанров и направлений.<br>

</td>
<td width=160>

<h4 align="right"><a href="https://www.google.ru/" target=""><font size="1">Курсы английского языка</font></a></h4>
<h4 align="right"><a href="https://www.google.ru/" target=""><img src="https://forumstatic.ru/files/000e/32/6f/49843.gif" border="0" /></a></h4>

</td>
</tr></table>


В HTML верх однакратно добавить следущее:

<style>
.opisTBL,
.opisTBL td{
  border:none 0 transparent;
  pading:0px;
}
</style>

http://uploads.ru/t/F/U/S/FUSyv.png

Отредактировано Deff (Пт, 15 Июн 2012 11:17:44)

+1

7

  • Автор: Lev33
  • Заблокирован
  • Lev33
  • Зарегистрирован: Пн, 11 Окт 2010
  • Сообщений: 267
  • Уважение: +5
  • Позитив: +50
  • Предупреждения:
    Плагиат.
    Мультиюзерство.
    Хамство и угрозы в адрес участников сервиса.
  • Последний визит:
    Вс, 7 Апр 2013 16:04:21

Спасибо. Но чуть чуть не то. Когда текста комментария мало, то расстояние между:

1. Названием раздела и комментарием становится больше.
2. Описанием раздела и надписью (Модераторы: 111) становиться больше.
Вот сделал на тестовом форуме http://vladimir.3bb.ru/
Можно это сжать как то? (на картинке показал о чём речь, то есть сжать форум от категории до категории)

http://uploads.ru/t/4/B/1/4B16r.jpg

Кстати и когда текста много (описания), то надпись (Модераторы: 111) всё равно намнго ниже, а нужно что бы надпись модеры была прям под текстом описания. И ещё ничего страшного если надпись "курсы английского языка" будет всего на пару миллиметров "напротив-ниже" названия раздела.

Отредактировано Lev33 (Пт, 15 Июн 2012 18:06:22)

0

8

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51193
  • Уважение: +15226
  • Позитив: +11641
  • Последний визит:
    Сегодня 01:17:47

Lev33
Замените стиль

<style>
.opisTBL,
.opisTBL td{
  border:none 0 transparent;
  pading:0px!important;
}
.opisTBL {
  margin:-12px 12px -23px 0;
}
.opisTBL td #absol{
   margin:-33px 0;
}
</style>

Замените Обрамление

<table class="opisTBL" cellspacing="0" cellpadding="o" width=100%><tr>
<td>

Музыкальный форум. Современная популярная музыка. Электронная музыка.<br>

</td>
<td width=160><div id=absol>

<h4 align="right"><a href="https://www.google.ru/" target=""><font size="1">Курсы английского языка</font></a></h4>
<h4 align="right"><a href="https://www.google.ru/" target=""><img src="https://forumstatic.ru/files/000e/32/6f/49843.gif" border="0" /></a></h4>

</div></td>
</tr></table>

+1

9

  • Автор: Lev33
  • Заблокирован
  • Lev33
  • Зарегистрирован: Пн, 11 Окт 2010
  • Сообщений: 267
  • Уважение: +5
  • Позитив: +50
  • Предупреждения:
    Плагиат.
    Мультиюзерство.
    Хамство и угрозы в адрес участников сервиса.
  • Последний визит:
    Вс, 7 Апр 2013 16:04:21

Deff спасибо огромное. Всё получилось, правда пришлось поколдавать с циферками. Проверил во всех браузерах и под разными разрешениями, всё ок. Выкладываю свой вариант, мало мож ещё кому-то понадобится.

(строка описание баннера не более 32 символов включая пробелы, иначе дизайн форума разъезжается)

В HTML верх однакратно добавить следущее:

<!--Начало приблуда для банеров 160х40-->
<style>
.opisTBL,
.opisTBL td{
  border:none 0 transparent;
  pading:0px!important;
}
.opisTBL {
  margin:-9px 12px -23px 0;
}
.opisTBL td #absol{
   margin:-33px 0;
}
</style>
<!--Конец приблуда для банеров 160х40-->

В описание к разделу:

<table class="opisTBL" cellspacing="0" cellpadding="o" width=100%><tr>
<td>

Здесь пишем комментарий к разделу. Можно без кодов <br> то есть сплошным текстом.

</td>
<td width=240><div id=absol>

<h4 align="right"><a href="https://www.google.ru/" target=""><font size="1">
Тестовая надпись баннера номер 5</font></a></h4>
<h4 align="right"><a href="https://www.google.ru/" target=""><img src="https://forumstatic.ru/files/000e/32/6f/27208.jpg" border="0" /></a></h4>

</div></td>
</tr></table>

Посмотреть как это выглядит можете на моём тестовом форуме http://33.mybb.ru (смотреть баннер номер 5)

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Как разместить маленькие баннеры напротив разделов?