[альпачина]

scrsh for ie by ~cherrygir1 on deviantART
scrsh by ~cherrygir1 on deviantART

body {margin:0; padding:0;overflow-x: hidden !important; }
 #wrapper {width:470px; position:absolute; left:50%; margin-left:-310px;}
 #side {width: 110px !important; position:fixed !important; top:14px !important; margin-left: 20px;}
 #page-c {position:relative !important; width: 700px; margin-right: 370px !important; margin-top:0px !important; margin-left:0px !important; left: 0px !important; top:14px !important; }
 #side h1 {width:100px; margin-left: 0px}
 .menuSection {text-align:center}
 #myDraftLink, #photolibLink, #favListLink, #pchListLink, #communityCatalogueLink, #myCommunitiesLink, #diarySpiritLink, #diarySupportLink, #faqLink, #iAmQuit, #Stats, #upInChart, #myProfileLink, #topNav, #YaSearch, #sortFromBegin, #sortFromEnd, #sortFromLastComment, #sortOrder, .order_button, #register, .lostpassword, #login_form, #writeToAuthor {display:none}
 body {background-image: url("/userdir/2/7/2/6/2726347/71658595.jpg") !important; background-position: center; }
 body{ background-attachment:fixed !important; }
 a:hover {cursor:w-resize !important; }
 #side, .postLinksBackg, .postDate, .postLinks, .singleComment, .pageBar { text-transform: lowercase; }
 BODY, HTML { SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #a6a6a6; SCROLLBAR-SHADOW-COLOR: #4d4d4d; SCROLLBAR-3DLIGHT-COLOR: #a6a6a6; SCROLLBAR-ARROW-COLOR: #4d4d4d; SCROLLBAR-TRACK-COLOR: #4d4d4d; SCROLLBAR-DARKSHADOW-COLOR:#4d4d4d; }
 .paragraph div:first-letter { font-size: 30px; float: left !important; float: none; font-family:Times New Roman; margin-right: 3px; color: #000000; line-height:100% !important; }
 #page-c, #side {-moz-opacity:.10 !important;opacity:.50 !important; filter:alpha(opacity=50); }
 .atMusic SPAN {display:block; width:50px; height:20px; line-height:400px; float:left; overflow:hidden; background: #000000 url('/userdir/2/7/2/6/2726347/71366134.gif') 5px 4px no-repeat;}
 a:hover{color:#3715e9}
 .postInner a {text-decoration:none;}
 #register, .lostpassword, #login_form, #writeToAuthor {display: none;}
 #side {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
 #bottomNav, #Stats, #topNav {display: none !important; }
 .left #page-c{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
 

Дизайн протестирован в IE, MF, Opera, Chrome.

Табличный дизайн. Навиг.панель слева.

Шрифт
-заголовка: обычный 19
-текста: обычный 12
-гарнитура Courier New


Цвет текста
-заголовка #130af4
-записи #0f1004
-ссылки #050405
-оффтопика #ccc1c8

Цвет фона и границ
-фона дневника #ffffff
-фона заголовка #a0abf7
-фона записи #a0abf7
-границы #200f6a

превью фон

bckgrnd by ~cherrygir1 on deviantART

превью @music

_music by ~cherrygir1 on deviantART

@темы: Дизайн с использованием CSS

Comments

[Shendary]

Идея мне нравится. Но шрифт читается плохо. Возможно, стоит сделать подложку менее прозрачной?

[альпачина]

Shendary, так задумано.
Но я бы хотела сама убрать прозрачность с текста, но пока не получилось. Вообще становится лучше, если изменить шрифт. А подложку сделать менее прозрачной можно в этой строке кода:

#page-c, #side {-moz-opacity:.10 !important;opacity:.50 !important; filter:alpha(opacity=50); }

и в этой (делать одновременно, это для ие нужно):

.left #page-c{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}