Подарок пользователям от ЛитАкадемии - Серия дизайнов "Писательство", 3

[jenny_sparrow]

Очередной дизайн на тему "Писательство" в рамках щедрой акции от ЛитАкадемии. Правила те же :)

Дизайн третий - Печатная машинка

1. Expressive
2. Две колонки (боковая панель слева)
3. Mozilla, Opera, IE 7



Увеличить

Внимание! У этого дизайна нельзя будет поменять названия ссылок главного меню в заголовке!



1.Вот тут в строке поиска (примерно посередине экрана, с правой стороны) вводим слово Unstyled и из трех макетов выбираем последний - для Expressive (нажимаем Применить).
2. Внизу страницы выбираем макет журнала - Две колонки, боковая панель слева.
3. Далее переходим по ссылке Настроить выбранное оформление, и там в поле Custom Css вставляем следующий код.

body{
background-color: #261913;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/0009h3x8);
font-family:Verdana;
font-size:12px;
color:#2c1005;
}
a:link, a:visited, a font, a b {
color: #261913;
font-weight: normal;
text-decoration: underline;
}

a:hover, a:hover b {
color: #261913;
font-weight: normal;
text-decoration: none;
}

#container {
width:900px;
margin:auto;
margin-top:0px;
padding:0px;
background-color:transparent;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/0009k68h);
background-repeat:y-repeat;
}
#container-inner {
width:900px;
margin:0px;
padding:0px;
}
#page{
width:900px;
margin:0px;
padding:0px;
}
#page-inner{
width:900px;
margin:0px;
padding:0px;
}
#header {
background-color:transparent;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/0009gwg5);
width:900px;
height:366px;
margin:0px;
padding:0px;
}

div#header-inner{
width:900px;
}

#header-name, #header-description {
display:none;}

ul.nav {
width: 135px;
height:300px;
left:5px;
top:15px;
padding: 0;
}
ul.nav li.item {
margin-top:10px;
margin-bottom:10px;
border:none;
}
.nav .item {
float:left;
width:135px;
margin-left:20px;
}

.nav .item a {
position: relative;
float: left;
text-decoration:none;
width:135px;
font-size:23px;
line-height:30px;
color:transparent;
}

.nav .item a:hover {
color:transparent;
text-decoration:none;
}

#content{
background-color:transparent;
width:900px;
margin:0px;
}
#content-inner{
width:900px;
margin:0px;
padding:0px;
}
#alpha {
width:710px;
margin:0px;
padding:0px;
margin-top:-25px;
}
#alpha-inner {
width:710px;
margin:0px;
padding:0px;
}
#beta {
width:175px;
float:left;
margin:0px;
padding:0px;
margin-top:30px;
}
#beta-inner {
width:175px;
margin:0px;
padding:0px;
}
#gamma {
display:none;
}
.stream-header {
width:700px;
margin-top:15px;
margin-bottom:10px;
padding:0px;
}
p.prevnext, .skiplinks{
width:700px;
text-align:right;
font-size:13px;
}
.prevnext a, .skiplinks a{
color: #261913;
text-decoration:underline;
}
.prevnext a:hover, .skiplinks a:hover {
color: #261913;
text-decoration:none;
}

.asset {
width:700px;
margin:0px;
padding:0px;
text-align:justify;
}
.asset-inner {
width:700px;
margin:0px;
padding:0px;
margin-bottom:20px;
}

.asset-header {
width:700px;
margin-bottom:10px;
border-bottom:black 2px dotted;
}

h2.asset-name a{
font-size:20px;
color:#261913;
text-decoration:none;
}

h2.asset-name a:hover {
color:#2c1005;
text-decoration:underline;
}
div.asset-header li.item {
float:right;
border:none;
color: dimgray;
font-size:10.5px;
padding:0px;
}

div.asset-header li.item span {
padding:0px;
margin:0px;
}
.asset-meta {
width:700px;
}
.asset-meta a{
font-size:10.5px;
color:black;
}

.asset-content {
width:700px;
padding:0px;
}
.asset-body{
width:700px;
margin:0px;
margin-bottom:15px;
padding:0px;
}
.user-icon {
float:left;
padding:0px;
background-color:transparent !important;
text-align:center;
margin-right:0px;
margin-bottom:3px;
margin-right:7px;
font-size:10px;
}
.user-icon span {
background-color:transparent !important;
}

.entryMetadata-label{
color: #261913;
margin-left:-2px;
}
.entryMetadata-content {
margin-left:3px;
}

.lj-currents {
font-size:11px;
color:black;
}
ul.asset-tags-list {
font-size:11px;
padding-left:7px !important;
}
h4.asset-tags-header {
font-weight:bold;
color: #261913;
font-size:11px !important;
}
.asset-tags-list li.item a {
color:black;
}
.asset-tags-list li.item a:hover {
color:black;
background-color:transparent;
text-decoration:none;
}

ul.year {
font-size:18px;
color:black;
}

.widget {
width:175px;
font-size:11px;
margin:0px;
padding:0px;
margin-bottom:7px;
border-bottom:black 2px dotted;
}
.widget-inner {
padding:0px;
}
h3.widget-header {
font-size:12.5px;
font-weight:bold;
color:#261913;
font-variant:small-caps;
}
h3.widget-header a{
font-weight:bold;
font-variant:small-caps;
color:#261913;
text-decoration:none;
}
h3.widget-header a:hover {
color:#261913;
text-decoration:none;}

.calendar-widget table {
margin-left:-3px;}

.powered-widget {
background-image: url(http://pics.livejournal.com/tryout_cover/pic/0009fbwk);
width:170px;
height:53px;
background-position:bottom;
background-repeat:no-repeat;
padding-left:4px;
font-size:1px;
color:transparent;
border:none !important;
}
.powered-widget a{
display:none !important;
}

#comments {
width:700px;
margin-top:10px;
}
div.comments-body{
width:700px;
margin:0px;
padding:0px;
}
.comments-header.page-header2 {
width:700px;
font-size:20px;
color:#261913;
margin-left:5px;
font-weight:normal;
}

div.comment-body {
font-size:13px;
margin:7px;
margin-bottom:20px;
}
.comment-even {
border:none;
}
.comment-odd{
border:none;
border-bottom:black 2px dotted;
}
hr{
display:none;
}

NB Не забудьте указать у себя в профиле ссылку на сообщество: код для вставки - Дизайн журнала: sparrow_design либо поставить баннер сообщества (коды есть в профиле)!

Дизайны серии:
1. Перо и Чернила
2. Чернильницы

Баннер ЛитАкадемии (его можно вставлять в профиль либо в боковую колонку дизайна):


http://litacademia.ru/">http://pics.livejournal.com/tryout_cover/pic/0008k328" border="0">