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

[Йа в шлЁпках 0]

Привет.

 

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

 

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

Я извиняюсь если не там пишу и если это обсуждалось киньте линк, не поверите искала и не нашла) нашла для 2.3.х форумов.

 

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

 

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

Изменено 17 ноября 2009 пользователем Anita

[Fisana 700]

Вот то, что для 2.3 форумов, повторите для 3.0.

В ipb_styles.css старые классы впишите и постройте резиновую шапку в Global Templates > Global Template

выше тега

<div id='primary_nav'>

А потом редактируйте класс branding.

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

Вот так примерно будет смотреться – http://www.fisana.ru/img/34.png

Фото можно убрать. Или вместо логотипа вставить форму поиска. А на ее место добавить ссылки на правила и новые сообщения.

В меню переносить панель управления не советую, так как там не слишком просторно.

[Йа в шлЁпках 0]

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

 

В трешке я конечно нормально разбираюсь но пока вот эти тонкости мне не понять самой.

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

Изменено 17 ноября 2009 пользователем Anita

[Fisana 700]

Ну там все просто.

Добавляем в 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>

[Fisana 700]

Свойства в логострипе должны для масштабирования быть прописаны, то есть, ширина auto.

Потом убирайте/меняйте фон из branding и правите, если надо, свойства #user_navigation в css.

А контекстную рекламу можно прописать в defaultHeader вместо кода, который там есть для логотипа по умолчанию.

[Йа в шлЁпках 0]

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

 

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

[Fisana 700]

Простое решение

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>

[GluK 2]

Простое решение

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>

 

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

[Ph-A 395]

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

 

Замените в

width='100%' height='auto'

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

 

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

[GluK 2]

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

[Ph-A 395]

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

IE очень капризен к коду. В вашем случае ему не нравится внедренный CSS.

В настройках скина поставьте

Кешировать CSS стили в файл? - да.

Может помочь.

[GluK 2]

нет, не помогло, ничего не изменилось.

как лучше оставить эту опцию включенной или выключить? Кешировать CSS стили в файл?

Изменено 20 сентября 2010 пользователем GluK

[Ph-A 395]

нет, не помогло, ничего не изменилось.

Зато кода стало меньше. Искать проще.

 

как лучше оставить эту опцию включенной или выключить? Кешировать CSS стили в файл?

Да. Лучше кешировать

 

нет, не помогло, ничего не изменилось.

А вы в том скине поменяли? Нечего не поменялось.

[GluK 2]

в том, я просто обратно вернул, сейчас опять оставил кешировать

[GluK 2]

Товарищи,подскажите пожалуйста ... очень надо решить эту проблему