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



 

Здравствуйте, гость ( Вход | Регистрация )

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


Участник
***

Группа: User
Сообщений: 196
Регистрация: 10.3.2011
Поблагодарили: 29 раз
Репутация:   3  


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

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


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

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


Бывалый
****

Группа: User
Сообщений: 253
Регистрация: 25.7.2012
Поблагодарили: 100 раз
Репутация:   17  


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

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


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


Новичок
*

Группа: User
Сообщений: 46
Регистрация: 22.7.2013
Из: Kiev
Поблагодарили: 12 раз
Репутация:   1  


вот похожие шаблоны на 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


Участник
***

Группа: User
Сообщений: 131
Регистрация: 25.7.2010
Поблагодарили: 24 раза
Репутация:   4  


McSender, отакэ.

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

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

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


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


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
125 Gerga 40014 Сегодня, 15:34
автор: websitedesign
Открытая тема (нет новых ответов) PSD2HTML верстка и не только
Верстка макетов Photoshop / Avocode / с картинки
8 Smile3D 366 10.12.2017, 17:52
автор: Smile3D
Открытая тема (нет новых ответов) php скрипты любой сложности / диз+верстка (адаптивно)
любые задачи на php - автоматизация, парсинг, работа с БД
1 affrodita 499 8.12.2017, 17:40
автор: affrodita
Открытая тема (нет новых ответов) Адаптация сайтов под мобильные устройства, качественная кроссбраузерная верстка, работа с Wordpress
PSD to HTML, натяжка макетов на Wordpress, адаптивная верстка
28 anton_ber 5189 6.12.2017, 13:39
автор: anton_ber
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПрофессиональная разработка сайтов, верстка, программирование. Работа с любыми движками и фреймворками. Опыт более 5-лет.
Создание Сайтов Любых CMS
299 woodzy 98455 29.11.2017, 16:06
автор: Stom


 



RSS Текстовая версия Сейчас: 14.12.2017, 21:11
Дизайн