Подарок пользователям от ЛитАкадемии - Серия дизайнов "Писательство", 4
Очередной дизайн на тему "Писательство" в рамках щедрой акции от ЛитАкадемии. Правила те же :)
Дизайн третий - Перо и бумага
1. Expressive
2. Две колонки (боковая панель слева)
3. Mozilla, Opera, IE 7
Увеличить/Bigger
1.Вот тут в строке поиска (примерно посередине экрана, с правой стороны) вводим слово Unstyled и из трех макетов выбираем последний - для Expressive (нажимаем Применить).
2. Внизу страницы выбираем макет журнала - Две колонки, боковая панель слева.
3. Далее переходим по ссылке Настроить выбранное оформление, и там в поле Custom Css вставляем следующий код.
body{
background-color: white;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a0br7);
font-family:Times;
font-size:14.7px;
}
a:link, a:visited, a font, a b {
color: gray;
font-weight: normal;
text-decoration: none;
}
a:hover, a:hover b {
color: dimgray;
font-weight: normal;
text-decoration: underline;
}
#container {
width:950px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a1596);
background-repeat:y-repeat;
margin:auto;
margin-top:50px !important;
padding:0px;
background-color:transparent;
}
#container-inner {
width:950px;
margin:0px;
padding:0px;
}
#page{
width:950px;
margin:0px;
padding:0px;
}
#page-inner{
width:950px;
margin:0px;
padding:0px;
}
#header {
background-color:transparent;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a3fwe);
width:950px;
height:300px;
margin:0px;
padding:0px;
}
#header-inner {
width:950px;
}
#header-content{
margin:0px;
padding:0px;
}
#header-content-inner{
margin:0px;
padding:0px;
}
#header-text{
width:915px;
text-align:right;
height:290px;
border-bottom:gray 2px dashed;
margin-left:15px;
}
ul.nav {
width:900px;
font-size:15px;
margin-top:50px;
text-align:right;
}
.nav a{
color:#a7a7a7;
text-decoration:none;
}
.nav a:hover {
color: gray;
text-decoration:underline;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
#header-name {
width:900px;
font-size:27px;
margin-top:100px;
text-align:right;
}
#header-name a{
color:#959393;
text-decoration:none;
}
#header-name a:hover{
color:gray;
text-decoration:none;
}
#header-description{
width:900px;
color: #a7a7a7;
font-size:15px;
margin-top:15px;
text-align:right;
}
#content{
width:950px;
margin:0px;
margin-top:40px;
}
#content-inner{
width:950px;
margin:0px;
padding:0px;
}
#alpha {
width:740px;
margin:0px;
padding:0px;
padding-top:10px;
border-left:gray 2px dashed;
}
#alpha-inner {
width:740px;
margin:0px;
padding:0px;
}
#beta {
width:180px;
float:left;
margin:0px;
margin-top:10px;
margin-left:20px;
padding:0px;
}
#gamma {
display:none;
}
.stream-header {
width:720px;
margin-top:15px;
margin-bottom:10px;
padding:0px;
}
p.prevnext, .skiplinks{
width:700px;
text-align:center;
font-size:14px;
}
.prevnext a, .skiplinks a{
color: #a6a6a6;
text-decoration:none;
}
.prevnext a:hover, .skiplinks a:hover {
color: dimgray;
text-decoration:none;
}
.asset {
width:720px;
margin:0px;
padding:0px;
text-align:justify;
margin-left:10px;
}
.asset-inner {
width:720px;
margin:0px;
padding:0px;
margin-bottom:10px;
}
.asset-header {
width:740px;
font-variant:small-caps;
margin-bottom:10px;
margin-top:10px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a48hg);
background-repeat:no-repeat;
position:left top !important;
}
h2.asset-name {
width:680px;
margin-left:60px;
}
h2.asset-name a{
font-size:23px;
color:#a6a6a6;
text-decoration:none;
}
h2.asset-name a:hover {
color:gray;
text-decoration:none;
}
div.asset-header li.item {
float:left;
border:none;
color: gray;
font-size:10.5px;
padding:0px;
}
div.asset-header li.item span {
padding:0px;
margin-left:66px;
}
.asset-meta {
width:740px;
}
.asset-meta a{
font-size:12px;
color:dimgray;
}
.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-left:0px;
margin-bottom:5px;
margin-right:10px;
font-size:11px;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img{
padding:5px;
border:1px solid #a6a6a6;
}
img[src*="userinfo.gif"] {
padding: 0px;
}
img[src*="community.gif"] {
padding: 0px;
}
.entryMetadata-label{
font-size:12px;
color: #a6a6a6;
}
.entryMetadata-content {
margin-left:4px;
}
.lj-currents {
font-size:12px;
color:gray;
}
ul.asset-tags-list {
font-size:12px;
padding-left:5px;
}
h4.asset-tags-header {
font-weight:bold;
color: #a6a6a6;
}
.asset-tags-list li.item a {
color:dimgray;
}
.asset-tags-list li.item a:hover {
color:dimgray;
background-color:transparent;
text-decoration:underline;
}
.asset-footer {
width:700px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a22he);
height:59px;
margin:0px;
}
ul.year {
font-size:18px;
color:dimgray;
}
.widget {
width:178px;
font-size:12.5px;
margin:0px;
padding:0px;
margin-bottom:10px;
}
.widget-inner {
padding:1px;
}
h3.widget-header {
background-image:url(http://pics.livejournal.com/tryout_cover/pic/00046fg2);
background-position:top left;
background-repeat:no-repeat;
font-size:13.5px;
font-weight:bold;
color:#a6a6a6;
font-variant:small-caps;
padding-left:30px;
padding-bottom:2px;
border-bottom:gray 1px dashed;
hight:33px;
}
h3.widget-header a{
font-weight:bold;
font-variant:small-caps;
color:#a6a6a6;
}
h3.widget-header a:hover {
font-weight:bold;
font-variant:small-caps;
color:#a6a6a6;
text-decoration:none;
}
.calendar-widget table {
margin-left:-5px;}
.powered-widget {
background-image: url(http://pics.livejournal.com/tryout_cover/pic/0009fbwk);
width:178px;
height:57px;
background-position:bottom;
background-repeat:no-repeat;
padding-left:5px;
font-size:1px;
color:transparent;
border:none;
}
.powered-widget a{
display:none !important;
}
#comments {
width:710px;
margin-top:5px;
}
div.comments-body{
width:710px;
margin:0px;
padding:0px;
}
.comments-header.page-header2 {
width:710px;
font-size:23px;
color:#a6a6a6;
margin-left:5px;
font-weight:normal;
font-variant:small-caps;
text-align:center;
}
div.comment-inner div.user-icon {
float:left;
margin:5px;
}
div.comment-body {
font-size:13.5px;
margin:7px;
margin-bottom:20px;
}
.comment-even {
background-color:#f7f7f7;
border:none;
}
.comment-odd{
border:none;
}
hr{
display:none;
}
NB Не забудьте указать у себя в профиле ссылку на сообщество: код для вставки - Дизайн журнала: sparrow_design либо поставить баннер сообщества (коды есть в профиле)!
Дизайны серии:
1. Перо и Чернила
2. Чернильницы
3. Печатная машинка
Баннер ЛитАкадемии (его можно вставлять в профиль либо в боковую колонку дизайна):
http://litacademia.ru/">
http://pics.livejournal.com/tryout_cover/pic/0008k328" border="0">
Дизайн третий - Перо и бумага
1. Expressive
2. Две колонки (боковая панель слева)
3. Mozilla, Opera, IE 7
Увеличить/Bigger
1.Вот тут в строке поиска (примерно посередине экрана, с правой стороны) вводим слово Unstyled и из трех макетов выбираем последний - для Expressive (нажимаем Применить).
2. Внизу страницы выбираем макет журнала - Две колонки, боковая панель слева.
3. Далее переходим по ссылке Настроить выбранное оформление, и там в поле Custom Css вставляем следующий код.
body{
background-color: white;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a0br7);
font-family:Times;
font-size:14.7px;
}
a:link, a:visited, a font, a b {
color: gray;
font-weight: normal;
text-decoration: none;
}
a:hover, a:hover b {
color: dimgray;
font-weight: normal;
text-decoration: underline;
}
#container {
width:950px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a1596);
background-repeat:y-repeat;
margin:auto;
margin-top:50px !important;
padding:0px;
background-color:transparent;
}
#container-inner {
width:950px;
margin:0px;
padding:0px;
}
#page{
width:950px;
margin:0px;
padding:0px;
}
#page-inner{
width:950px;
margin:0px;
padding:0px;
}
#header {
background-color:transparent;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a3fwe);
width:950px;
height:300px;
margin:0px;
padding:0px;
}
#header-inner {
width:950px;
}
#header-content{
margin:0px;
padding:0px;
}
#header-content-inner{
margin:0px;
padding:0px;
}
#header-text{
width:915px;
text-align:right;
height:290px;
border-bottom:gray 2px dashed;
margin-left:15px;
}
ul.nav {
width:900px;
font-size:15px;
margin-top:50px;
text-align:right;
}
.nav a{
color:#a7a7a7;
text-decoration:none;
}
.nav a:hover {
color: gray;
text-decoration:underline;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
#header-name {
width:900px;
font-size:27px;
margin-top:100px;
text-align:right;
}
#header-name a{
color:#959393;
text-decoration:none;
}
#header-name a:hover{
color:gray;
text-decoration:none;
}
#header-description{
width:900px;
color: #a7a7a7;
font-size:15px;
margin-top:15px;
text-align:right;
}
#content{
width:950px;
margin:0px;
margin-top:40px;
}
#content-inner{
width:950px;
margin:0px;
padding:0px;
}
#alpha {
width:740px;
margin:0px;
padding:0px;
padding-top:10px;
border-left:gray 2px dashed;
}
#alpha-inner {
width:740px;
margin:0px;
padding:0px;
}
#beta {
width:180px;
float:left;
margin:0px;
margin-top:10px;
margin-left:20px;
padding:0px;
}
#gamma {
display:none;
}
.stream-header {
width:720px;
margin-top:15px;
margin-bottom:10px;
padding:0px;
}
p.prevnext, .skiplinks{
width:700px;
text-align:center;
font-size:14px;
}
.prevnext a, .skiplinks a{
color: #a6a6a6;
text-decoration:none;
}
.prevnext a:hover, .skiplinks a:hover {
color: dimgray;
text-decoration:none;
}
.asset {
width:720px;
margin:0px;
padding:0px;
text-align:justify;
margin-left:10px;
}
.asset-inner {
width:720px;
margin:0px;
padding:0px;
margin-bottom:10px;
}
.asset-header {
width:740px;
font-variant:small-caps;
margin-bottom:10px;
margin-top:10px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a48hg);
background-repeat:no-repeat;
position:left top !important;
}
h2.asset-name {
width:680px;
margin-left:60px;
}
h2.asset-name a{
font-size:23px;
color:#a6a6a6;
text-decoration:none;
}
h2.asset-name a:hover {
color:gray;
text-decoration:none;
}
div.asset-header li.item {
float:left;
border:none;
color: gray;
font-size:10.5px;
padding:0px;
}
div.asset-header li.item span {
padding:0px;
margin-left:66px;
}
.asset-meta {
width:740px;
}
.asset-meta a{
font-size:12px;
color:dimgray;
}
.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-left:0px;
margin-bottom:5px;
margin-right:10px;
font-size:11px;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img{
padding:5px;
border:1px solid #a6a6a6;
}
img[src*="userinfo.gif"] {
padding: 0px;
}
img[src*="community.gif"] {
padding: 0px;
}
.entryMetadata-label{
font-size:12px;
color: #a6a6a6;
}
.entryMetadata-content {
margin-left:4px;
}
.lj-currents {
font-size:12px;
color:gray;
}
ul.asset-tags-list {
font-size:12px;
padding-left:5px;
}
h4.asset-tags-header {
font-weight:bold;
color: #a6a6a6;
}
.asset-tags-list li.item a {
color:dimgray;
}
.asset-tags-list li.item a:hover {
color:dimgray;
background-color:transparent;
text-decoration:underline;
}
.asset-footer {
width:700px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/000a22he);
height:59px;
margin:0px;
}
ul.year {
font-size:18px;
color:dimgray;
}
.widget {
width:178px;
font-size:12.5px;
margin:0px;
padding:0px;
margin-bottom:10px;
}
.widget-inner {
padding:1px;
}
h3.widget-header {
background-image:url(http://pics.livejournal.com/tryout_cover/pic/00046fg2);
background-position:top left;
background-repeat:no-repeat;
font-size:13.5px;
font-weight:bold;
color:#a6a6a6;
font-variant:small-caps;
padding-left:30px;
padding-bottom:2px;
border-bottom:gray 1px dashed;
hight:33px;
}
h3.widget-header a{
font-weight:bold;
font-variant:small-caps;
color:#a6a6a6;
}
h3.widget-header a:hover {
font-weight:bold;
font-variant:small-caps;
color:#a6a6a6;
text-decoration:none;
}
.calendar-widget table {
margin-left:-5px;}
.powered-widget {
background-image: url(http://pics.livejournal.com/tryout_cover/pic/0009fbwk);
width:178px;
height:57px;
background-position:bottom;
background-repeat:no-repeat;
padding-left:5px;
font-size:1px;
color:transparent;
border:none;
}
.powered-widget a{
display:none !important;
}
#comments {
width:710px;
margin-top:5px;
}
div.comments-body{
width:710px;
margin:0px;
padding:0px;
}
.comments-header.page-header2 {
width:710px;
font-size:23px;
color:#a6a6a6;
margin-left:5px;
font-weight:normal;
font-variant:small-caps;
text-align:center;
}
div.comment-inner div.user-icon {
float:left;
margin:5px;
}
div.comment-body {
font-size:13.5px;
margin:7px;
margin-bottom:20px;
}
.comment-even {
background-color:#f7f7f7;
border:none;
}
.comment-odd{
border:none;
}
hr{
display:none;
}
NB Не забудьте указать у себя в профиле ссылку на сообщество: код для вставки - Дизайн журнала: sparrow_design либо поставить баннер сообщества (коды есть в профиле)!
Дизайны серии:
1. Перо и Чернила
2. Чернильницы
3. Печатная машинка
Баннер ЛитАкадемии (его можно вставлять в профиль либо в боковую колонку дизайна):
http://litacademia.ru/">