Jump to content
Sign in to follow this  
zuk10

РЕЗИНОВЫЙ шаблон. как сделать

Recommended Posts

нашел эластичный сайт сделанный на этом движке  touchetta.com.  Если браузер уменьшать , то сайт сдвигается и подстраивается под окно браузера. А в стандартном шаблоне такого нет. Он фиксированный.  Как и где это можно сделать? Или это зависит от самого шаблона?

Share this post


Link to post
Share on other sites

это я видел . не то. проверял .  он все равно фиксируется. а  тот про который говорил, он сужается до самого минимума. и никакой полосы прокрутки

Share this post


Link to post
Share on other sites

Погуглите шаблон SellYa

А вообще, начиная с ОС 2.0 резина вроде как будет родной

Демка нового шаблона была здесь http://oc2.opencartdemo.com/

 но там сейчас сломалось что-то

Share this post


Link to post
Share on other sites

резинку не так сложно сделать самому, указывая в стилях все размеры, в основном по ширине не в пикселях (px) , а в процентном соотношении, к картинкам применить так же необходимый стиль, чтоб растягивались...
1. для начала сразу определить для   container  размеры резинки...от и до...( тем самым мы определим минимальную ширину отображения и максимальную, далее которой уже будет виден край сайта и его подложка body )

min-width: 960px;
max-width: 1024px;

либо только максимальный размер, сам стиль max-width уже даст понять браузеру что ширина не фиксирована и тянуть сайт нужно до этого размера

2. например такой код резиновой шапки в виде картинки (гуглите, разбирайтесь что для чего))) долго писать об элементарных вещах) (единственное на что хочу обратить ваше внимание это на три указанные строчки): 

#header {
height: 330px;
background: url('../image/картинка.png');
background-position: 0 0; <------
background-repeat: no-repeat;  <--------
background-size: 100% 100%;  <-------
margin: 0 auto;
width: 100%;
}

в действии этого кода можете убедиться тут http://kurilka.elitno.net/ (изображение квартиры в шапке сайта) 
сайт в разработке на уровне верстки из PSD, поэтому некоторые элементы естественно еще не доработаны...просто показываю что и как можно сделать, дабы не прослыть пустозвоном))) поэтому смотрим на картинку квартиры и меняем масштаб (нажатием ctrl и "знак минуса" одновременно, а потом "знаком плюс" увеличиваем) эффект кода станет понятным)))

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.