№758 {мечтаю/живу}

[Прозрачная птица]

При использовании дизайна просьба ставить баннер сообщества

Настройки

Дизайн - блочный, меню - слева
Шрифт
заголовка жирный, 14
текста обычный, 15, цвет
гарнитура Comic Sans MS

Цвет текста
заголовка (оставляем пустым)
ссылки #007dae
записи #363027
оффтопика #6d614e

Цвет фона и границ
фона дневника (оставляем пустым)
фона записи (оставляем пустым)
фона заголовка (оставляем пустым)
границы (оставляем пустым)

код

 #wrapper{min-width:1280px!important;width:1280px;margin: 0 auto !important;padding:1 !important;overflow:hidden !important;background: url('ФОН') repeat-y;position:relative; }
 #side{width:250px !important;}
 #side a {color: #9c8972; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 18px; letter-spacing: normal; line-height: 14px; text-transform: none; text-decoration: none; text-align: center;}
 #page-c{width:800px !important;padding:0 !important;padding:0 !important; margin-top: -370px; margin-bottom: -150px; margin-right: 20px;}
 #page-t {margin:0 !important}
 #postsArea,#commentsArea, #addCommentArea, #newCommentsArea { width:730px !important;margin-left: -100px; }
 .menuSection { left: 55px !important; margin-top: -25px; text-align:left !important;}
 #extratop {height: 732px;background: url('ЭКСТРАТОП') no-repeat;margin-left: 0px;}
 body {padding:0}
 #side h1 {display: none !important;}
 #thisDiaryPhoto {display: none !important;}
 .menuSection {margin-left: 0px !important;}
 #side {margin-top: -230px!important; margin-left: 65px!important;}
 #authorName {display: none !important;}
 .postLinksBackg {text-align:center}
 .header h2,#commentsArea_title, #addCommentArea_title, .header.calHeader {display:block; width:100%; font-family: Comic Sans MS !important; text-align:left; padding: 0px !important; font-size:14pt !important; }
 .postTitle {padding-left: 10px !important; font-family: Comic Sans MS !important; text-transform: none; color:#fff; border-bottom: 1px dotted #fff !important; width:50%; text-shadow: 1px 0 4px #a69478, -1px 0 4px #a69478;margin-left:100px; margin-bottom:-5px}
 .postDate { font-size: 20pt !important; color:#8f7f67 !important; text-align:right !important; font-family: Verdana !important; font-size: 14px !important; font-weight:lighter !important; text-transform:uppercase;}
 .singlePost {padding-bottom: 38px !important; background: url('РАЗДЕЛИТЕЛЬНАЯ ЛИНИЯ') center bottom no-repeat;margin-top: 3% !important;}
 .header {text-align:center !important; font-family: Verdana !important; font-size: 14px !important;}
 #epigraph .singlePost, #post0 {background:none !important;}
 .postLinksBackg, .postLinksBackg:hover {text-align:center !important; border-top: 1px #5f4d39 solid; color: #5f4d39 !important; font-family: Trebuchet MS !important; font-size: 14px !important; text-transform: uppercase;}
 A:hover {TEXT-DECORATION: none; }
 a:hover,a:active{color:#557a08 !important}
 .htmlbox { background: #bba894; border: 1px #5f4d39 solid;}
 #extrabottom {margin-bottom: 0px!important; background: url('ЭКСТРАБОТТОМ') no-repeat; width:1280px; height: 162px;}
 .header span {margin-left: 300px;}
 

картинки
экстратоп http://img-fotki.yandex.ru/get/4401/transparentbird2010.0/0_70e2c_1347b5ba_orig
экстработтом http://img-fotki.yandex.ru/get/4904/transparentbird2010.0/0_70e2e_60cd3e41_orig
фон http://img-fotki.yandex.ru/get/5601/transparentbird2010.0/0_70e2d_6d566d0e_orig
разделительная линия http://img-fotki.yandex.ru/get/5406/transparentbird2010.0/0_70e30_98746c6f_orig
Опробовано на Mozilla !
Все исходники принадлежат их авторам.

Comments

[Legenda]

класс! поставила себе, вроде все выглядит точно также)))
спасибо!
[а можно изменить цвет оффтопика? а то я что-то не отличаю его от обычного текста... почти не отличаю.]

[*Без_ОБЛАЧка*]

красота)))

