Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Опубликовано:

Вопрос №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

Изменено пользователем soneks

Рекомендованные сообщения

Опубликовано:

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>

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

 

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

Изменено пользователем Fisana
Добавила в нижний код padding

Опубликовано:
  • Автор

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

post-24816-1236783387_thumb.jpg

Куда?

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

post-24816-1236783763_thumb.jpg

Изменено пользователем soneks

Опубликовано:

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

 

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

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

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

 

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

Опубликовано:
  • Автор
В сss наверное правка достаточна.

 

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

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

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

 

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

 

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

Изменено пользователем soneks

Опубликовано:

Бывает :)

 

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

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

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

Опубликовано:
  • Автор

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

 

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

post-24816-1236804666_thumb.jpg

 

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

 

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

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

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

Изменено пользователем soneks

Опубликовано:

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

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

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

 

 

 

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

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

 

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

Опубликовано:
  • Автор
Уберите там паддинг тогда совсем.

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

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

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

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

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

 

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

post-24816-1236805980_thumb.jpg

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

post-24816-1236806351_thumb.jpg

 

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

 

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

Изменено пользователем soneks

Опубликовано:

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

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

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

Опубликовано:
  • Автор
Если это не баннер, а картинка, тогда конструкция с div не нужна.

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

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

 

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

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

Опубликовано:
  • Автор

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

 

 

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

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

post-24816-1236847890_thumb.jpg

Опубликовано:

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

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

 

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

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

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

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

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

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

 

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

Опубликовано:
  • Автор
Я же написала, уберите див с float.

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

 

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

Спасибо.

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

Опубликовано:

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

Опубликовано:

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

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

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

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

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.