19 — @дневники: асоциальная сеть

среда, 13 января 2010

11:38

19

все записи пользователя в сообществе местный шинсегуми

люблю малкавианок

Как это выглядит, можно пока посмотреть у меня. Дизайн тяжелый, сразу предупреждаю.
Название фэндома манга "А ты Алиса?"
Превью:

Экстратоп/Экстработтом
Фото, аватары, фон, дополнительные элементы
Цветовая схема

body {background: url('ФОН') 0 0 fixed repeat; padding: 0px !important;}
 #wrapper{ background: url('РАППЕР') repeat-y; min-width:0px!important;width:900px; margin: 0 auto !important;padding:0 !important; position:relative !important}
 #extratop {background: url('ЭКТРАТОП') 0 0 no-repeat; height:610px; width:900px; margin-top:0px !important;}
 #extrabottom {background: url('ЭКТРАБОТТОМ') 0 0 no-repeat; height:277px;width:900px; margin-top:-42px}
 #page-c{ background: url('ФОН ЗАПИСИ') repeat-y; width:900px !important;padding:0 !important;padding:0 !important; margin-right: 0px !important }
 #page-t { margin:0 !important}
 #side {width:600px !important; position:absolute; margin-top:-193px; margin-left:330px}
 #side ul {background: url('ФОН МЕНЮ') repeat; border: 1px solid #393531;}
 .menuSection {text-align:center}
 #postsArea { width:820px !important; position: relative !important; margin-left: 32px !important; padding: 10px !important }
 #commentsArea{width:820px !important; position: relative !important; margin-left:32px !important; padding: 10px !important}
 #addCommentArea {width:820px !important; position: relative !important; margin-left: 32px !important; padding: 10px !important}
 #wrapper {position: relative;}
 #thisDiaryOwner_title {display:block; width:106px; height:46px; line-height:500px; overflow:hidden; background: url('ЗАПИСИ') 2px 4px no-repeat; }
 #myDiaryLinks_title {display:block; width:106px; height:46px; line-height:500px; overflow:hidden; background: url('МОЙ ДНЕВНИК') 2px 4px no-repeat; }
 #globalLinks_title {display:block; width:106px; height:46px; line-height:500px; overflow:hidden; background: url('ГЛАВНАЯ СТРАНИЦА') 2px 4px no-repeat; }
 #iAmQuit, #side h1, #authorName span, #YaSearch, #thisDiaryLinks_title {display:none;}
 .avatar img {width:80px !important; min-width:80px !important; max-width:80px!important; -moz-opacity:.45 !important;opacity:.45 !important; filter:alpha(opacity=45); border: 4px double #272727}
 .avatar img:hover {width:100px !important; min-width:100px !important; max-width:100px!important;-moz-opacity:1.0 !important;opacity:1.0 !important; filter:alpha(opacity=100); border: 4px double #55061f}
 #Journal .postInner {background:url('1 АВАТАР') 1px 1px no-repeat !important;}
 #Journal .postInner {padding-left: 105px;}
 #Journal .countSecond div.postInner {background:url('2 АВАТАР') 1px 1px no-repeat !important;}
 #epigraph .postInner, #epigraph .postInner:hover{background-image: none !important; padding: 0 !important;}
 .postInner { min-height:80px;height:auto !important; height:110px;}
 .paragraph {width:75%;}
 #JournalComments .paragraph, #JournalFavorite .paragraph, #JournalQuote .paragraph {margin-left:135px !important; width:80% !important;}
 #epigraph .paragraph{width:100% !important;}
 .paragraph div:first-letter {font-size: 12px; float: none; color: #8d0b3c; line-height:100% !important; line-height:140%;}
 a:hover {color: #697264; background; padding: 0px; text-decoration: blink;}
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; font-size: 95%; background:url('ФОН ЦИТАТЫ'); }
 .postDate { background:url('ФОН ДАТЫ'); background-repeat:no-repeat; height: 100px; width:100%; background-position: center; line-height:100px}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 div:first-letter { font-size: 17px; margin-right: 1px; color: #55061f;}
 #cc { background-color:; border: 1px solid #0a0a09;}
 .sign { background-color:; border: 1px solid #0a0a09;}
 .postTitle {text-shadow: 1px 1px 1px #000; text-align:center}
 .comments {background: url('КОММЕНТАРИИ') 0 0 no-repeat; padding:8px 0 1px 22px !important; }
 .subscribe {background: url('ПОДПИСАТЬСЯ') 0 0 no-repeat; padding:8px 0 1px 22px !important; }
 .addToQuote {background: url('В ЦИТАТНИК') 0 0 no-repeat; padding:8px 0 1px 22px !important; }
 #btSubmit {border: 1px solid #050505; background:url('ФОН ЦИТАТ'); }
 #message {background:url('ФОН ЦИТАТ'); }
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; font-size: 95%; background:url('ФОН ЦИТАТ'); }
 #fromMyself_box {color: #55061f;}
 #TagsList {border: 1px solid #050505; background:url('/userdir/1/3/5/7/1357395/50567045.png'); }

@темы: CSS-дизайн, Chrome-s perception illusion, Готовый дизайн