Текущее время: 29 мар 2024, 09:23


Форум временно переведен в режим "Только для чтения". По вопросам технической поддержки, обращайтесь, пожалуйста на admin@getbb.ru

 

Часовой пояс: UTC + 3 часа [ Летнее время ]




Начать новую тему Ответить на тему  [ Сообщений: 8 ] 
Автор Сообщение
 Заголовок сообщения: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 29 янв 2014, 00:32 
Аватара пользователя

Зарегистрирован: 21 фев 2010, 22:26
Сообщений: 7
Откуда: Киров
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
Сразу извиняюсь за "баян", но точной информации не нашел как именно сделать такую шапку как здесь: http://trindelka.in.ua/
Она растягивается при масштабировании, края остаются в рамках, а само изображение остается в центре и уменьшается/увеличивается. Привязка к времени суток не нужна.
У меня проблема в том, что не могу адаптировать размеры шапки так, чтобы она нормально стояла от края до края при любом разрешении экрана.
Форум: http://audiclub43.ru
Заранее благодарю за советы.


Последний раз редактировалось vanvanbl4 29 янв 2014, 00:44, всего редактировалось 1 раз.

Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 29 янв 2014, 00:44 
Универсальный Гений
Аватара пользователя

Зарегистрирован: 05 фев 2012, 01:48
Сообщений: 1183
Очков репутации: 104

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
vanvanbl4
сделайте фон за ней width: 100%; height: auto; аналогичный с фоном картинки

_________________
Коды для PC GTA San Andreas Definitive Edition


Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 29 янв 2014, 00:45 
Аватара пользователя

Зарегистрирован: 21 фев 2010, 22:26
Сообщений: 7
Откуда: Киров
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
Merlin писал(а):
vanvanbl4
сделайте фон за ней width: 100%; height: auto; аналогичный с фоном картинки

Сейчас попробую, спасибо.

Добавлено спустя 9 минут 41 секунду

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


Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 01 фев 2014, 22:45 
Гуру
Аватара пользователя

Зарегистрирован: 23 мар 2009, 19:16
Сообщений: 356
Откуда: Киев
Очков репутации: 51

Добавить очки репутацииУменьшить очки репутации
Пол: Женский
vanvanbl4

Вам Мерлин правильно ответил. Сама картинка фиксированного размера, никакого скрипта и в помине нет. А вот бекграунд под картинкой ( в данном случае небо и низ) как раз представлен маленькой узкой полоской, фиксированной высоты, которая при увеличении разрешения просто повторяется сколько нужно раз до краев.
Код:
background: url('http://.......') repeat-x; height:200px; width:100%;
background-repeat: repeat-x;

_________________
Изображение


Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 03 фев 2014, 21:53 
Аватара пользователя

Зарегистрирован: 21 фев 2010, 22:26
Сообщений: 7
Откуда: Киров
Очков репутации: 0

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
Спасибо всем, так и есть, разобрался :good:

Добавлено спустя 1 час 23 минуты 13 секунд

Единственное что осталось неясным: как сделать, чтобы элементы изображения (PNG), могли перемещаться при изменении масштаба, а так же находились всегда по краям.
Разделить изображение на три отдельных и прописать расположение?
Может кто то поделиться строчкой из темы и overall?


Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 03 мар 2014, 23:13 
Аватара пользователя

Зарегистрирован: 03 мар 2014, 23:11
Сообщений: 2
Откуда: АР Крым
Очков репутации: 1

Добавить очки репутацииУменьшить очки репутации
Пол: Женский
Прошу прощения, что вмешиваюсь, а где это нужно указать?


Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 04 мар 2014, 20:26 
Универсальный Гений
Аватара пользователя

Зарегистрирован: 05 фев 2012, 01:48
Сообщений: 1183
Очков репутации: 104

Добавить очки репутацииУменьшить очки репутации
Пол: Мужской
Люля писал(а):
Прошу прощения, что вмешиваюсь, а где это нужно указать?

что ?

_________________
Коды для PC GTA San Andreas Definitive Edition


Не в сети
 Профиль WWW Cпасибо сказано  
 
 Заголовок сообщения: Re: Растягивание шапки при изменении масштаба.
СообщениеДобавлено: 08 мар 2014, 04:13 
Продвинутый
Аватара пользователя

Зарегистрирован: 08 мар 2014, 03:56
Сообщений: 94
Очков репутации: 5

Добавить очки репутацииУменьшить очки репутации
Делается подобное просто. Для стилей на основе prosilver в overall_header.html находите
Код:
                    <a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
                    <h1>{SITENAME}</h1>
                    <p>{SITE_DESCRIPTION}</p>
                    <p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>

и меняете на
Код:
           <div id="logodesc">
              <table width="100%" cellspacing="0">
              <tr>
                 <td><a href="{U_INDEX}"><img src="http://ссылка на вашу картинку" alt="{SITENAME}" width="100%"/></a></td>
              </tr>
              </table>
           </div>

Плюс в тему стиля надо добавить
Код:
#logodesc {
      margin-bottom: 5px;
      padding: 5px 10px;
}

Если шапка будет как-бы шире или уже основного форума, то поиграйтесь со значениями 5px и 10px до подходящего вам вида.
Ну и для subsilver в overall_header.html находите
Код:
           <div id="logodesc">
              <table width="100%" cellspacing="0">
              <tr>
                 <td><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
                 <td width="100%" align="center"><h1>{SITENAME}</h1><span class="gen">{SITE_DESCRIPTION}</span></td>
              </tr>
              </table>
           </div>

и меняете на
Код:
           <div id="logodesc">
              <table width="100%" cellspacing="0">
              <tr>
                 <td><a href="{U_INDEX}"><img src="http://ссылка на вашу картинку" alt="{SITENAME}" width="100%"/></a></td>
              </tr>
              </table>
           </div>

В тему стиля добавлять ничего не надо.
Иногда искомый код может чуть отличаться, то это не страшно.


Не в сети
 Профиль Cпасибо сказано  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 8 ] 

 

Часовой пояс: UTC + 3 часа [ Летнее время ]



 Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  

 
cron