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

вторник, 19 января 2010

18:18

20

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

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

Как это выглядит, пока можно увидеть у меня. Запись и менюшки уезжают под черно-белые линии. Дизайн только для 1280 х 800 и выше. Тест на Опере 10.0, на ИЕ вообще гарантии нет. Если будете ставить и название дневника с ником будут стоять косо, можно подогнать, изменяя вот эти циферки аккуратно: #thisDiaryInfo a {position: relative; top: 350px; left: -2px !important;} и #side h1 A {position: absolute; top: 111px; left: 836px; z-index: 2; width: 130px; color: #bd1c00 !important;}
Не изменяйте шрифт!
Название фэндома Реборн, Мукуро х Тсуна.
Превью:

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

body {background: url('ФОН') repeat; background-attachment: fixed;}
 #wrapper {position: relative; min-width: 800px; max-width: 800px; width: 800px; margin-top:97px}
 #add_block1 {height:120px !Important; background:url('ВЕРХНЯЯ КАРТИНКА')no-repeat; width:1280px !important; position: fixed; top:0px; left:0px;}
 #extrabottom {margin-top:-42px}
 #page-c{ background: url('ФОН ЗАПИСИ') repeat-y; width:680px !important;padding:0 !important;padding:0 !important; margin-right: 0px !important }
 #side {width:120px !important; margin:0 !important; padding:0 !important;}
 #page-t {width: 450px; position: relative; left: -210px;}
 #wrapper {position: relative;}
 #myDiaryLinks {background: url('МЕНЮ') no-repeat; width: 130px; height: 500px; position: absolute; top:2px; left: -50px; text-align:center;}
 #myDiaryLinks a {position: relative; top: 310px; left: -3px !important;}
 #globalLinks {background: url('МЕНЮ') no-repeat; width: 130px; height: 500px; position: absolute; top: -100px; left: -200px; text-align:center;}
 #globalLinks a {position: relative; top: 325px; left: -4px !important;}
 #Stats { position: absolute; top: 620px; left: 635px; text-align:center;}
 #thisDiaryInfo {background: url('МЕНЮ') no-repeat; width: 130px; height: 500px; position: absolute; top: -240px; left: 835px; text-align:center;}
 #thisDiaryInfo a {position: relative; top: 350px; left: -2px !important;}
 #thisDiaryOwner {display: none;}
 #thisDiaryLinks {display: none;}
 #thisDiaryPhoto img {width: 100px !important; height: 100px !important;}
 #lastComments, #myLinks, #pchs, #YaSearch {display: none;}
 #side h1 A {position: absolute; top: 111px; left: 836px; z-index: 2; width: 130px; color: #bd1c00 !important;}
 #postsArea { width:630px !important; position: relative !important; margin-left: 1px !important; padding: 10px !important }
 #commentsArea{width:630px !important; position: relative !important; margin-left:1px !important; padding: 10px !important}
 #addCommentArea {width:630px !important; position: relative !important; margin-left: 1px !important; padding: 10px !important}
 .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 #242424}
 .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 #6b9486}
 .paragraph div:first-letter {font-size: 12px; float: none; color: #404040; line-height:100% !important; line-height:140%;}
 a:hover {color: #242424; background; padding: 0px; text-decoration: blink;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;}
 div:first-letter { font-size: 17px; margin-right: 1px; color: #6b9486;}
 #cc { background-color:; border: 1px solid #6b9486;}
 .sign { background-color:; border: 1px solid #6b9486;}

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