Уроки по дизайну ЖЖ. Часть II.

[yoksel]

Внимание: это уроки для устаревшей системы стилей S1, хотя, возможно, вы найдете в посте полезную информацию по CSS.
Перейти к актуальным урокам →
Что такое CSS?
Это каскадные таблицы стиля для HTML-документа, а если проще - язык, на котором мы объясняем нашему дизайну каким же мы хотим его видеть.

Comments

[eediter]

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

Было бы неплохо указать на то, что статья относится к S1. А уже тем, кто немного "втыкает", показать все плюсы каскадных таблиц стилей на примере разбора простенького макета, измененного средствами CSS, на S2-базовом аккаунте. Там больший контраст на CSS непосредственно

Один момент: "образца видно не будет, так что не делаю". А про рамку-то забыли (border:1px solid #ccc;) :)

какие-то глюки с комментами..

[yoksel]

желающим изучать CSS я бы не советовала пользоваться этими уроками, я пытаюсь упростить всё насколько возможно : )

про S2 вообще не в курсе. Может как-нить и гляну.. : ) вернее, я уже смотрела, но поняла что css мне ближе и понятнее : )) и зачем S2 для демонстрации стилей?
Для дизов, как я понимаю, большинство юзает S1, и зачем изобретать велосипед с S2, если вид журнала меняется фактически копипастом? Или я чего-то не понимаю? просветите меня в области S2 : )

Макет будет, в следующем уроке или через один. Я хочу сначала описать ЧТО можно сделать, а потом уже КАК. Не думаю что имело бы смысл начинать с HTML-кода, мы же всё равно к нему доступ не имеем и полностью свою вёрстку не можем сделать.

Там больший контраст на CSS непосредственно
не поняла смысл фразы

Один момент: "образца видно не будет, так что не делаю". А про рамку-то забыли (border:1px solid #ccc;) :)
ну там же не про рамки спич : ))

Это не глюки, это я не нашел, где редактировать коммент

[eediter]

Ок, я подойду с другой стороны ;)

Что гласит нам страница Customize? Я процитирую:

• S1 - For users who are comfortable with HTML and CSS. (первый пункт)
• S2 - For users who don't know HTML or CSS, or make only minor alterations (второй пункт)

Ну факты на лицо: S1 - это инструмент, а S2 - какашка*. В принципе, я в какой-то мере согласен с этим, ведь в S2 мы действительно никак на сам каркас повлиять не можем. Именно это и привело к всеобщему заблуждению, что при помощи S2 из базового акка ничего не выжмешь. Вы очень верно заметили по поводу копипаста! Большинство юзеров именно так и поступают, наткнувшись на отличный тутор с готовыми вариантами s1-фишек. Для оформления своего я использовал S2.
Немного об S2

Фишка S2-базового не в том, что можно посчелкать в опциях и изменить цвет текста и фон, а в том, что управление внешним видом осуществляется средствами CSS. При изучении общедоступных макетов я выделил Flexible Squares. Он наиболее "чистый", соответственно изменения во внешний вид внести легче, чем в остальные. Объясняю смысл непонятой

Re: Это не глюки, это я не нашел, где редактировать комме

[yoksel]

про копипаст речь была про смену диза путём вставки готового кода, а не про возню с его кусками

Re: Это не глюки, это я не нашел, где редактировать комме

[yoksel]

сообщества с дизами для платников - не встречала

Прошу прощение за свое впутывание в дискусс

[lliel]

Когда я была бесплатницей, то в какой - то момент пыталась вставить дополнительные коды в с2, кажется, это была кнопка быстрой редакции поста(дело было в генераторе). Ничего не получилось, диз не реагировал вообще ни на какие коды, заботливо вставленные в окошко.

Re: Прошу прощение за свое впутывание в дискусс

[yoksel]

нормально-нормально, всё реагирует, я вчера поразвлекалась уже, там можно много чего интересного делать : )

Re: Прошу прощение за свое впутывание в дискусс

[yoksel]

правда, там окошко только для Css, то есть всякие HEAD и WEBSITE туда не вставишь

Re: Прошу прощение за свое впутывание в дискусс

[lliel]

А, все ясно. А что такое Css, я не знаю:)

*безобидная напоминалка: юзерпик с рыжей мышью, по рождению - собакой:)*

Re: Прошу прощение за свое впутывание в дискусс

[yoksel]

помню я всё :))) у меня даже список есть тех юпиков которые я сделать обещала : )) там вроде немного, но руки никак не дойдут, хотя потихоньку рисую : ))

оохх.. как же не зная CSS дизайны-то делать ? : )))) я вот потому и затеяла это, что вижу как народ типа чё-то такое делает, но так делает - что без слёз не взглянешь! : ) Вам если интересно - читайте чё я пишу, этого должно быть вполне достаточно для написания нормального кода своими руками или для редактирования чужого с полным пониманием своих действий : )

Re: Прошу прощение за свое впутывание в дискусс

[lliel]

Блин, я даже не знаю, как называется, то, что я знаю:)
Я знаю энное колличество кодов и знаю, за что они отвечают, так и комбинирую их и придумываю дизы. Но я их и запихиваю в глобал хед и тд, а ты сказала, что они в окне С2 работать и не должны.

Re: Прошу прощение за свое впутывание в дискусс

[yoksel]

а что - у тебя получалось что работали в s2? : )

чтоб понять что ты знаешь, почитай эти уроки, я очень старалась всё по полочкам разложить : ) ты сможешь не только копипастом коды вставлять, но и свои писать сможешь : )

Re: Прошу прощение за свое впутывание в дискусс

[yoksel]

а про CSS и его взаимоотношения с HEAD посмотри в первом уроке : )

Re: Прошу прощение за свое впутывание в дискусс

[lliel]

Все, заношу в избранное, и как буду не охреневшая от компьютера, так и поразбираюсь снова:) Спасибо!

Re: Прошу прощение за свое впутывание в дискусс

[yoksel]

ну да, это надо на свежую голову : ))

Re: Прошу прощение за свое впутывание в дискусс

[lliel]

Не понимаю. CSS - это ведь и есть коды?
Может, потому что я платница не получается? Дополнить С2 кодами?