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

Nov 24, 2009 09:33

Последний дизайн из серии "Писательство", созданной в рамках щедрой акции от ЛитАкадемии. Правила все те же - дизайн в открытом доступе, сохранить копирайты Литакадемии, поставить копирайт сообщества в профиль.

Дизайн пятый - Печатная машинка 2

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



Увеличить/Bigger



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

body {
background-color: #ab9967;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000atp3e);
font-family: Georgia;
font-size: 12.5px;
}
a:link, a:visited, a font, a b{
color: #6c3a23;
font-weight: normal;
text-decoration: none;
}

a:hover, a:hover b{
color: #b8903b;
font-weight: normal;
text-decoration: underline;
}
#container {
width: 1100px;
margin:auto;
padding:0px;
}
#container-inner {
width: 1100px;
margin:0px;
padding:0px;
}
#page {
width:1100px;
margin:0px;
padding:0px;
}
#page-inner {
width: 1100px;
margin:0px;
padding:0px;
}
#header {
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000aws45);
width: 798px;
height:378px;
background-repeat: no-repeat;
background-color: transparent;
margin-top:20px;
margin-left:206px;
padding:0px;
}
#header-inner {
width:798px;
height:450px;
margin:0px;
padding:0px;
}
#header-content{
margin:0px;
padding:0px;
}

#header-content-inner{
margin:0px;
padding:0px;
}

#header-text{
width:798px;
text-align:center;
}

ul.nav {
width:798px;
margin:0px;
margin-top: 400px;
padding:0px;
font-size: 22px;
text-align:center;
}
ul.nav a {
color: #dbc6a9;
font-variant: small-caps;
font-weight: normal;
text-decoration:none;
}
ul.nav a:hover {
color: #6c3a23;
font-variant: small-caps;
font-weight: normal;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}

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

#content {
width:1005px;
margin:0px;
padding:0px;
margin-top:70px;
background-color: transparent;
}
#content-inner {
width:1005px;
margin:0px;
padding:0px;
}

#alpha {
width:798px;
margin:0px;
padding:0px;
background-color:#fef6c5;
}

#alpha-inner {
width:798px;
margin:0px;
padding:0px;
}
#beta {
width:190px;
float:left;
margin:0px;
padding:0px;
padding-top:15px;
background-color:#fef6c5;
}

#beta-inner{
width:190px;
padding:0px;
margin:0px;
}
#gamma {
display: none;
}

.stream-header {
width: 798px;
margin: 0px;
margin-top:20px;
margin-bottom:20px;
}
p.prevnext, .skiplinks {
width: 798px;
padding:0px;
margin:0px;
margin-top:10px;
padding-bottom:10px;
font-size: 14px;
text-align: center;
border-bottom: #55301d 2px dashed;
}
.prevnext a, .skiplinks a {
color: #6c3a23;
text-decoration:none;
font-variant:small-caps;
}
.prevnext a:hover, .skiplinks a:hover {
color: #b8903b;
font-variant:small-caps;
text-decoration:none;
}
.asset {
width: 770px;
margin: 10px 20px 10px 20px;
padding: 0px;
text-align: justify;
}
.asset-inner {
width: 765px;
margin:0px;
padding:0px;
border-bottom: #6c3a23 2px dashed;
}
.asset-header {
width: 770px;
margin:0px;
margin-bottom:5px;
}
.asset-header h2 a{
color:#944b16;
font-variant: small-caps;
font-size: 23px;
text-decoration: none;
font-weight: normal;
}
.asset-header h2 a:hover {
color:#55301d;
font-variant: small-caps;
text-decoration: none;
font-weight: normal;
}
div.asset-header li.item {
border:none;
color: #756b4f;
font-size:11px;
font-variant: normal;
}

div.asset-header li.item span{
border:none;
}
.asset-meta {
width: 770px;
font-size: 11px;
}
.asset-content {
width: 765px;
margin:0px;
margin-bottom: 15px;
padding:0px;
}
.asset-body {
width: 765px;
margin:0px;
margin-bottom: 15px;
padding:0px;
}
.user-icon {
float:left;
margin: 0px 10px 5px 0px;
background-color: transparent !important;
text-align:center;
font-size:10px;
}
.user-icon span {
background-color:transparent !important;
}

.lj-currents {
font-size: 11px;
}
.entryMetadata-label {
color: #756b4f;
font-weight:bold;
font-size: 11px;
}
.entryMetadata-content {
padding-left:4px;
font-size:11px;
}
.asset-tags {
width: 770px;
}
h4.asset-tags-header {
color: #756b4f;
padding-left:2px;
font-size: 11px !important;
font-weight:bold;
}
ul.asset-tags-list {
padding-left:7px !important;
font-size:11px;
}
.asset-tags-list li.item a{
text-decoration:none;
}
.asset-tags-list li.item a:hover {
color:#b8903b;
text-transform: none;
background-color: transparent;
text-decoration:underline;
}

ul.year {
font-size:18px;
margin-top:10px;
}
li.active {
color:#6c3a23;
}
.widget {
width: 186px;
margin:0px;
margin-bottom: 3px;
padding:0px;
font-size: 11px;
padding:2px;
}
.widget-inner {
width: 186px;
margin:0px;
padding:0px;
margin-top:3px;
}
h3.widget-header {
color: #6c3a23;
font-size: 14px;
font-variant:small-caps;
font-weight: bold;
background-color:#dbc6a9;
}

h3.widget-header a {
font-weight: bold;
}

h3.widget-header a:hover {
text-decoration:none;
color: #6c3a23;}

.powered-widget {
background-image: url(http://i796.photobucket.com/albums/yy241/j_sparrow_t/LJ%20and%20DW%20designs/shapka_0.jpg);
width:187px;
height:59px;
background-position:bottom;
background-repeat:no-repeat;
padding-left:2px;
font-size:1px;
color:transparent;
border-bottom:none;
}
.powered-widget a{
display:none !important;
}

#comments {
width: 770px;
margin-top: 10px;
margin-left:10px;
}
div.comments-body{
width:770px;
margin:0px;
padding:0px;
padding-bottom:3px;
text-align:justify;
}
.comments-header.page-header2 {
width: 770px;
margin-left:10px;
color:#944b16;
font-variant: small-caps;
font-size: 23px;
font-weight:normal;
}
div.comment-body {
font-size:12.3px;
margin:7px;
margin-bottom:10px;
}
hr{
display:none;
}
.comment-even {
border:none;
background-color:#dbc6a9;
}
.comment-odd {
border:none;
}

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

Дизайны серии:
1. Перо и Чернила
2. Чернильницы
3. Печатная машинка
4. Перо и Бумага

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


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

sidebar on left, expressive, на заказ

Previous post Next post
Up