Ответить Новая тема Новый опрос 
Всего: 3 < 1 2 3 >
 Резиновые шаблоны
e_v_medvedev
Профессионал
Сообщений: 806
Откуда: Москва
Регистрация: 25-03-2011


12-10-2012 03:37
Если хотите посмотреть образец качественной резиновой верстки поставьте Opencart. В основном движок отстой, но верстальщики у разработчиков грамотные в отличите от Престовских.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ors
Профессионал
Сообщений: 1885
Регистрация: 09-11-2009


12-10-2012 11:51
Не заметил там резиновой верстки http://demo15.myopencart.ru/index.html?route=prod......ategory&path=18

Для престы есть например такая адаптивная тема http://demo.devilthemes.com/vipdress/category.ph......p?id_category=3
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
m0tti
Новичок
Сообщений: 77
Регистрация: 23-09-2009


12-10-2012 16:05
посмотрел для престы, там полу резиновый сделан весь на процентах и к тому же везде есть
max-width: 1140px;
min-width: 755px;

сильного выиграша незаметил, я хотел сделать без макс ширины, но со стандартным блоком меню, а вот товары в зависимости от разрешения размещялись в 2,3, 4 колонки.


Сообщение отредактировано m0tti 12-10-2012 17:06 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
e_v_medvedev
Профессионал
Сообщений: 806
Откуда: Москва
Регистрация: 25-03-2011


12-10-2012 19:58
Цитата:( ors @ 12-10-2012 07:51 Смотреть сообщение )
Не заметил там резиновой верстки http://demo15.myopencart.ru/index.html?route=prod......ategory&path=18
Да по приведенной вами ссылке не много можно увидеть (там одна заставка, не имеющая к ОС ни какого отношения)
Да еще бы понять тогда в чем разница между адаптивной и резиновой.


Сообщение отредактировано e_v_medvedev 12-10-2012 15:59 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
e_v_medvedev
Профессионал
Сообщений: 806
Откуда: Москва
Регистрация: 25-03-2011


12-10-2012 20:29
Если нужны примеры ошибок верстки в prestashop то достаточно зайти сюда http://demo-store.prestashop.com/en/ посмотреть код модуля рекомендуемых товаров и увидеть там например такое <ul style="height:500px;"> ...</ul>. В шаблоне забит расчет высоты! Почему? Потому что если этого не делать то рассчитываемая высота этого тэга будет равно 0 и в ряде случаев возникает наползание одних элементов верстки на другие. Если бы для тэгов ли использовался не float:left а display:inline-block. Такого бы не было. Такая же ерунда во многих модулях-слайдерах, только уже с шириной списка и размерами li тэгов. Почему? Потому что нужно чтобы UL имел достаточную длину чтобы вместить все li в одну строку иначе не помещающиеся будут переносится в несколько строк и слайдер не будет работать. И вся только потому что разработчик шаблона модуля не знает, что можно обойтись без этого использованием white-space:nowrap.
Тот же шаблон опенкарт сделан в расчете на настройки лэйаутов. Там если в одной из колонок нет модулей то она автоматом не отображается, а центральная панель имеет другой размер. Все это достигается применением селекторов смежных тэгов, который в базовом шаблоне Престы найти практически не возможно.
Я уж не говорю, что существует масса средств типа display:table, display:table-row, display:table-cell которые позволяют выстроить наборы DIV как заблагорассудится.
Основываясь на это неполном перечне косяков я и утверждаю, что верстальщики у престовцев слабые. Такие же слабые как у опенкартовцев PHP программисты, потому что ядро там отстойное.
Ну и на конец, о какой резиновой или адаптивной верстке может идти речь, когда размеры не просто фиксируются, а еще и рассчитываются в шаблоне исходя из предопределенного разработчиком положения элементов.


Сообщение отредактировано e_v_medvedev 12-10-2012 16:38 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
e_v_medvedev
Профессионал
Сообщений: 806
Откуда: Москва
Регистрация: 25-03-2011


12-10-2012 20:46
Кстати 100% бесплатных и 99,99% платных шаблонов на всяких теплейтмонстрах содержат в себе эти косяки. Можете сами проверить.


Сообщение отредактировано e_v_medvedev 12-10-2012 16:46 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
iDem
Новичок
Сообщений: 3
Регистрация: 26-06-2012


16-10-2012 13:22
А мне вот верстальщик этого форума не нравятся, куча косяков, при вводе пароля в шапке он не закрывается звездочками, после успешного входа на форум поля ввода логина и пароля так и остаются на том же месте не пропадая, хз где тут личный кабинет вообще, если хочешь ответить на сообщение в низу нету формы для его написания, нужно нажать на кнопку цитировать чтобы написать что ни будь и это только те касяки которые заметил за пару минут…

На счет команды престашопа, я думаю они по большей своей части программисты, а не верстальщики/дизайнеры, по этому и фиксят багги скриптами.

Про white-space:nowrap, display:table, display:table-row, display:table-cell….спасибо посмеялся!

Проблема с высотой <ul> решается очень просто, свойством overflow:hidden в css, при этом значении <ul> блок нормально растягивается и принимает общую высоту всего что в нутри.

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

Скажу про резиновую верстку, нахрена?? Где то слышали и думаете что это круто?

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

Конечно если нужно сделать не проблема. Для примера можно посмотреть как реализовано на http://market.yandex.ru/search?hid=7812156 , правда таблично-дивная верстка это жесть.


Сообщение отредактировано iDem 16-10-2012 14:24 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
YellowDuck


Профессионал
Сообщений: 1054
Откуда: Ярославль
Регистрация: 29-09-2009


22-10-2012 17:24
Что за мониторы 4:9?
 



Интернет-магазин товаров для детей yellowduck.ru
Хороший хостинг для Prestashop и не только one-hosting.ru
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
e_v_medvedev
Профессионал
Сообщений: 806
Откуда: Москва
Регистрация: 25-03-2011


22-10-2012 18:14
Цитата:( YellowDuck @ 22-10-2012 13:24 Смотреть сообщение )
Что за мониторы 4:9?

Это ему померещилось :-). Что в общем не удивительно, судя по всему содержанию поста.


Сообщение отредактировано e_v_medvedev 22-10-2012 14:17 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Michel II
Профессионал
Сообщений: 473
Регистрация: 08-06-2012


09-11-2012 17:13
внесу свои пять копеек.
как и многие из адептов сайтостроения (сам не верстальщик и не программист .но все работы по сайту веду самостоятельно) - нахожусь в лагере приверженцев фиксированных шаблонов.
Причина проста.
Имею действующий инет магазин (не на престашоп, но думаю это не важно) с резиновым дизайном.
Ох и как же я был удивлен , когда увидел его на мониторах с разрешением HD и близких к нему.....
Все настолько изменилось.... и не в лучшую сторону замечу...
Да и многие если не большинство - утверждают ,что резиновые шаблоны - зло))

Шаблон престы ,на сколько я понимаю расчитан на старое разрешение с шириной 1024.
Но найдите сейчас такой монитор.
Моему ноутбуку уже 6(!) лет . и то, экран на нем 1280 на 960.
Т.ч и ширину смело можно задавать побольше. хотя бы под это разрешение.
Ну и вобще. когда все на своих местах - как то надежнее..
 



preatashop v1.4.10
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
Всего: 3 < 1 2 3 >