Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Йа в шлЁпках

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

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

11/17/09 16:57 (изменено)

Привет.

 

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

 

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

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

 

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

 

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

выше тега

<div id='primary_nav'>

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
11/17/09 17:52 (изменено)

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

 

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

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>

Поделиться сообщением


Ссылка на сообщение

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

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/

Поделиться сообщением


Ссылка на сообщение

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

 

Замените в

width='100%' height='auto'

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

 

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
09/20/10 17:40 (изменено)

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

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

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

Поделиться сообщением


Ссылка на сообщение

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

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

 

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Поделиться сообщением


Ссылка на сообщение

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

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

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

×
×
  • Создать...