Верстка сайта

Переработать дизайн в тему для Друпала не очень сложно, достаточно день-два поковыряться в существующих стандартных темах и разобраться в принципах их работы. Стоит такая работа, в зависимости от сложности, максимум – долларов 300, минимум – 100. По времени эта работа займет 1-3 дня.

даже есть какая-то рекомендованная тема, в которой много примеров внутри, из которой рекомендуют делать дизайн - вот только я забыл как называется.

Zen. На ее модификации и сделан нынешний дизайн drupal.ru.

zen
На этом сайте она, модифицированная, но у неё есть проблемы с отображением админки и ещё какие-то.

Чёрт! vadbars@drupal.org обогнал!

Зато ответ у тебя полнее. :)

1:1

так если есть проблемы - то как ее могут рекомендовать?

запросто, мне она нравится, гораздо проще всех остальных, хотя стили к ней тяжеловаты
а вот проблем с админкой я что-то не видел, были проблемы с overflow, но тоже немного, исправлял около часа

вопрос по теме:
есть некоторое количество готовых шаблонов от ТемплейтсМонстров (psd, html, fla и т.д.)
возможно ли их адаптировать под друпал и - сколько примерно убдет стоить такая работа?

возможно уже давно назрела необходимость сделать сайт аналогичный dletemplates.com или slaedtemplates.com для друпала чтото вроде drupaltemplates.com
если подобный проект (занимающейся на платной основе разработкой шаблонов) уже есть прошу поделится адресом.

Про Zen уже есть целая группа - http://groups.drupal.org/zen-task-force. Там разрабатывают даже вариант "движка" под эту тему оформления - Zengine theme engine. :)

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

вот они уже и движок отдельный сочиняют что-б в div-ах разобраться...
Да, да. Очень смешно. Продолжайте в том же духе, таблички рулез - "миллионы мух не могут ошибаться" (с) :)

табличка, в ней еще табличка, а в ней еще табличка... и так 15 раз... Вам не жалко браузер пользователя? 2маразмус про мух - здорово

а что с дивами - по другому? и в табличке я сразу вижу ширину и высоту, а с дивами нужно лезть в css файл и там искать, да еще и стили с # вначале - перекрывают по непонятному закону стили с точкой вначале.

а про миллионы мух непонятно - почти все темы для друпал на div, на таблицах почти нет.

дива хватает одного, а вложенность таблиц - бесконечна, посмотрите любой сайт на нюке, сразу станет ясно, но понятно станет через 3 недели копания в коде, а на новой странице - опять 3 недели... плюс все недостатки таблиц - тяжелее код, отображение только после полного рендера всего контента (ие как-то отображает, но уж очень криво)... кажущаяся простота верстки перестает быть такой, когда выясняется, что ИЕ не понимает нормально collspan и rowspan, в результате - вложение таблиц

Проблемы в этой теме в основном с IE.

В некоторых случаях таблицы уместны, но в общем случае вёрстка на блоках имеет преимущества. Об этом много материалов в сети. См. например:

http://weblancer.net/articles/3.html
http://www.seoweb.ru/web/html/layers-vs-tables/

> в результате - вложение таблиц
а что на дивах разьве нет вложения?

на дивах - редко встречается больше 3-5 вложений, а цифра 15 - не с потолка
таблицы же иногда очень полезны, но весь сайт строить на них я бы не стал

2igdrasil@drupal.org, 2kiev1:

Я лично считаю, что спор этот бессмысленен по определению. Пока западные коллеги вовсю верстают сайты, удивляя всех (и нас в том числе) возможностями CSS, рунет-болото сидит в темной пещере на букву "Ж" и верстает табличками.

2kiev1 персонально:

div - это логический, технический, фукнциональный и прочее-прочее блок. Его главное предназначение - объединение (смысловое, структурное, логическое, функциональное и прочая-прочая) данных, которые содержатся в твоем html. Это, вкупе с CSS, гвозди и молоток.

А верстка табличками - это забивание гвоздей собственным лбом. Да, круто, не спорю. Лоб накачанный не помешает никому :) Но зачем вбивать гвозди лбом, если есть молоток - да хрен его знает. Велика Россия, умом не понять...

Таблицами верстали на заре интернета, когда у людей были серьезные проблемы с отображением верстки браузерами. Так как механизм отрисовски таблиц работал более-менее нормально везде, люди верстали табличками. Сейчас же - уже CSS3 на пороге. А пещерные люди, в 2007(!) году, все еще пытаются забить мамонта левой пяткой правой задней ноги, вместо использования слонобоя.

p.s. Мой коммент бесполезен, и я это знаю :) Чтобы научиться верстать на div+CSS, нужно изучить предмет, как минимум. Читать спецификации (зубрить, кстати, необязательно). Прочитать хотя бы "Философию CSS-дизайна", "Bulletproof Web Design", еще что-нибудь по теме.

А в ответ уже предвижу анекдот:

- У вас пила тупая. Вы так долго пилите...
- Знаю я, что пила тупая.
- Так поточить может?
- Чего?! Пилить надо, некогда точить!

насчет пилы - рулез, а насчет таблиц - неправда... умеет человек верстать таблицами, а дивы и стили не понимает - ну и пусть ими верстает, все равно будет лучше, чем у дилетанта с дивами

> все равно будет лучше, чем у дилетанта с дивами
...всю оставшуюся жизнь?

