Оформления для простых и улучшенных аккаунтов 2025

пятница, 25 марта 2011

23:47

Мой первый CSS...

все записи пользователя в сообществе Демон Фотошопа

Воля, вера и воображение.

Работа первая, поэтому мнения приветствуются.
Захотите взять поносить, пожалуйста.

смотреть

Настройки:
Дизайн блочный
Навигационная панель слева
Шрифт Georgia 17 курсив
цвет заголовка #715120
цвет записи #1a102b

ФОН static.diary.ru/userdir/1/9/7/0/1970149/6727171...
ФОН ЗАПИСИ static.diary.ru/userdir/1/9/7/0/1970149/6725648...
ЭКСТРАТОП static.diary.ru/userdir/1/9/7/0/1970149/6734573...
ЭКСТРАБОТТОМ static.diary.ru/userdir/1/9/7/0/1970149/6728930...
РАЗДЕЛИТЕЛЬ static.diary.ru/userdir/1/9/7/0/1970149/6726992...
МЕНЮ static.diary.ru/userdir/1/9/7/0/1970149/6727427...
ДАТА static.diary.ru/userdir/1/9/7/0/1970149/6728943...

Код:

body{background:url('ФОН') repeat; padding:0px;}<br /> #wrapper{min-width:900px !important; width:900px; margin:0 auto !important; padding:0 !important; background: width:748px}<br /> #page-c{width: 720px !important;padding:0!important;padding:0 !important;background:url('ФОН ЗАПИСИ') repeat; width:720px}<br /> #side{width:180px !important;margin:10px !important}<br /> #page-t {padding-left:35px; width:650px;margin:0 !important}<br /> #extratop { background: url('ЭКСТРАТОП') no-repeat; width:930px; height:754px; padding:0px;}<br /> a {color: #827156;}<br /> A:hover {color: #715120;}<br /> #extrabottom { background: url('ЭКСТРАБОТТОМ') no-repeat; width: 714px; height: 323px; padding: 0 !important; margin-top: 0px !important;margin-bottom: 10px !important;margin-left: 179px !important;}<br /> #side {position: absolute; top:-10px; text-align:center;}<br /> #authorName {position: absolute; top:250px; left:390px; max-width: 720px; padding: 10px;}<br /> #authorName a {color: #715120 !important;}<br /> #side h1 {position:absolute;top: 10px; left:-50px; width:720px; }<br /> #side h1{text-align:center; font-family: Georgia; font-size:15px !important; }<br /> #thisDiaryPhoto {position: absolute; top:250px; left:390px; max-width: 720px; padding: 10px; }<br /> #mainpageLink a {position: absolute; top: 510px!important; left: 210px;}<br /> #iAmQuit {position: absolute; top:660px!important; left: 730px; white-space: nowrap !important;}<br /> #YaSearch{position: absolute; top:10px!important; left: 742px; white-space: nowrap !important;}<br /> .singlePost {background: url('РАЗДЕЛИТЕЛЬ') no-repeat; background-position:bottom !important; padding-right: 0px !important; padding-bottom: 70px !important; }<br /> #epigraph {border-bottom: none !important; padding: 5px 5px 0 0 !important;}<br /> #side{ width: 184px; text-align:center; background: url('МЕНЮ') no-repeat bottom; width:184px; height: 674px; margin-top:-100px; }<br /> #side a{color:#1a102b;}<br /> #side A:hover {color: #715120;}<br /> #side ul li b{ font-weight: normal; }<br /> .menuSection_title { color:#5f564c ; display:block; margin-top:-20px !important; font-style:none !important;}<br /> .menuSection{ line-height:16px; width:150px;}<br /> .singlePost .postTitle span {float:left; font-size:15px; width:50px; height:87px; line-height:180px; color:#715120; background:url('ДАТА') no-repeat; text-align: center; font-weight: bold;}<br /> .quote_text {color: #3d0101 !important; text-shadow: 0 0 0.1em #6d2e1c, 0 0 0.1em #6d2e1c, 0 0 0.1em #6d2e1c !important;}<br /> #epigraph .header {background:none !important}<br /> .quote_text {color: #31011C !important; text-shadow: 0 0 0.1em #5F1832, 0 0 0.1em #5F1832, 0 0 0.1em #5F1832!important;}<br /> #cc {margin:0; padding:0; !important; position:relative; }<br /> .sign { width: 100px;}<br /> .postLinks {margin-right:50px; line-height: 20pt; }<br /> .prevnext {background:none !important;}<br />

Спасибо Иринаре за помощь в поиске исходников и Mori за критику.

P.S. Оформление делалось при разрешении 1024 на 768 в Google Chrome.

Вопрос: Нравится оформление?