как сделать адаптивным сайт

[gleb-khil]

Добрый день, как сделать сайт адаптивным под любые устройства, изначально у него нет такого. Сайт speak.od.ua , могу сам скрипт выложить. Интересует вариант менее трудоемкий, ну и с меньшим изменением кода, так как сам не селен в этом. Работает сайт на фрэймворке kohana

 

[ykpon]

Адаптивным подо что конкретно? Под разные браузеры/разрешения экрана/устройства?
Браузеры - нужно править JS/CSS код.
Разрешения экрана - CSS код.
Устройства - JS/CSS/HTML код. Но тут проще создать отдельный шаблон для моб. устройств, например, на домене m.speak.od.ua с простеньким дизайном.

 

[gleb-khil]

адаптивный я имел в виду для различных мобильных устройств

 

[gleb-khil]

Адаптивным подо что конкретно? Под разные браузеры/разрешения экрана/устройства?
Браузеры - нужно править JS/CSS код.
Разрешения экрана - CSS код.
Устройства - JS/CSS/HTML код. Но тут проще создать отдельный шаблон для моб. устройств, например, на домене m.speak.od.ua с простеньким дизайном.

по поводу шаблона на отдельном поддомене, есть ли какая то быстрая инструкция или что то подобное?

 

[Den1xxx]

Добрый день, как сделать сайт адаптивным под любые устройства, изначально у него нет такого. Сайт speak.od.ua , могу сам скрипт выложить. Интересует вариант менее трудоемкий, ну и с меньшим изменением кода, так как сам не селен в этом. Работает сайт на фрэймворке kohana

Вы вообще не в ту тему залезли. Адаптивность делается на CSS, путем правки шаблона.
PHP тут ни при чём.
Bootstrap 3 как CSS фреймворк облегчает работу над таким шаблоном.
Если шаблон сделать сами не можете, скачайте шаблон на Bootstrap 3
Например, вот обзор шаблонов — Для просмотра ссылки Войди или Зарегистрируйся
А потом встройте его в движок.

 

[slim84]

В самый низ вашего .css файла и сайт уже адаптивный ))

@media (max-width: 960px) {
.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 95%;}
.row-fluid > div {width: 100%;}
.photos.one-photo .photo img {height: auto; width: 100%;}
}

И допиливаете нюансы по желанию.

 

[gleb-khil]

В самый низ вашего .css файла и сайт уже адаптивный ))

@media (max-width: 960px) {
.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 95%;}
.row-fluid > div {width: 100%;}
.photos.one-photo .photo img {height: auto; width: 100%;}
}

И допиливаете нюансы по желанию.

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

 

[slim84]

а как теперь сделать что б некоторые элементы вели себя по другому( на пример при такой адаптации хотелось бы что б определенный элемент стал меньше)

Читайте мануалы по CSS

@media (max-width: 500px) {
здесь CSS правила для элементов, вид которых должен измениться при ширине страницы ниже 500 px
}
@media (max-width: 300px) {
... ниже 300 px
}

И так далее, под любой девайс

 

[Mailerrr]

Проще сменить дизайн, чем переписывать стаый. На Bootstrap много заготовок.

 

[r_219]

Это просто не сделаешь без ошибок. Предлагаю тебе поработать и освоиться в бутстрапе, а там все просто. Главное понять работу Grid - сетки. Каждый див может занимать сколько то блоков от 1 до 12. Например, если хочешь 3 адаптивных елемента для декстопа ставишь их в дивы с атрибутом col lg-4 каждый и тд. Если есть конкретные вопросы - пиши. За тебя это никто не сделает, а помочь вполне могут.

Для начала предлагаю глянуть этот урок: