X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Ищу адаптивный щаблон, желателньо чистый HTML
sanika
sanika
Topic Starter сообщение 29.10.2014, 15:01; Ответить: sanika
Сообщение #1


Хочу разобраться как это работает, может кто знает где можно найти какой-то шаблон, работающий по принципу отображения на разных расширениях:



Хочу разобраться как он работает, а то с @media все понятно, а как на практике выглядит - не понимаю. Это возможно лишь при верстке дивами или табличная тоже может быть адаптивной?

Сообщение отредактировал sanika - 29.10.2014, 15:03


Поблагодарили: (1)
0000M
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
allvake
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


Поблагодарили: (3)
0000M, fredditton, sanika
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
fredditton
fredditton
сообщение 29.10.2014, 15:27; Ответить: fredditton
Сообщение #3


Искал такой под Wordpress - не нашел. Сделал просто масштабируемый, что на смартах смотрится вообще не кликабельно. Суть в чем - у меня таблицами сделана верстка, а они не адаптируются так как хотелось бы - ищите макет на слоях.


Поблагодарили: (2)
0000M, allvake
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sanika
sanika
Topic Starter сообщение 29.10.2014, 15:34; Ответить: sanika
Сообщение #4


CMS не мешает, но вот с джумлой не дружу. За фреймворк спасибо, поюзаю


Поблагодарили: (1)
allvake
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mmkulikov
mmkulikov
сообщение 29.10.2014, 16:12; Ответить: mmkulikov
Сообщение #5


Цитата(sanika @ 29.10.2014, 13:01) *
Хочу разобраться как он работает, а то с @media все понятно, а как на практике выглядит - не понимаю.

Вот делал когда-то на заказ, можете поизучать http://kmm.esy.es/other_jobs/alameal/
Все манипуляции только через style.css

Сообщение отредактировал mmkulikov - 29.10.2014, 16:14


--------------------
Сдается, обращаться скайп avdesk-it-kmm
VPS от 5€


Поблагодарили: (1)
sanika
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
allvake
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


Поблагодарили: (1)
fredditton
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gerga
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


Поблагодарили: (2)
gardens, sanika
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
iodjin
iodjin
сообщение 31.10.2014, 20:35; Ответить: iodjin
Сообщение #8


Курите Bootstrap

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
SEO услуги


Поблагодарили: (1)
sanika
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Веб-дизайн · Следующая тема »
 
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ищу помощника на контент-рутину (ru, ua, бурж)
 11 SergeyLinkin 2930 3.4.2024, 13:14
автор: 2Index
Открытая тема (нет новых ответов) Ищу подработку Онлайн.
Копипастер, скачивание/загрузка видео, модератор, регистрации
 3 angel737 7089 30.3.2024, 14:45
автор: jack
Открытая тема (нет новых ответов) Ищу копирайтера/рерайтера
 1 CnaM 510 22.3.2024, 12:24
автор: writer80
Открытая тема (нет новых ответов) Ищу вебмастера
 0 Mukis 614 20.3.2024, 14:49
автор: Mukis
Открытая тема (нет новых ответов) Ищу сервисы позволяющие открыть счет в США
 2 Mixatraider 913 15.3.2024, 12:50
автор: spomoni


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 17.4.2024, 1:52

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet