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

Объявление

🔴 Разговорный стрим "DEVочки ролят: коллаб с Сакраменто"

Дата и время: начало 15 июня в 17:00 по МСК;
Вы когда-нибудь задумывались, что делает проект успешным и долгоживущим?
Эта беседа раскроет секреты одного из самых активно-долгоживущих проектов в мире FRPG: Sacramento 🔥

Подробности

☀️ Самый яркий форум: летний конкурс дизайнов

Приглашаем принять участие как действующих форумов так и "тестовиков", если
дизайны передают летний вайб, атмосферу веселья, жары, солнца и\или просто имеют яркие цвета.

Поучаствовать

🔥 Новинка в портфолио: ВКЛАДКИ В ПОСТАХ

Стоимость: БЕСПЛАТНО | Автор: Emerael
Cкрипт вкладок в постах на бб-тегах для форумов MyBB.ru

Взять код

💰 Мгновенные уведомления от Alex_63 для MyBB.ru

Этот скрипт оповещает пользователей о событиях на форуме в реальном времени.
Скрипт поддерживается уже более 5 лет и имеет много бесплатных дополнений, которые описаны в нашей документации.
Мы принимаем все способы оплаты из любых стран, в том числе Paypal.

Подробности

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

📣 Общение и комьюнити

Кроме кодов и техподдержки, у нас можно ещё поболтать и хорошо провести время:
проф. общение для программистов и дизайнеров
кружок самопрокачки HTML, JS & CSS
обмен опытом для админов текстовых RPG
встречи в реальности
онлайн-встречи поиграть в настолки

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

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

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
SuggestionsReviews

Details
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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



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

Сообщений 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