19:33

Статьи

Зверь-чародей
На Хабре стали выкладывать замечательные статьи-сборки-ссылок по дизайну и CSS



Очень рекомендую всем:



Часть 1: http://www.habrahabr.ru/blog/design/9699.html

Часть 2: http://www.habrahabr.ru/blog/design/9814.html


@темы: diaryCSS

teh true cartograph lawl
не нашёл в предудыщих записях...



Возможно ли увеличить размер даты и дня записи, не увеличивая размер заголовка записи?

17:52

Я сладенький девочка
Можно как-нибудь убрать из меню блоки, начинающиеся с Поиск по дневнику, Календарь записей, Гороскопы?

16:59

ты будешь рядом
Знааю, что все этот воспрос задавался, но все же. Помогите пожалуйста)

Каким кодом менять ширину основных блоков? Так чтобы они были на пикселей эдак на 150 уже?

upd. ссылка в эпиграфе не отображается

@темы: основные блоки

15:41

please, call back later
Эм,

драсьте)

а вот я чето мутила и получилось что название дневника написано большими буквами.

как это исправить?



коды такие

body.left { padding-left: 10px !important; padding-left: 200px; }

.left #wrapper {width: 790px; margin: 0 0 0 -395px !important; padding: 0 !important; position: relative; left: 50%;}

.left #side {width: 180px !important; margin: 0 !important;}

.left #page-c {width: 600px !important; padding: 0 !important;}

body.left {padding-left: 10px !important;}

h1 {font-size: 150%; }

.singlePost, .menuSection { border:none;}

body{ background-attachment:fixed !important;}

.singlePost {background: no-repeat; background-position: 40% 100%; !important; }

.singlePost, .menuSection { border:none;}

.singlePost, .menuSection { border-style:double; }

.bordered {border-style:double;}

.singlePost,.menuSection{border-style:double;}

.borderTop{border-style:double;}

div.menuSection, div.pageBar, .calnd { background: #000000; border-width:1px; border-color:#000000; border-style:double; padding:3px;}

.menuSection {text-align:center; }

#postsCalendar{display:none}

#albumLink{display:none}

#rssLink{display:none}

#myStatLink{display:none}

#photolibLink{display:none}

#faqLink{display:none}

.singlePost, .menuSection { border:none;}

a:hover,a:active{background:#336699;color:#000000;text-decoration:none}

#wrapper a img{vertical-align:middle}

h2,.header {color:#336699;}


Ты всегда волен передумать и выбрать себе какое-нибудь другое будущее или какое-нибудь другое прошлое.
В принципе, ничего супер особенного, но интересно, что думают люди) дайрег

И как энто все смотрится в других браузерах, ИЕ и Опере?

я проколю им соски
Здравствуйте!!

Вот сделала себе такое меню...которое так полупрозрачное,а када на него покажет мышка приобретает цвет!!! использовала вот этот код

#side div.menuSection { -moz-opacity:.40 !important;opacity:.4 !important; filter:alpha(opacity=100);}

#side div.menuSection:hover {filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;opacity:1.0 !important;}

filter:alpha(opacity=100);




а как сделать чтоб тоже самое было с основными блоками? вот меняю слово menuSection на singlePost и ничего не происходит...хм...помогите пож!

@темы: меню, основные блоки

Majestic
Извените если повторяюсь..искала правда не нашал...

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

т.е. разбить главное меню на 2 части



2. и еще более нубский вопрос... у меня все меню и текст оказались сильно здвинуты влево...как поместить по центру... ?

код:

читать дальше

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



http://beat-u.diary.ru/



Писал не сам, а использовал коды 4-х дневников:

1. http://ryotsuke.diary.ru/ Основа

2. http://axler.diary.ru/ Много интересных мелочей, взял пока не все

3. http://reinechaotic.diary.ru/ Идея поместить меню вверху

4. http://meinkaumf.diary.ru/ Вдохновение, поддержка и любовь к красному)))



Сразу хочу сказать что не все пока доделал, но уже неплохо продвинулся... Жду критики как в адрес дизайна, так и в адрес кода. В особенности от 4-х перечисленных выше человек. Ваша критика мне очень нужна, все-таки первая работа!



P.S. Под Оперой и Мозиллой выглядит нормально, под Эксплорером два нехилых пустых блока... Если кто скажет как избавится - буду рад. а вообще Эксплорер сакс)))

00:22

?

аморе море что-то там там плещет
1* Как сделать большими (такими же как у меня написано мой дневник) ссылки мои сообщества и список избранных? Т. е. что в этом коде нужно изменить?



2* А еще можно сделать так, чтобы ссылки под url и more в постах выделялись либо другим цветом, либо другим шрифтом, либо другим размером, или и тем и другим и тертьим?


00:01

FAQ

Почти пять лет оформление дневников ограничивалось выбором шрифта и пары цветов. С появлением сервиса CSS стало возможно всё.

(TODO: платный сервис и подключение)


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


