«Божий зверь, господень волк, моли за нас царицу небесную».
хотелось бы знать, как сделать примерно вот такую обводку по бокам записи, отделять записи опр. картинкой и выделить первую букву записи:
http://pay.diary.ru/~reinechaotic/
http://pay.diary.ru/~reinechaotic/
-
-
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мдя...я ступила...)
вот по поводу обводки и рисунка между записями возник тупой вопрос...
как их задавать...?)
-
-
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-
-
12.04.2007 в 19:51м...с картинкой между записями поняла...
а с обводкой...
вообщем-то ладно, во1 с фотошопом мы говорим на разных языках в буквальном смысле, ибо он на немецком, а во2 я думаю это уже лишним будет...)
просто дизайн поменяла только что...)
сейчас буду пробовать с картинкой между записями...
а фиксированное меню...не знаю, мне удобно...)
туда не влезают только часть посл. комментариев и список ПЧ, а этим я не пользуюсь...)
у меня все влезает...)
-
-
12.04.2007 в 19:51-
-
12.04.2007 в 20:08-
-
20.04.2007 в 23:22-
-
22.04.2007 в 01:29-
-
22.04.2007 в 17:46и у меня полчается,что они просто на равном расстоянии по всей вертикали страницы днева расположились =\
-
-
23.04.2007 в 19:07-
-
23.04.2007 в 19:10-
-
24.04.2007 в 08:40-
-
24.04.2007 в 18:16код
-
-
24.04.2007 в 18:23-
-
24.04.2007 в 18:43будем пытаться ))
-
-
24.04.2007 в 18:47-
-
24.04.2007 в 21:08