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



 

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

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

Открыть тему
Тема закрыта
> Верстка в стиле HopesAndFears, Как реализовать?
McSender
McSender
Topic Starter сообщение 9.11.2013, 11:20; Ответить: McSender
Сообщение #1


Друзъя, очень нравится верстка как тут: http://www.hopesandfears.com/ или http://pr.premiumresponsive.com/

Подскажите, каким образом это реализовано? Только CSS блоков или AJAX тут рулит ? Может есть толковый мануал по этой теме ?


--------------------
Раздаём подарки всем за покупку 1С-Битрикс!

Вы посредник? Тогда подарки Ваши !
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
brome
brome
сообщение 9.11.2013, 12:09; Ответить: brome
Сообщение #2


McSender, если вы про расположение блоков, то в обоих примерах для каждого блока положение задаётся абсолютным позиционированием (css), но вряд ли это вручную делается, возможно, используется скрипт, вычисляющий высоту блоков и соответственно их положение, или как вариант - SASS.

Хотя я бы просто разделил контент на две колонки и выводил посты в каждой по отдельности, распределяя их на уровне php. Может я и не прав, но для меня это намного легче, чем вычислять положение каждого блока по отдельности.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shkolnyk
shkolnyk
сообщение 9.11.2013, 13:13; Ответить: shkolnyk
Сообщение #3


вот похожие шаблоны на WP (можете их разобрать и посмотреть как это реализовано)
morestyle.ru/themeforest/blogphix-russkij-shablon-wordpress.html
gaaks.com/2012/09/06/cms/wordpress/wordpress-themes/pinterest-v1-1-3-premium-wordpress-theme.html

Сообщение отредактировал shkolnyk - 9.11.2013, 13:15


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lifeout
lifeout
сообщение 9.11.2013, 23:57; Ответить: lifeout
Сообщение #4


McSender, отакэ.

На самом деле и самому ручками сделать не сложно, и даже несколько путей есть -

* columns из CSS3 (это если не нужно старые браузеры поддерживать)
* js-скриптик, абсолютно позиционирующий (сложный только если есть блоки шириной больше ширины дефолтной)
* обыкновенные флоаты, если блоки приблизительно одинаковой высоты
* ну и да, во вьюхах приложения можно растыкать по колонкам - но тут очень сложно с резиновостью.

Что касается скрипта, когда-то писал свое, а потом нашел сайт ДеСандро с его решением. Потыкал-потыкал его, потом вернулся опять к своему - уж очень у Дэвида тяжелый плагин, широкомасштабный, прям из пушки по воробьям.

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


--------------------
<aside>Верстаю</aside>


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
27 zaiko 17546 2.4.2024, 14:00
автор: zaiko
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 92091 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1419 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1528 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16527 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 19.4.2024, 3:58
Дизайн