Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

Link to post
Share on other sites

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

Link to post
Share on other sites

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

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

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

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

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 и "знак минуса" одновременно, а потом "знаком плюс" увеличиваем) эффект кода станет понятным)))

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.