Первый CSS!!!

[Харука.]

За огромную помощь с кодом и фоном спасибо Моришке))

Забирая этот дизайн себе, ставьте баннер сообщества!

настройки

#wrapper{ background: #; min-width: 994px !important; width: 994px;margin-top: 20px !important; margin-bottom: 0px !important; padding-top: 0px !important; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
 #extratop {background: url('ЭКЗАНТРОП') no-repeat; height: 563px; width:100%; border-radius: 10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -o-border-radius: 20px 20px 0px 0px 0 25px no-repeat; margin-top: 0px !important; margin-left: 0px !important; padding-top:0px !important; }
 #side{width:231px; background: # !important; -webkit-border-radius: 0px 0px 20px 20px; -o-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; position:relative; top: -548px; left: 10px}
 #page-t{ background: url('ЗАПИСЬ' ) repeat-y; width: 954px !important; padding: 0px 20px 20px 20px; position:relative; left:-234px; }
 body { background: url('ФОН' ) !important;}
 img{max-width: 700px}
 .paragraph div:first-letter{color: #695c7a; font-size: 40px; font-family: 'KursivC'}
 .header { font-family: 'KursivC'; font-size: 25px;}
 a:hover{border-bottom:3px dotted #685a76; text-decoration:none !important}
 .avatar img{border:3px inset #685a76 }
 .TagL {color: #695c7a }
 .singlePost, .singleComment{border-bottom:3px dotted #685a76; }
 #thisDiaryPhoto, #myNotepadLink, #albumLink, #photolibLink, #allDiaryLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #rssLink, #upInChart , #myProfileLink, #diarySpiritLink,#diarySupportLink, #faqLink, #lastComments, #YaSearch, #topNav, #subscribeEmail, #unsubscribeEmail, #subscribeEmail, #Stats, #randomDiaryLink, #postsCalendar, #rssLink, #upInChart, #authorAlbum {display:none }
 #side h1 a {position:absolute; top:2px; right: -700px; color: #fbf1db; }
 #authorName {position:absolute; right: -700px;top: 20px; color: #fbf1db; }
 #bottomNav{ display:block !important}
 #cc{margin-top:-570px; margin-left:-50px}
 #side li{-webkit-border-radius: 10px; -o-border-radius:10px; border-radius: 10px; }
 .menuSection li {background: #695c7a; -webkit-border-radius: 10px; -o-border-radius:10px; border-radius: 10px; width: 120px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; text-align:center; border-right: 3px ridge #685a76; border-bottom: 3px ridge #685a76; border-left: 3px ridge #685a76; }
 .menuSection li a{color: #fbf1db !important;}
 #myDiaryLink {position:absolute; right: -60px; top: 10px }
 #writeThisDiary {position:absolute; right: -180px; top:40px }
 #myDraftLink {position:absolute; right: -240px; top:70px }
 #umailLink {position:absolute; right: -180px; top:100px }
 #myQuotLink {position:absolute; right: -195px; top:135px }
 #discussionLink {position:absolute; right: 40px; top:40px }
 #myFavLink {position:absolute; right: 100px; top:70px }
 #optionsLink {position:absolute; right: 70px; top:100px }
 #mainpageLink {position:absolute; right: 90px; top:130px }
 #iAmQuit {position:absolute; right: 60px; top:160px }
 #writeToAuthor {position:absolute; right: 40px; top:275px }
 #tagslistlink {position:absolute; right: -180px; top:170px }
 #addToFav {position:absolute; right: 70px; top:300px }
 #delFromFav {position:absolute; right: 70px; top:300px }
 #authorFav {position:absolute; right: 90px; top:350px }
 #authorQuot {position:absolute; right: 70px; top:375px }
 #epigraph .singlePost{padding-top:0px !important; border-bottom:0px !important}
 #extrabottom{ background: url('ЭКСТРАБОТТОМ'); width: 994px; height: 30px; -webkit-border-radius: 0px 0px 20px 20px; -o-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; position:relative; top:-42px; position:relative; z-index: -1 }
 #bottomNav { position:relative; top:-25px }
 #bottom_up a{background: url('ВВЕРХ') no-repeat; width:94px; height:95px; position:fixed; bottom:10px; left:10px; line-height:400px; owerflow:hidden}

ЭКЗАНТРОП s50.radikal.ru/i130/1307/9d/4eddd0366110.jpg
ЗАПИСЬ i064.radikal.ru/1307/de/2f322bf9cfdb.jpg
ФОН s020.radikal.ru/i714/1307/81/16e16b3eaa67.jpg
ЭКСТРАБОТТОМ s019.radikal.ru/i626/1307/4a/219191dddae3.jpg
ВВЕРХ s004.radikal.ru/i206/1307/6c/279204e6b6e6.png

настройки:
табличный слева
Шрифт:
Заголовок - жирный 16
Текст - обычный 14
Гарнитура - Comic Sans MS
Цвет текста:
Заголовок: #685a76
Ссылки - #685a76
Записи - #8f6135
Оффтопика - #e29978

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

1. Да!		29	(100%)
Всего:		29

@темы: Фиолетовый, Оранжевый, Сказка, Зеленый, CSS, ~Хайми~, Желтый, Аниме, Осень, Природа, светлый

Comments

Еще раз скажу, что уютно)

[Харука.]

Морана., ага)
как мне жаль, что у меня только до 24 сентября будет css(( а то бы я себе его вернула осенью)

~Хайми~, отключи на время поездки

[Харука.]

Морана., а как?

[~Insolent~]

доброй ночи, поставил себе диз, все хорошо, но вот только вверху получаются записи одна на другой, это не исправить?

~Insolent~, Это список пч длинный? можно передвинуть или убрать

[~Insolent~]

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

[Mister D]

~Insolent~, так. вкладка не предназначена, потому как с длинным списком выглядит простыней приличной))
чтоб убиралась можно ее сдвинуть к границе экрана, чтоб при наведении выползала из-за него

платные сервисы сдвигает.
#myAccountLink{position:relative; top: 45px}

краткая лента отключается здесь:
Настройки / Предпочтения - Избранные дневники - Порядок вывода ссылки на избранное(это в самом низу страницы) - Основная лента-полная
Передвинуть можно следующим образом:
#mySFavLink{position:absolute; top: 150px}

Список пч, если просто смещать:
#pchs{position:absolute; top: 350px}

Эти строки нужно просто добавить в конец кода.
цифры примерны). у меня сейчас нет платного сервиса чтобы проверить и сказать абсолютно точно.)) Если чуть не в пишется по вертикали, то увеличение числа будет смешать ссылку ниже, а уменьшение поднимать выше
Извините, что отвечаю с такой задержкой...

[~Insolent~]

спасибо, ничего страшного)

~Insolent~, если что доправим..)