Кстати для справки:
http://mail.google.com
http://www.google.com/reader
полностью на таблицах.

хорошо уговорили - но я никак не могу понять вопрос - чем отличается див имя которого передается через # так - class=#имя от того который передается через точку - class=.имя?

Google достаточно консервативны в вопросе верстки и дизайна, вернее его отсутствия.
Оно в принципе оправдывается по двум причинам.

Во первых они могут себе это позволить по причине популярности.
Ребята зарабатывают наверно не один миллион в месяц, зачем им дизайн?
И так народ уже подсел.

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

Так что давайте не будем ориентироваться на Google : )
У нас много других, хороших примеров для подражания, а исключение лишь подтверждает правило.

Не совсем понятен вопрос.
В HTML можно прописать id и class элемента.
id - д.б. уникален на странице
class - могут повторяться.

В CSS
# - это id
точка - это class

например:
HTML:

<div id="content">содержание</div>
<div class="menu">меню</div>

CSS:

#content {display: block}
.menu {float: left}

а когда пишут style= "....." это что значит?

Так пишут, когда не хотя выносить в css файл определение для данного стиля.
Или это встречается только в одном месте.
Или пробуют разные варианты(по месту).
Или верстальщик неаккуратен.

а чем id от class отличается?

Пару ответов выше читаем:
id - д.б. уникален на странице
class - могут повторяться.
Однако спать пора :)

Краткий FAQ на украинском , русском , и языке Шекспира (оригинал)

спасибо, а так выходит больше ничем ID от class не отличаются?

а так выходит больше ничем ID от class не отличаются?

Это их ключевое различие. Не поняв этого, нет смысла изучать CSS-верстку вообще.

С другой стороны, никто не запрещает сверстать страницу, используя только классы. ID нужен только для ситуаций, когда нужно однозначно выделить конкретный элемент страницы.

Зачем надо было вводить какое-то новое понятие когда можно создать такой class который использовать только один раз на всей странице? вот это и непонятно, как-же теперь изучать дальше?

id очень нужен для обращения к конкретному элементу через JavaScript например document.getElementById('mybox') - это вполне конкретный элемент у которого есть свойства (id='mybox'), например его можно спрятать или показать:
document.getElementById('mybox').style.display='none' (или 'block', если показать).
А по имени класса вы получите массив, из которого еще выбирать нужный элемент придется.
Да, и еще, тут много говорили про CSS и забыли, что все базируется на DOM модели - вот с этого и следует начать..

Еще дополнение про ID.
В настоящее время есть тенденция к сближению HTML и XML.
В этой связи рекомендуется вместо атрибута "name" использовать id.
Ну и много чего еще рекомендуется.
см. XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition)

Особенно пункт 4 (Differences with HTML 4)

Кстати, слышали, не слышали... началась разработка новой версии html, хотя был разговор, что пора с этим (HTML 4) заканчивать ...

А толку?
CSS3 уже почти разработан, а кое кто и вторую версию нормально не поддерживает....

спасибо, теперь ясно что ID нужен не для CSS а для java скрипт

> спасибо, теперь ясно что ID нужен не для CSS а для java скрипт
неверный вывод.
при назначении свойств элементов, необходимо расставить их в приоритетном порядке.
приоритеты расставляются в соответствии с весом. у id вес выше чем у class, причём на порядок.
да, это часто используется в JS скриптах, но это не значит, что правило создавалось под скрипты.

ну вот, опять все запуталось... - значит все-таки есть какая-то разница и при отображении того что в CSS напрограммировали?

Я лично советую вам прогуляться до ближайшего книжного магазина и купить книгу с названием типа XHTML + CSS. Если повезет, можно найти книгу М.Хольцшлаг - одну из лучших для начинающих верстать бестабличным способом. Здесь, на форуме, весь трындеж для вас бесполезен.

а я вот это http://www.helloworld.ru/texts/comp/web/css/css/css.htm распечатал - буду читать, спасибо

Тоже ересь:
"И все элементы класса blue с значением ID "boldunderline" станут жирным подчеркнутым синим курсивом."

id может быть только один.

Купи лучше книжку хорошую: Эрик А. Мейер, CSS - каскадные таблицы стилей

marazmus
спасибо за коммент, он не пропал зря.
как оказалось не зря у меня лежит "Философия CSS-дизайна" все же css рулит

2 kiev1
Никого не слушай, это галимотья полнейшая, если полностью на дивах делать все, в разных браузерах так плавать будет, что мама не горюй, совместное использование таблиц и дивов - вот ключ к успеху, говорю тебе как верстальщик с 7 летним стажем
Удачи

А я бы говорил освоить понятие "обьектно ориентированного" дизайна и программирования. Поняв эту основную идею CSS очень многое станет на место.

А потом - посетить сайт htmlbook.ru Влада Мержевича, который является одним из толковейших челов в СНГ по CSS.

...это галимотья полнейшая, если полностью на дивах делать все, в разных браузерах так плавать будет...
Уважаемый, если делать без ошибок, то ничего плавать просто не сможет. И если Вы выражаетесь подобнейшим образом, то все Ваши 7 лет верстки прошли в полном невежестве, где не было понятий W3C и HTML Validator. Ключ к успеху - это постоянное обучение, а не нецензурщина на проффесиональных сайтах.