IPB 3.0 шапка во всю ширину и пользовательское меню.

#1 Йа в шлЁпках

Member

Группа: Пользователи
Сообщений: 40
Регистрация: 06-Июль 09
IPB version:3.0.x

Отправлено 17 Ноябрь 2009 - 19:56

Привет.

Подскажите пожалуйста как мне в стандартном скине сделать логотип во всю ширину? т.е. резиновый и это пользовательское меню вынести в одно выпадающее меню в панели всех ссылок примерно там же где и "Обсуждения" Пользователи" и т.д. (без фото)

Сама шапка у меня 1400х100 но при разрешении 1280х800 шапка выходит за монитор хотелось бы чтобы оно подстраивалось под расширение пользовательского монитора и меню это мешает.
Я извиняюсь если не там пишу и если это обсуждалось киньте линк, не поверите искала и не нашла) нашла для 2.3.х форумов.

Переделала практически весь стандартный скин, застряла на шапке и этом меню.

Заранее спасибо.

Сообщение изменено: Anita (17 Ноябрь 2009 - 19:57)

Наверх of the page up there ^

#2 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 447
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 17 Ноябрь 2009 - 20:35

Вот то, что для 2.3 форумов, повторите для 3.0.
В ipb_styles.css старые классы впишите и постройте резиновую шапку в Global Templates > Global Template
выше тега

<div id='primary_nav'>

А потом редактируйте класс branding.
Его, кстати, можно оставить вместе с навигацией юзера, а вместо прежнего логотипа засунуть, например, контекстную рекламу. Это удобно, так как засовывать придется не в главный шаблон, а в макрос фактически

Вот так примерно будет смотреться – http://www.fisana.ru/img/34.png
Фото можно убрать. Или вместо логотипа вставить форму поиска. А на ее место добавить ссылки на правила и новые сообщения.
В меню переносить панель управления не советую, так как там не слишком просторно.

Наверх of the page up there ^

#3 Йа в шлЁпках

Member

Группа: Пользователи
Сообщений: 40
Регистрация: 06-Июль 09
IPB version:3.0.x

Отправлено 17 Ноябрь 2009 - 20:51

Спасибо огромное Фисана, но до меня все как до жирафа)) Всё методом тыка))) так и переделываю, Вы не могли бы показать на примере урока для 2.3.х? ваша идея меня заинтересовала)

В трешке я конечно нормально разбираюсь но пока вот эти тонкости мне не понять самой.
Помогите плизз.. Не одна я интересуюсь этим.. За Вашу помощь у меня будет предложение, но это в личку, опишите подробно?

Сообщение изменено: Anita (17 Ноябрь 2009 - 20:52)

Наверх of the page up there ^

#4 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 447
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 17 Ноябрь 2009 - 21:15

Ну там все просто.
Добавляем в css тройки #logostrip от двойки с его свойствами.
А в шаблоне над меню primary_nav прописываем

<div id="logostrip"><a href='{parse url="" seotitle="false" base="public"}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{$this->settings['img_url']}/logo.jpg' style='vertical-align:top' alt='IPB' border='0' width='100%' /></a></div>

Наверх of the page up there ^

#5 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 447
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 17 Ноябрь 2009 - 21:25

Свойства в логострипе должны для масштабирования быть прописаны, то есть, ширина auto.
Потом убирайте/меняйте фон из branding и правите, если надо, свойства #user_navigation в css.
А контекстную рекламу можно прописать в defaultHeader вместо кода, который там есть для логотипа по умолчанию.

Наверх of the page up there ^

#6 Йа в шлЁпках

Member

Группа: Пользователи
Сообщений: 40
Регистрация: 06-Июль 09
IPB version:3.0.x

Отправлено 17 Ноябрь 2009 - 21:35

Супер))) Ура! Два дня ковыряла все ксс а тут все так просто.

Сейчас в личку отпишусь)

Наверх of the page up there ^

#7 Fisana

На PM не отвечаю

Группа: IPB Skins Team
Сообщений: 12 447
Регистрация: 21-Ноябрь 05
Откуда:Из интернетов
IPB version:3.1.x

Отправлено 02 Февраль 2010 - 14:25

Простое решение
1. Залить на сервер свой длинный логотип вместо logo.png
2. Открыть глобальные шаблоны > defaultHeader
Заменить код этим

<a href='{parse url="" seotitle="false" base="public"}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' width='100%' height='auto' /></a>

Наверх of the page up there ^

#8 GluK

Member

Группа: Пользователи
Сообщений: 98
Регистрация: 19-Январь 06
IPB version:3.1.x

Отправлено 20 Сентябрь 2010 - 16:03

Fisana 02 Февраль 2010 - 14:25 сказал(а):

<a href='{parse url="" seotitle="false" base="public"}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' width='100%' height='auto' /></a>

Сделал все как описала Fisana, в Firefox все ок, но в IE логотипа совсем не видно, в чем может быть проблема? вот пример http://www.olhovatka.com/forum/

Наверх of the page up there ^

#9 Ph-A

Advanced

Группа: IPB Skins Team
Сообщений: 4 968
Регистрация: 18-Сентябрь 06
Откуда:Moscow
IPB version:3.1.x

Отправлено 20 Сентябрь 2010 - 16:27

GluK 20 Сентябрь 2010 - 16:03 сказал(а):

Сделал все как описала Fisana, в Firefox все ок, но в IE логотипа совсем не видно, в чем может быть проблема?

Замените в

width='100%' height='auto'

Скобки на правильные.

Ошибка видна -- http://validator.w3.org/

Наверх of the page up there ^

#10 GluK

Member

Группа: Пользователи
Сообщений: 98
Регистрация: 19-Январь 06
IPB version:3.1.x

Отправлено 20 Сентябрь 2010 - 17:11

Заменил, теперь в IE проходить маленькая полоска по всему горизонту, в Firefox все ок!!!

Наверх of the page up there ^

#11 Ph-A

Advanced

Группа: IPB Skins Team
Сообщений: 4 968
Регистрация: 18-Сентябрь 06
Откуда:Moscow
IPB version:3.1.x

Отправлено 20 Сентябрь 2010 - 19:16

GluK 20 Сентябрь 2010 - 17:11 сказал(а):

Заменил, теперь в IE проходить маленькая полоска по всему горизонту, в Firefox все ок!!!

IE очень капризен к коду. В вашем случае ему не нравится внедренный CSS.
В настройках скина поставьте
Кешировать CSS стили в файл? - да.
Может помочь.