Помощник
|
Ищу адаптивный щаблон, желателньо чистый HTML |
sanika
|
Сообщение
#1
|
||
|
|
||
|
|||
allvake |
29.10.2014, 15:22;
Ответить: allvake
Сообщение
#2
|
|
Берите любые клубные шаблоны, если cms не мешает, и разбирайте smartaddons.com/joomla/templates/template-showcase или joomlart.com/joomla/templates
а лучше возьмите шаблон, адаптирован под все устройства http://t3-framework.ru/ Сообщение отредактировал allvake - 29.10.2014, 15:22 |
|
|
fredditton |
29.10.2014, 15:27;
Ответить: fredditton
Сообщение
#3
|
|
Искал такой под Wordpress - не нашел. Сделал просто масштабируемый, что на смартах смотрится вообще не кликабельно. Суть в чем - у меня таблицами сделана верстка, а они не адаптируются так как хотелось бы - ищите макет на слоях.
|
|
|
sanika
|
Сообщение
#4
|
|
CMS не мешает, но вот с джумлой не дружу. За фреймворк спасибо, поюзаю
|
|
|
mmkulikov |
29.10.2014, 16:12;
Ответить: mmkulikov
Сообщение
#5
|
|
Хочу разобраться как он работает, а то с @media все понятно, а как на практике выглядит - не понимаю. Вот делал когда-то на заказ, можете поизучать http://kmm.esy.es/other_jobs/alameal/ Все манипуляции только через style.css Сообщение отредактировал mmkulikov - 29.10.2014, 16:14 -------------------- VPS от 5€ |
|
|
allvake |
29.10.2014, 18:09;
Ответить: allvake
Сообщение
#6
|
|
fredditton,
Цитата Искал такой под Wordpress - не нашел. не могу оценить полностью возможности для wp Wordpress Gantry Framework http://gantry-framework.org/ , но версия для джумлы этот фреймворк вещь отличная и еще cherryframework.com
Сообщение отредактировал allvake - 29.10.2014, 18:10 |
|
|
Gerga |
31.10.2014, 20:11;
Ответить: Gerga
Сообщение
#7
|
|
Вот пример: https://yadi.sk/d/QiVPNT_xcQxcP (html и css). Вот рабочий сайт: http://instasurf.ru/
Цитата Это возможно лишь при верстке дивами или табличная тоже может быть адаптивной? Все возможно, но не желательно. html: Развернуть/Свернуть
Код <!DOCTYPE html>
<html class="no-js" lang="ru-RU"> <head> <meta charset="UTF-8" /> <title>Название сайта</title> <link rel="stylesheet" href="./style.css" type="text/css" media="screen" /> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body class="width_site"> <header id="header"> <div class="info_1 left">Меню 1</div> <div class="info_2 right">Меню 2</div> </header> <section id="content" class="inline_blck">Контент</section> <aside id="sidebar" class="inline_blck">Сайдбар</aside> <footer id="footer">Подвал</footer> </body> </html> CSS: Развернуть/Свернуть
Код * {margin: 0; padding: 0}
body {color: #fff} .width_site { width: 1000px; margin: 0 auto; padding: 0 20px; } #header { height: 200px; background: red; } #header > * { width: 400px; height: 60px; background: green; } #content { width: 70%; background: #000; } #sidebar { width: 30%; background: blue; margin-left: -4px; } .inline_blck { display: inline-block; vertical-align: top; height: 600px; } .left {float: left} .right {float: right} #footer { background: orange; } /*Адаптивность*/ @media screen and (max-width:1050px){ .width_site { width: 90%; } } @media screen and (max-width:910px){ #header > *{ float: none; margin-top: 10px; } #header > .info_2 {width: 100%} } @media screen and (max-width:750px){ #sidebar, #content { width: 100%; margin: 0; } } Сообщение отредактировал Gerga - 31.10.2014, 20:24 |
|
|
iodjin |
31.10.2014, 20:35;
Ответить: iodjin
Сообщение
#8
|
|
|
Курите Bootstrap
-------------------- |
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Ищу помощника на контент-рутину (ru, ua, бурж) | 11 | SergeyLinkin | 2931 | 3.4.2024, 13:14 автор: 2Index |
|
Ищу подработку Онлайн. Копипастер, скачивание/загрузка видео, модератор, регистрации |
3 | angel737 | 7092 | 30.3.2024, 14:45 автор: jack |
|
Ищу копирайтера/рерайтера | 1 | CnaM | 513 | 22.3.2024, 12:24 автор: writer80 |
|
Ищу вебмастера | 0 | Mukis | 622 | 20.3.2024, 14:49 автор: Mukis |
|
Ищу сервисы позволяющие открыть счет в США | 2 | Mixatraider | 916 | 15.3.2024, 12:50 автор: spomoni |
Текстовая версия | Сейчас: 18.4.2024, 15:40 |