Основатель сообщества:  Kildor, на равне с ним  Tex и  Bokonist. Многие другие участники помогают нам, за что мы очень благодарны.

23:51

Я сладенький девочка
Вопрос №1.

Как сделать так, чтобы часть страницы была с фоном, а часть (где блоки с текстом и меню) просто на черном фоне как тут?

Вопрос №2

Как сделать так, чтобы дата и время были в середине?

@темы: фоновые картинки, основные блоки

23:32

скромность украшает.
Оцените пожалуйста дизаин)

и помогите немного...

как выравнять блок меню и постов?



всем заранее спасибо))

@темы: diaryCSS

21:18

Опыт – это расческа, которую мы получаем, когда облысели.
Как вы думаете, что стоит добавить, что – бы мой дневник выглядел красивее? :hmm: Критика приветствуется)

Заранее благодарю) ;-)

21:02

Не умеешь летать - не марай тротуар.
можно ли сделать так чтобы каждая запись,обводилась рамкой,также как и блоки меню,и писались в так называемых "квадратах"?

@темы: рамки и полоски, основные блоки

мыша
В данном посте сосредоточены практически все часто-задаваемые вопросы. Если вы не нашли ответа на свой вопрос в эпиграфе, попробуйте поискать тут)))
КАК ПОМЕНЯТЬ КУРСОР
1. Основные блоки
большая фотография
изменение названия ссылок
прокруткa блока с текстом
Прозрачность и полупрозрачность всего
Закрепленное меню для всех браузеров (position:fixed)
Буквица, края блоков(закругл.квадратн)
Тень под аватарами
Фон записи
цвета блоков
Выделение пунктов меню
Тень под аватарами
Как сделать так,чтобы сверху дневника во всю ширину страницы была картинка
Как сделать так,чтобы записи при прокрутке "уезжали" под картинку
Как сделать так, чтобы фон меню был прозрачным, а фон записи - нет
как сделать, чтобы текст в меню был посередине
Прозрачность ".singlePost"
Выделение пунктов меню прямоугольником
иконки
Как сделать, чтобы в заголовке была одна и та же фраза
как сделать ссылки с маленькой буквы
Это всё, что касается основных блоков. Если я что-то пропустила, пишите в комменты. Далее - я не писала сюда примитивные вопросы, которые, как позже оказывается, устранялись не с помощью сss. Прошу занести эти ссылки в эпиграф. Кстати, самый часто-задаваемый вопрос по блокам: как вставить картинку в фон записи.
2. Меню
удаление одного из блоков меню
как убрать подчёркивание ссылок
как сделать так, чтобы "темы записей" были всегда открыты
как сделать так, чтобы меню продолжалось с основным блоком
(это сама искала)
как сделать так, чтобы ники ПЧ в меню отображались по одному на строке
как сделать так, чтобы вообще убрать меню
замена цвета определённых ссылок
как разделить колонки меню: часть сделать слева, и часть справа от записи
изменение цвета заглавной буквы в меню
как изменить ширину самих записей
как перенести колонку с пч в право
Всё, это всё, что касается меню. Самый частый вопрос(кстати на который я сама ответа так и не увидела), это о том, как соединить блок меню и основной блок в один.
3. Рамки полоски
как заменить горизонтальную полоску, разделяющую посты картинкой
как обвести конкретные блоки меню
4. Насчет фоновых картинок был только один вопрос: как поставить фон под запись. Этим вопросом вообще всех уже достали, он самый-самый популярный))) Вот ответ:
.menuSection {background-image: url("/userdir/3/2/2/3/322304/18445751.jpg";) !important;}
.singlePost {background-image: url("/userdir/3/2/2/3/322304/18445751.jpg";) !important;} Вместо выделенного вставляете свою картинку из БИ.
5. отступы
как регулировать отступы самого текста записи от ее границ

Надеюсь, данный пост вам помог найти то, что вы ищите.

@темы: Учеба

20:27

CSS

Псих
Вопрос не по дневникам, по CSS.

Обьясните синтаксис. Чем отличаются стили:

abc { color : #00 }

.abc { color : #00 }

#abc { color : #00 }

первое - параметры для тегов HTML? Второе - свои классы для конкретных объектов? А третье? В общем расскажите или дайте ссылку на какой-нибудь толковый учебник. :)

20:07

Хорошие девочки отправляются в рай, а плохие куда захотят.
я сделала себе вот такую штуковину, только заменила 660 пикселей на 750. Вроде все умещается на странице, а справа все равно есть скролбар, который еще немного прокручивает весь дневник вниз. Как это убрать?

скрин

20:06

Do you live, do you die, do you bleed for the fantasy?
У меня вопрос наверно глупый: а в дневнике нельзя поставить музыку или какие-нить звуки с помощью css? :-D



P.s заодно оцените мой простой дизайн))

@темы: diaryCSS

19:46

нужна программа для уменьшения размера(веса) фоток, не искажая их при этом до ужасного состояния

где скачать такую?как называется?