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

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее
Внимание! Объявлены спойлеры о новом проекте "Ролевой информатор" читать часть 1 и часть 2.

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

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



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

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

1

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

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

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

0

2

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

Подпись автора

Рады приветствовать Вас на просторах «Fantom - soul mirror».

+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