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

воскресенье, 27 декабря 2009

09:04

15

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

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

Очень долго мучал детали дизайна в Фотошопе, очень люблю сам дизайн, может, кому-то и приглянется. Фона записи нет, запись идет на фоне==".
Если возникнут проблемы с установкой - пишите.
Дизайн делался для разрешений 1280, на 1024 фон справа будет обрезан.
Название фэндома Манга Кошмар перед Рождеством, Кровь+
Превью:

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

#wrapper{min-width:700px!important;width:700px; top: -10px; margin: 0 auto !important;padding:0 !important;overflow:hidden !important; float: left !important; padding-left:-90px !important;}
 .countFirstDate,.countSecondDate,.pageBar,.header {text-align:center;font-family:Mistral !important; font-size:16pt !important; color: #4695BF !important;}
 .paragraph div:first-letter {font-size: 25px; float: none; font-family:"Monotype Corsiva"; margin-right: 3px; color: #BEDAE9; line-height:100% !important; line-height:140%;}
 #extratop { background: url('Экстратоп') no-repeat; width:700px; height:470px; float: left !important; margin-top: 0px }
 #extrabottom {background: url('Экстработтом') 0px no-repeat; height:428px; float:left !important; width:700px;clear: both;}
 #wrapper{min-width:700px!important; width:700px; float:left!important; margin:0 !important; padding:0 !important;}
 body{background: url('Фон');}
 body{background-attachment:fixed;}
 .menuSection {text-align:center; }
 .postLinksBackg {display:block !important; border-top: 1px dashed #050504; border-bottom: 1px dashed #050504; margin-top: 10px !important; padding:10px 0 !important;}
 A:hover {TEXT-DECORATION: none; text-transform: none; border-bottom: dotted; border-width: 1px; border-bottom-color: #4695BF;}
 a:hover {color: #79B3D1; background; padding: 0px; text-decoration: blink;}
 .countFirst {margin: 0 !important; padding-bottom: 301px !important; background: url('Разделитель') center bottom no-repeat;margin: 0; width: 700px;}
 .countSecond {margin: 0 !important; padding-bottom: 301px !important; background:url('Разделитель') center bottom no-repeat;margin: 0; width: 700px;}
 #authorName, #Stats, #YaSearch, #side h1, #iAmQuit a {display: none !important;}
 #thisDiaryLinks ul, #myDiaryLinks ul, #thisDiaryOwner ul, #globalLinks ul, #myLinks ul, #Stats ul, #pchs ul, #lastComments ul {background:url('Фон меню'); border: 5px solid #79B3D1; text-transform: lowercase; line-height:95% !important; }
 .menuSection {padding-left:12% !important;padding-top:140px !important; position: absolute}
 .menuSection_title{font-size: 12px !important;}
 .menuSection {top: 280px !important;}
 #myDiaryLinks { left: 180px; !important;}
 #globalLinks { left: 390px; !important;}
 #thisDiaryOwner { left: -40px; !important;}
 #iAmQuit b{font-size: 12px !important; }
 #myDiaryLinks_title, #myCommunityLink_title {display:block; width:149px; height:49px; line-height:500px; overflow:hidden; background: url('Дневник неактивный') 2px 4px no-repeat;}
 #myDiaryLinks_title:hover, #myCommunityLink_title:hover {display:block; width:149px; height:49px; line-height:500px; overflow:hidden; background: url('Дневник активный') 2px 4px no-repeat;}
 #globalLinks_title {display:block; width:149px; height:49px; line-height:500px; overflow:hidden; background: url('Главная страница неактивна') 2px 4px no-repeat;}
 #globalLinks_title:hover {display:block; width:149px; height:49px; line-height:500px; overflow:hidden; background: url('Главная страница активна') 2px 4px no-repeat;}
 #thisDiaryOwner_title{display:block; width:149px; height:49px; line-height:500px; overflow:hidden; background: url('Записи неактивны') 2px 4px no-repeat;}
 #thisDiaryOwner_title:hover{display:block; width:149px; height:49px; line-height:500px; overflow:hidden; background: url('Записи активны') 2px 4px no-repeat;}
 2px 4px no-repeat;}
 .avatar img,.avatarNew img { display: block; position: relative; background-color: #fff; border: 1px solid #BEDAE9; margin: filter:alpha(opacity=100) !important;-moz-opacity:.75 !important;opacity:.75 !important;}
 .avatar img:hover,.avatarNew img:hover { display: block; position: relative; background-color: #fffff0; border: 1px solid #79B3D1; margin: filter:alpha(opacity=100);-moz-opacity:1.0 !important;opacity:1.0 !important;}
 .avatar img,.avatarNew img { background-color: #; border: 1px solid #4B7186; padding: 1px; }
 #cc { background-color: #0E1E24; border: 1px solid #79B3D1;}
 .sign{ background-color: #0E1E24; border: 1px solid #79B3D1;}
 span.quote_text {font-style:normal; display: block; margin: 5px;padding: 5px; border:5px solid #79B3D1; font-size: 95%; background: ; }

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