18:33

«Божий зверь, господень волк, моли за нас царицу небесную».
хотелось бы знать, как сделать примерно вот такую обводку по бокам записи, отделять записи опр. картинкой и выделить первую букву записи:

http://pay.diary.ru/~reinechaotic/

@темы: рамки и полоски, diaryCSS

Комментарии
12.04.2007 в 18:44

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

Буквица: .paragraph div:first-letter { font-size: 30px; float: left !important; float: none; font-family:Times New Roman; margin-right: 3px; color: #DE7027; line-height:100% !important; line-height:140%; }

.paragraph div div:first-letter { font-size: 100%; font-family:Arial, Helvetica, sans-seif; float: none !important; margin: 0px; line-height:130%; color: #000;}


"Обводка" записи: задаете картинку-фон для #page-c, рисунок между записями - картинка-фон для .singlePost. Или поподробнее объяснить?)
12.04.2007 в 19:21

«Божий зверь, господень волк, моли за нас царицу небесную».
:shy:

мдя...я ступила...)

вот по поводу обводки и рисунка между записями возник тупой вопрос...

как их задавать...?)
12.04.2007 в 19:35

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
Картинка между записями: тут все просто.

.singlePost {background: url('/userdir/2/8/1/7/281772/18181206.jpg') no-repeat; background-position: 40% 100%; !important; }

url - соотв., адрес вашей картинки из БИ, которую вы хотите использовать как разделитель постов. Позишн 40% 100% - сто процентов ставит картинку вниз поста, 40 - задает ее положение от левого края. Подберите как вам удобно. Моя картинка для примера: http://static.diary.ru/userdir/2/8/...72/18181206.jpg

С "обводкой" сложнее. Прежде всего, ее, насколько я понимаю, имеет смысл использовать только если у вас дневник фиксированной ширины, и вы эту ширину знаете. Допустим, задаете ширину дневника 800px. Рисуете в фотошопе картинку шириной все те же 800, так, чтобы эта картинка имела границы. При этом высота картинки должна быть, желательно, поменьше, и обязательно проследить за тем, чтобы края картинок хорошо "сходились", когда они будут повторяться по вертикали.

Ну, допустим, получилось у вас примерно вот что: http://static.diary.ru/userdir/2/8/...72/18179906.jpg

Эту картинку вы задаете фоном страницы:

#page-c {background: url("/userdir/2/8/1/7/281772/18179906.jpg") repeat-y 0 0 !important; padding: 0px !important; margin: 0px !important;}

Здесь repeat-y означает, что повторяться картинка будет только по вертикали.
12.04.2007 в 19:36

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
[...Just your Master...], а вам точно нужно фиксированное меню?.. оно же в экран не влезает...)
12.04.2007 в 19:51

«Божий зверь, господень волк, моли за нас царицу небесную».
reine de chaos

м...с картинкой между записями поняла...

а с обводкой...

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

просто дизайн поменяла только что...)

сейчас буду пробовать с картинкой между записями...

а фиксированное меню...не знаю, мне удобно...)

туда не влезают только часть посл. комментариев и список ПЧ, а этим я не пользуюсь...)

у меня все влезает...)
12.04.2007 в 19:51

«Божий зверь, господень волк, моли за нас царицу небесную».
заранее спасибо...)
12.04.2007 в 20:08

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
[...Just your Master...], да не за что, обращайтесь, если что.)
20.04.2007 в 23:22

Не умеешь летать - не марай тротуар.
reine de chaos извиняюсь,я вот по вашему коду поставила себе картинку между записями,а они у меня просто по всемя периметру дневника раскидались на равном расстоянии =\
22.04.2007 в 01:29

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
[belka], можно конкретный код и желательно скриншот - куда что раскидалось?)
22.04.2007 в 17:46

Не умеешь летать - не марай тротуар.
reine de chaos ммм,ну скрин я сделать не смогу,ибо убрала всё это,а вот код я просто ставлю этот код в окно СSS - .singlePost {background: url('/userdir/2/8/1/7/281772/18181206.jpg') no-repeat; background-position: 40% 100%; !important; }



и у меня полчается,что они просто на равном расстоянии по всей вертикали страницы днева расположились =\
23.04.2007 в 19:07

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
[belka], для начала, свою картинку надо заливать в свою БИ.
23.04.2007 в 19:10

Не умеешь летать - не марай тротуар.
reine de chaos эээ,ну я думала это и говорить не надо,понятное дел,что залила =\
24.04.2007 в 08:40

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
[belka], так дайте свой код, а не тот, который на этой странице. Потому что код элементарный и всегда работал корректно, непонятно, почему у вас он так криво сработал.
24.04.2007 в 18:16

Не умеешь летать - не марай тротуар.
reine de chaos вот весь код.1-я строчка - это как раз тот код на разделить записи картинками.



код
24.04.2007 в 18:23

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
[belka], ну вот смотрите - я просто взяла и вставила себе ваш код, только адрес картинки свой поставила. Все работает ;)

24.04.2007 в 18:43

Не умеешь летать - не марай тротуар.
reine de chaos да?ну ладно...и на том спасибо ))

будем пытаться ))
24.04.2007 в 18:47

Две вещи в этом мире заставляют меня тем более восхищаться и преклоняться перед ними,чем более я о них думаю — это звездное небо над головой и волшебный говорящий енот,живущий во мне.
[belka], может, дело в самой вашей картинке?
24.04.2007 в 21:08

Не умеешь летать - не марай тротуар.
reine de chaos вряд ли...ну да ладно...обойдусь и без неё )