Skip to content

Логотип-баннер в центр шапки и баннеры в названии форумов

Вопрос №1

Как разместить единственный банер-логотип в центре шапки форума?

Что я с ним не делал - не идёт дальше.

post-24816-1236778135_thumb.jpg

 

global_board_header

<div id="logostrip1"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/<#IMG_DIR#>/logo_left.png' style='vertical-align:top'  alt='Клуб Рено-Ниссан' border='0' /><!--ipb.logo.end--></a></div>

 

Кусок таблицы стилей

#logostrip{ 
background: #003178 url(<#IMG_DIR#>/logo_right.png) top right no-repeat;
border: 0;
height: 72px;
margin: 0;
padding: 0;
}

#logostrip1{ 
background: transparent url(<#IMG_DIR#>/logo_right.png) top right no-repeat;
border: 0;
height: 72px;
margin: 0;
padding: 0;
}

#logostrip2{ 
background: #003178 url(<#IMG_DIR#>/logo_left.png) top center no-repeat;
border: 0;
height: 72px;
margin: 0;
padding: 0;
}

:)

 

 

2. Как добавить банеры в строке с названием форумов? Типа такого:

 

post-24816-1236778754_thumb.jpg

Edited by soneks

Featured Replies

1. В css

Заменить прежний код для logostrip1

этим

#logostrip1{ 
background: transparent;
border: 0;
height: 72px;
margin: 0;
padding: 0;
style: text-align: center;
}

Тогда правый рисунок исчезнет (Вы его наверное просто удалили, а в коде убрать забыли), а левое лого превратится в центральный баннер.

 

Если центрирования не произойдет, в global_board_header

замените

<div id="logostrip1">

на

<div id="logostrip1" align="center">

2. Добавлять придется в управлении форумами, в их описания (не в названия!).

Используйте кодструкцию вида:

<div style="float:right;padding:2px;">код баннера</div>

Ниже можно оставить описание раздела.

 

В скине ничего не трогайте.

Edited by Fisana
Добавила в нижний код padding

  • Author

Спасибо.1 Пункт попробовал. Стало по центру. Но остальное куда-то пропало.

post-24816-1236783387_thumb.jpg

Куда?

ЗЫ: Самое смешное и непонятное- вернул все коды назад (до перенастройки с подсказками глубокоуважаемой Фисаны), баннер посередине. Что за чудеса? :)

post-24816-1236783763_thumb.jpg

Edited by soneks

В сss наверное правка достаточна.

 

Знаете в чем ошибка была?

Где-то в сss забыли закрывающую скобку закрыть.

И все, что ниже, перестало читаться и работать.

 

Аккуратнее с синтаксисом.

  • Author
В сss наверное правка достаточна.

 

Знаете в чем ошибка была?

Где-то в сss забыли закрывающую скобку закрыть.

И все, что ниже, перестало читаться и работать.

 

Аккуратнее с синтаксисом.

 

Может быть. Но почему, когда весь исходный код (свой) от начала и до конца перенёс обратно в css и global_board_header, то всё стало на места? Я же переносил в пустой файл по принципу COPY-PAST и ничего не поменял в своём коде, а всё заработало, всё встало по центру. Чудеса. :)

Edited by soneks

Бывает :)

 

В ипб надо аккуратно коды вставлять.

Например, если внизу некорректно прописать счетчики, может перестать открываться в IE редактор для ответа в темах.

А если испортить код в шапке, перестанут работать все поп-меню.

  • Author

По второму пункту. Вставил я в нужное место код (спасибо за наводку, забыл, что туда можно коды вставлять).

 

Но теперь строка с названием форума сильно "растолстела" Куда рыть-то?

post-24816-1236804666_thumb.jpg

 

<div style="float:right;padding:2px;"><img src='style_images/spring/symbol.gif'style='vertical-align:top' </div>

 

Спасибо заранее.

Чтоб я без вас делал.

Где бы фотографию вашу увидеть... :)

Edited by soneks

Уберите там паддинг тогда совсем.

Строка похудеет.

Но как ее совсем худой сделать, точно не скажу, так как опыты ставить придется.

 

 

 

И размер картинки не слишком велик?

Стандартные кнопки, что туда вставляют, 88 на 31px

 

Еще попробуйте перенести описание раздела над открывающимся

  • Author
Уберите там паддинг тогда совсем.

Строка похудеет.

Но как ее совсем худой сделать, точно не скажу, так как опыты ставить придется.

И размер картинки не слишком велик?

Стандартные кнопки, что туда вставляют, 88 на 31px

Еще попробуйте перенести описание раздела над открывающимся <div ....

 

Убрал padding,Не помогает :-(

post-24816-1236805980_thumb.jpg

Перенёс описание раздела ниже. Но теперь между названием и описанием пустота :)

post-24816-1236806351_thumb.jpg

 

Это не кнопка , это картинка для раздела. Так, тестирую свои знания на ней. Потом может что другое поставлю....

 

ЗЫ: Когда вы вообще спите-то?

Edited by soneks

Если это не баннер, а картинка, тогда конструкция с div не нужна.

Картинка будет слева, а описание рядом, если используете конструкцию:

Описание раздела.

  • Author
Если это не баннер, а картинка, тогда конструкция с div не нужна.

Картинка будет слева, а описание рядом, если используете конструкцию:

<img scr="...." style="valign:top; border:0;" /> Описание раздела.

 

Ну пока это картинка, а когда найду спонсоров на проект- будет баннер.

Спасибо большое.

  • Author

Продолжаю. Посмотрел вид из IE6 (До этого смотрел через Mozilla).

 

 

Убрал padding Перенёс описание раздела ниже.

Теперь вообще строка с описанием раздела уехала, куда не надо :)

post-24816-1236847890_thumb.jpg

Я же написала, уберите див с float.

Вам не нужно это сейчас.

 

И если спонсора нет, зачем вообще на серьезном форуме устраивать детский сад с дополнительными иконками?

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

А то, что Вы городите сейчас с двойными иконками, уместно только на варезниках и форумах школьников с неразвитым вкусом.

Не портите скин.

Если нужны разные иконки слева от разделов, поставьте мод forum_icons по-человечески.

Будет один ряд (а не два!) иконок, выбрать которые можно в настройках раздела.

 

И вообще, Вам о контенте надо думать и о том, где тематический трафик взять для такого форума, а Вы с картинками играетесь...

  • Author
Я же написала, уберите див с float.

Вам не нужно это сейчас.

 

Удалил. Про тематический контент... Это уже сложнее.

Спасибо.

Кстати, удаление div с float не помогло, ну да ладно.

Fisana а скажите пожалуйста куда именно пункт 2 прописывать=)

В настройки форума на странице админки, где управление форумами.

Только надо потренироваться с корректностью кода.

Я не проверяла на себе.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.