ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Техническая поддержка » Широкая шапка и полоса прокрутки


Широкая шапка и полоса прокрутки

Сообщений 1 страница 9 из 9

1

Доброго времени.

Хотелось бы сделать широкую шапку, которая бы подстраивалась под разные разрешения экрана.
Под "подстраивалась" я подразумеваю отображение только той части лого, которая вписывается в данное разрешение, и отсутствие при этом горизонтальной прокрутки. Поясню на всякий случай: оригинальная ширина шапки 1980рх, на мониторе с разрешением 1680х1050 отображаться будет только 1680рх, на 1280px - 1280 соответственно и так далее.
Как это можно сделать? Предложенный здесь вариант "шапка, переходящая в фон" не подходит,  так как для основного фона так же планируется использовать изображение, а не цвет.

Ссылка на тестовик.

0

2

Орфея
вам нужна резиновая верстка

+1

3

Rush
Можно поподробнее?

0

4

Да, чтобы не терять время - интересуют именно изменения в коде.

0

5

Rush
не думаю, что тут поможет резиновая вёрстка. Про шапку же разговор.

Орфея
Не совсем понял что вы хотите.
Шапка, которая сама масштабируется по размерам экрана, становясь меньше/больше?
Шапка, которая растягивается посредством добавления доп. фона на задник?
Или как?

Если можно - пример.

0

6

Пернатый написал(а):

не думаю, что тут поможет резиновая вёрстка. Про шапку же разговор.

По идее, на html есть один условно подходящий способ резиновой вёрстки, но там исходное изображение режется на три части и уже они настраиваются. Не совсем то.

Пернатый
Если бы был пример, особенно на движке майбба - было бы намного проще. Но, увы...

Нечто среднее. Масштабироваться под разрешение должна только ширина шапки, при неизменной высоте.
Попробую объяснить так. Исходное изображение - 1980px. В зависимости от разрешения должны обрезаться края, к примеру, 1280px.

0

7

Орфея
Картинка режется на две части - узкая вертикальная полоска "рамки", которая расходится в разные стороны.
И сама картинка. Можно ещё вырезать картинку-подложку для табличечки, чтобы её можно было таскать в разные стороны, но это можно и не делать - не так уж важно.

Если я правильно разбираюсь, то получается два куска.

ХТМЛ-вверх

<div id="shapka_background">
<div id="shapka_kartinka">
</div>
</div>

ЦСС.цвета

#shapka_background {
background: url("ссылка на картинку-подложку, которая растягивается по горизонтали") repeat-x top center;
background-color: #000000;
}

#shapka_kartinka {
background-color:#000000;
background:url("ссылка на основную картинку") center no-repeat;
height:высотаpx;
width:100%;
}

Тогда получается, что у нас вертикальная полоска повторяется по горизонтали, заполняя фон, а сверху накладывается изображение непосредственно с шапкой.

Хм.
У меня ссылка в профиле - там такой же принцип задействован с двумя дивами. Походу дела, оно вам нужно.

+1

8

Пернатый
Спасибо, будем пробовать.

0

9

Орфея
В принципе, поставь вы только шапку шириной 1920 пикселей, то не должно появляться прокрутки, но тогда за пределами ширины шапки она просто оборвётся, как любая другая картинка.

0


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Техническая поддержка » Широкая шапка и полоса прокрутки