Как сделать шаблон адаптивным?

[CHADREX]

Всем привет. Такая ситуация. Купил один шаблон по дешевке, но он оказался не адаптивным. А на демосайте он адаптивный. Так вот вопрос, можно ли посредством css сделать его адаптивным?

Вот демо сайт: Для просмотра ссылки Войди или Зарегистрируйся

Просто я пробовал тупо заменить css с демки но увы.

 

[Sorcus]

Если у разраба покупал, спросил-бы у него...Или где-то левак взял?

 

[inturned]

Всем привет. Такая ситуация. Купил один шаблон по дешевке, но он оказался не адаптивным. А на демосайте он адаптивный. Так вот вопрос, можно ли посредством css сделать его адаптивным?
Вот демо сайт: Для просмотра ссылки Войди или Зарегистрируйся
Просто я пробовал тупо заменить css с демки но увы.

Конечно, в css файле надо создать @-правила, типа так:

@media (min-width: 767px) and (max-width: 1023px)
   body {
      width: 100%
   {
{

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

Вообщем, тебе нужно искать @media (min-width: ...px) and (max-width: ....px) в файлах css демки и сделать у себя тоже самое, только соответственно со своими классами, а еще в адаптированном может меню в canvas быть с использованием jquery библиотеки.

 

[CHADREX]

Конечно, в css файле надо создать @-правила, типа так:

@media (min-width: 767px) and (max-width: 1023px)
   body {
      width: 100%
   {
{

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

Вообщем, тебе нужно искать @media (min-width: ...px) and (max-width: ....px) в файлах css демки и сделать у себя тоже самое, только соответственно со своими классами, а еще в адаптированном может меню в canvas быть с использованием jquery библиотеки.

Ну ширину я сделал адаптивной, а вот меню с облако баннеров не получается.

 

[inturned]

Ну ширину я сделал адаптивной, а вот меню с облако баннеров не получается.

Для баннеров подойдет что-то типа такого в css:

min-width: ***px;
max-width: ***px;

 

[CHADREX]

Для баннеров подойдет что-то типа такого в css:

min-width: ***px;
max-width: ***px;

Да css идентичен должен быть по идее. Если там конечно php страницы не изменили.

С меню то все понятно, его придется делать.

С баннерами можешь еще сделать min-height maxn-height

Это уже у тебя lдвижок какого-то интернет-магазина, а там вроде все изображение кешируется через админку, надо соответственно либо код править под баннеры, либо через css им задавать размер

ImageCMS это, та если бы владел знаниями по php то сюда бы и не лез. А дуб дубом. Что касается баннеров то я бы забил на них, а поставил какой нибудь слайдер, layer slider например.

 

[inturned]

Да css идентичен должен быть по идее. Если там конечно php страницы не изменили.

Напиши либо разработчику, у которого покупал шаблон.
Или если не покупал у него, а где-то еще, то:
1. Проверь все классы css в демо
2. Когда будешь делать тоже самое у себя в css, то смотри какие классы у тебя, сравнивай их с демо-шаблоном и делай адаптированный css у себя

С меню то все понятно, его придется делать.

С баннерами можешь еще сделать min-height maxn-height

Это уже у тебя движок какого-то интернет-магазина, а там вроде все изображение кешируется через админку, надо соответственно либо код править под баннеры, либо через css им задавать размер

Та не нужны тебе знания PHP, максимум java script, чтобы меню сделать и то можно без js совершенно, чисто на CSS. Если css знаешь то спокойно все сделаешь.
Пришли тогда что ли мне ссылку на сайт, посмотрю че да как.

Дело в том что даже в PHP ты будешь все равно вписывать значения css

Короче, пиши в ЛС или в скайп, ник тот же(остальные контакты в профили), там детально все обсудим, чтобы тут не флудить за зря. А здесь просто выложу потом готовое решение по твоему вопросу и все.

 

[inturned]

Решение!

Спойлер: Решение по общему вопросу, как сделать адаптированный шаблон

@media (min-width: 767px) and (max-width: 1023px)
   body {
      width: 100%
   {
{

Больше здесь: Для просмотра ссылки Войди или Зарегистрируйся

Теперь по конкретному шаблону уважаемого ТС.
С демо сайта Для просмотра ссылки Войди или Зарегистрируйся скачиваем CSS

http://fluid.imagecmsdemo.net/templates/fluid/css/adaptive.css

Теперь в своей папки с шаблоном в файл main.tpl пишем:

<link rel="stylesheet" type="text/css" href="{$THEME}css/adaptive.css" media="all" />

И в папку со стилями CSS: ваш_сайт.ру/templates/fluid/css/ кидаем adaptive.css

Но, в данном случае у ТС не много не правильно отображается, но все остальное можно сделать уже в adaptive.css, своими руками. Все проще, чем писать адаптацию с нуля.

В принципе, решение найдено.

P.S. Еще одно: можно написать разработчику и поинтересоваться у него.

Тему можно закрывать.