Legenda
а я вот к вам зашла.. а он у вас поехал.. криво как-то все, нежели на скрине...(

[Legenda]

*Без_ОБЛАЧка*, мб ф5 нужен? оО
у меня выглядит как на скрине, пару раз ф5 нажимала, чтоб не грузил старый диз, иногда дайри разные дизы совмещает оО'

[Soldier army JAH]

симпатичные тона =)

[FunnyDoll-bunny]

какой приятный диз, поставлю и себе, спасибо большое..

поставила, но экран оказался меньше(

[Прозрачная птица]

Legenda, конечно, можно)) Подберите удобный Вам.

*Без_ОБЛАЧка*, спасибо)
Зашла к Legenda , все правильно отображается)

Soldier army JAH, спасибо)
FunnyDoll-bunny, можно в принципе "маштабом" сделать меньше картинку.... я делала на 1280 по ширине, там пикселей 20-30 еще в запасе для экрана остается при этом разрешении))

[FunnyDoll-bunny]

Прозрачная птица
спасибо за подсказку, а то уж очень нравится диз, надо все картинки меньше сделать?

[polishastik]

Прозрачная птица, могу критикнуть чуток. если хочешь - в личку)

[Прозрачная птица]

FunnyDoll-bunny, у меня маштабом страницы вся она уменьшается или увеличивается) Но я - не профи)) Это первый мой диз css для сообщества))

polishastik, с удовольствием послушаю! Как Вам удобно))

[FunnyDoll-bunny]

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

[Прозрачная птица]

FunnyDoll-bunny, спасибо)
я зашла к Вам- для моего разрешения экрана все хорошо...

[FunnyDoll-bunny]

Прозрачная птица у меня просто 1024)да я уже доделываю масштаб)

[Прозрачная птица]

FunnyDoll-bunny, в смысле?)) как это "доделываете"?)) Там же всего пара кликов))

[FunnyDoll-bunny]

Прозрачная птица эм, уменьшаю картинки, а можно было быстрее?)

[Прозрачная птица]

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

[FunnyDoll-bunny]

Прозрачная птица
не пришло сие в глову уже сотворила, у меня на хроме иначе

[Прозрачная птица]

FunnyDoll-bunny, да это я с разрешением намудрила - впредь буду ориентироваться на 1024))))

[FunnyDoll-bunny]

Прозрачная птица думаете? вряд ли все как я сидят с мини нетбука)

[*Без_ОБЛАЧка*]

Legenda Прозрачная птица смотрите скрин:
(у меня гугл хром):
i066.radikal.ru/1010/25/7e41a5280121.jpg
и обновляла страничку - все равно... О_о

[Прозрачная птица]

*Без_ОБЛАЧка*, делаю все в мозилле. К сожалению, не знаю, как решить эту проблему, но подумаю - почитаю.
FunnyDoll-bunny, со временем разберусь)))

[Legenda]

*Без_ОБЛАЧка*, я бы для проверки с мозилы файрефокс зашла Х) Ибо у меня именно лиса стоит)

[*Без_ОБЛАЧка*]

Legenda я лису не люблю)
в опере такая же ерунда....
Попробовала зажать кэнтр и покрутить колесиком мыша - и пошло движение - часть с эпиграфом и то, что ниже стали совмещаться... но при этом и масштаб меняется О_о
в общем странно....
может дело с разрешением экрана?

[Звездочёт.]

Красивый.
Но, имхо, с меню и фотографией Вашего собственного дневника не сравнится. На них я медитировала три дня по три часа и теперь отчаянно хочу уметь так же.)))

[Прозрачная птица]

Звездочет., спасибо)
Ну мой собственный еще недоработан - не все ссылки работают, потому что порядок в дневнике все нет времени навести))) И, кстати, там все проще сделано)) Но приблизительно по той же системе)) Я только начинаю - поэтому умений практически еще нет...

[Звездочёт.]

Прозрачная птица
Меня просто покоряет то, как вы работаете со шрифтами.
И ваши эпиграфы.

[Прозрачная птица]

Звездочет., спасибо. Действительно, спасибо! Мне очень приятно)

[Звездочёт.]

Давно уже хотела сказать.)))

Прозрачная птица взяла носить) оень классній дизайн)

Безумно красиво Можно утащить?

Очень красивый дизайн ) Унесла себе носить )