Подарок пользователям от ЛитАкадемии - Серия дизайнов "Писательство"
© Литературный проект ЛитАкадемия
По заказу ЛитАкадемии мною была выполнена серия дизайнов, объединенных общей темой "Писательство" - ручки, перья, чернила, бумага, печатные машинки. По их же желанию готовые дизайны будут доступны всем желающим, с одним лишь условием - сохранить все копирайты, присутствующие в дизайне, и не забыть, конечно, поставить копирайт этого сообщества ;) Аттракцион невиданной щедрости - наслаждайтесь :)
Первый дизайн - Перо и Чернила
1. Expressive
2. Две колонки (боковая панель слева)
Увеличить
1.Вот тут в строке поиска (примерно посередине экрана, с правой стороны) вводим слово Unstyled и из трех макетов выбираем последний - для Expressive (нажимаем Применить).
2. Внизу страницы выбираем макет журнала - Две колонки, боковая панель слева.
3. Далее переходим по ссылке Настроить выбранное оформление, и там в поле Custom Css вставляем следующий код.
body {
background-color: white;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/00017rac);
font-family: Georgia;
font-size: 13px;
}
a:link, a:visited, a font, a b{
color: #a19062;
font-weight: normal;
text-decoration: none;
}
a:hover, a:hover b{
color: #796325;
font-weight: normal;
text-decoration: none;
}
#container {
width: 900px;
margin:auto;
margin-top:40px !important;
padding:0px;
}
#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-image: url(http://pics.livejournal.com/tryout_cover/pic/0008p9s5);
width: 900px;
height:430px;
background-repeat: no-repeat;
background-color: transparent;
margin:0px;
padding:0px;
}
#header-inner {
width:900px;
margin:0px;
padding:0px;
}
#header-content{
margin:0px;
padding:0px;
}
#header-content-inner{
margin:0px;
padding:0px;
}
#header-text{
width:890px;
text-align:left;
}
ul.nav {
width: 890px;
margin-top: 15px;
padding:0px;
margin-left:15px;
font-size: 18px;
}
ul.nav a {
color: #e8e5d6;
text-decoration:none;
font-weight:normal;
font-style:italic;
}
ul.nav a:hover {
color: #e8e5d6;
font-weight:normal;
text-decoration:underline;
font-style:italic;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
#header-name {
text-align:right;
width:870px;
font-size:25px;
font-variant:small-caps;
margin-top:250px;
}
#header-name a{
color:#796325;
text-decoration:none;
}
#header-name a:hover{
color:#796325;
text-decoration:none;
}
#header-description{
width:870px;
text-align:right;
margin-top:25px;
color:#796325;
font-size:15px;
}
#content {
width: 896px;
margin:0px;
padding:0px;
background-color: #e5dfcf;
border-left:2px #ab9967 solid;
border-bottom:2px #ab9967 solid;
border-right:2px #ab9967 solid;
}
#content-inner {
width: 896px;
margin:0px;
padding:0px;
background-color: transparent;
}
#alpha {
width:705px;
background-color: white;
margin:0px;
padding:0px;
padding-top:10px;
}
#alpha-inner {
width:705px;
margin:0px;
padding:0px;
}
#beta {
width:190px;
float:left;
margin:0px;
padding:0px;
}
#beta-inner{
width:190px;
padding: 0px;
margin:0px;
margin-top:10px;
}
#gamma {
display: none;
}
.stream-header {
width: 690px;
margin: 10px 0px 10px 0px;
}
p.prevnext, .skiplinks {
width: 690px;
padding:0px;
margin:0px;
margin-bottom:10px;
margin-top:5px;
font-size: 12px;
text-align: center;
}
.prevnext a, .skiplinks a {
text-decoration:none;
}
.prevnext a:hover, .skiplinks a:hover {
text-decoration:underline;
}
.asset {
width: 680px;
margin:0px;
padding: 0px;
text-align: justify;
}
.asset-inner {
width: 680px;
margin:0px;
padding:0px;
margin-left:10px;
}
.asset-header {
width:680px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/0008h28p);
background-repeat:no-repeat;
position:left top !important;
}
.asset-header h2 {
padding-left:60px;
}
.asset-header h2 a{
font-size: 22px;
text-decoration: none;
font-weight: normal;
}
.asset-header h2 a:hover {
text-decoration: underline;
font-weight:normal;
color: #a19062;
}
div.asset-header li.item {
float:right;
margin-right:0px;
border:none;
color: #ab9967;
font-size:11px;
font-variant: normal;
}
div.asset-header li.item span{
border:none;
}
.asset-meta {
width: 680px;
font-size: 11.5px;
}
.asset-content {
width:680px;
margin:0px;
margin-bottom: 15px;
padding:0px;
}
.asset-body {
width: 680px;
margin:0px;
margin-bottom: 15px;
padding:0px;
}
.user-icon {
float:right;
margin: 0px;
margin-left:7px;
margin-bottom:4px;
background-color: transparent !important;
text-align:center;
font-size:10px;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img {
border:5px solid #ab9967;
}
.lj-currents {
font-size: 11.5px;
}
.entryMetadata-label {
color: #796325;
font-weight:bold;
font-size: 11.5px;
}
.entryMetadata-content {
padding-left:3px;
font-size:11.5px;
}
.asset-tags {
width: 680px;
font-size:11.5px;
}
ul.asset-meta-list {
font-size:11.5px;
}
h4.asset-tags-header {
color: #796325;
padding-left:2px;
font-weight:bold;
font-size:11.5 !important;
}
.asset-tags-list {
padding-left:5px !important;
}
.asset-tags-list li.item a{
text-decoration:none;
}
.asset-tags-list li.item a:hover {
color: #796325;
text-transform: none;
background-color: transparent;
text-decoration:none;
}
.asset-footer {
width:680px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/0008qg3g);
background-repeat:no-repeat;
height:50px;
}
ul.year {
font-size:18px;
margin-top:10px;
}
li.active {
background-color:transparent;
color:#7d7046;
}
.widget {
width: 190px;
margin:0px;
margin-bottom: 8px;
padding:0px;
font-size: 11px;
border-bottom: #796325 dotted 1px;
}
.widget-inner {
width: 190px;
margin:0px;
padding:0px;
}
h3.widget-header {
color: #796325;
font-style: italic;
font-weight:bold;
font-size: 12.5px;
text-align:center;
}
h3.widget-header a{
color: #796325;
font-weight:bold;
}
h3.widget-header a:hover {
color: #796325;
font-weight:bold;
text-decoration:none;}
.powered-widget {
background-image: url(http://pics.livejournal.com/tryout_cover/pic/0008k328);
width:187px;
height:59px;
background-position:bottom;
background-repeat:no-repeat;
padding-left:3px;
font-size:1px;
color:transparent;
border-bottom:none;
}
.powered-widget a{
display:none !important;
}
#comments {
width: 680px;
margin:0px;
margin-top: 10px;
}
div.comments-body{
width:680px;
margin:0px;
padding:0px;
padding-bottom:3px;
text-align:justify;
}
.comments-header.page-header2 {
width: 685px;
text-align:center;
color:#a19062;
font-size: 22px;
font-weight:normal;
padding-left:5px;
}
div.comment-body {
font-size:12.3px;
margin:7px;
margin-bottom:20px;
}
hr{
display:none;
}
.comment-even {
border:none;
}
.comment-odd {
border:none;
border-bottom: #796325 1px dotted;
}
div.comment-inner div.user-icon {
float:left;
margin:5px;
}
CREDIT Не забудьте указать у себя в профиле ссылку: Дизайн журнала: sparrow_design либо поставить баннер сообщества (коды есть в профиле)!
Баннер ЛитАкадемии (его можно вставлять в профиль либо в боковую колонку дизайна):
http://litacademia.ru/">
http://pics.livejournal.com/tryout_cover/pic/0008k328" border="0">
По заказу ЛитАкадемии мною была выполнена серия дизайнов, объединенных общей темой "Писательство" - ручки, перья, чернила, бумага, печатные машинки. По их же желанию готовые дизайны будут доступны всем желающим, с одним лишь условием - сохранить все копирайты, присутствующие в дизайне, и не забыть, конечно, поставить копирайт этого сообщества ;) Аттракцион невиданной щедрости - наслаждайтесь :)
Первый дизайн - Перо и Чернила
1. Expressive
2. Две колонки (боковая панель слева)
Увеличить
1.Вот тут в строке поиска (примерно посередине экрана, с правой стороны) вводим слово Unstyled и из трех макетов выбираем последний - для Expressive (нажимаем Применить).
2. Внизу страницы выбираем макет журнала - Две колонки, боковая панель слева.
3. Далее переходим по ссылке Настроить выбранное оформление, и там в поле Custom Css вставляем следующий код.
body {
background-color: white;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/00017rac);
font-family: Georgia;
font-size: 13px;
}
a:link, a:visited, a font, a b{
color: #a19062;
font-weight: normal;
text-decoration: none;
}
a:hover, a:hover b{
color: #796325;
font-weight: normal;
text-decoration: none;
}
#container {
width: 900px;
margin:auto;
margin-top:40px !important;
padding:0px;
}
#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-image: url(http://pics.livejournal.com/tryout_cover/pic/0008p9s5);
width: 900px;
height:430px;
background-repeat: no-repeat;
background-color: transparent;
margin:0px;
padding:0px;
}
#header-inner {
width:900px;
margin:0px;
padding:0px;
}
#header-content{
margin:0px;
padding:0px;
}
#header-content-inner{
margin:0px;
padding:0px;
}
#header-text{
width:890px;
text-align:left;
}
ul.nav {
width: 890px;
margin-top: 15px;
padding:0px;
margin-left:15px;
font-size: 18px;
}
ul.nav a {
color: #e8e5d6;
text-decoration:none;
font-weight:normal;
font-style:italic;
}
ul.nav a:hover {
color: #e8e5d6;
font-weight:normal;
text-decoration:underline;
font-style:italic;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
#header-name {
text-align:right;
width:870px;
font-size:25px;
font-variant:small-caps;
margin-top:250px;
}
#header-name a{
color:#796325;
text-decoration:none;
}
#header-name a:hover{
color:#796325;
text-decoration:none;
}
#header-description{
width:870px;
text-align:right;
margin-top:25px;
color:#796325;
font-size:15px;
}
#content {
width: 896px;
margin:0px;
padding:0px;
background-color: #e5dfcf;
border-left:2px #ab9967 solid;
border-bottom:2px #ab9967 solid;
border-right:2px #ab9967 solid;
}
#content-inner {
width: 896px;
margin:0px;
padding:0px;
background-color: transparent;
}
#alpha {
width:705px;
background-color: white;
margin:0px;
padding:0px;
padding-top:10px;
}
#alpha-inner {
width:705px;
margin:0px;
padding:0px;
}
#beta {
width:190px;
float:left;
margin:0px;
padding:0px;
}
#beta-inner{
width:190px;
padding: 0px;
margin:0px;
margin-top:10px;
}
#gamma {
display: none;
}
.stream-header {
width: 690px;
margin: 10px 0px 10px 0px;
}
p.prevnext, .skiplinks {
width: 690px;
padding:0px;
margin:0px;
margin-bottom:10px;
margin-top:5px;
font-size: 12px;
text-align: center;
}
.prevnext a, .skiplinks a {
text-decoration:none;
}
.prevnext a:hover, .skiplinks a:hover {
text-decoration:underline;
}
.asset {
width: 680px;
margin:0px;
padding: 0px;
text-align: justify;
}
.asset-inner {
width: 680px;
margin:0px;
padding:0px;
margin-left:10px;
}
.asset-header {
width:680px;
margin:0px;
margin-top:10px;
margin-bottom:10px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/0008h28p);
background-repeat:no-repeat;
position:left top !important;
}
.asset-header h2 {
padding-left:60px;
}
.asset-header h2 a{
font-size: 22px;
text-decoration: none;
font-weight: normal;
}
.asset-header h2 a:hover {
text-decoration: underline;
font-weight:normal;
color: #a19062;
}
div.asset-header li.item {
float:right;
margin-right:0px;
border:none;
color: #ab9967;
font-size:11px;
font-variant: normal;
}
div.asset-header li.item span{
border:none;
}
.asset-meta {
width: 680px;
font-size: 11.5px;
}
.asset-content {
width:680px;
margin:0px;
margin-bottom: 15px;
padding:0px;
}
.asset-body {
width: 680px;
margin:0px;
margin-bottom: 15px;
padding:0px;
}
.user-icon {
float:right;
margin: 0px;
margin-left:7px;
margin-bottom:4px;
background-color: transparent !important;
text-align:center;
font-size:10px;
}
.user-icon span {
background-color:transparent !important;
}
.user-icon img {
border:5px solid #ab9967;
}
.lj-currents {
font-size: 11.5px;
}
.entryMetadata-label {
color: #796325;
font-weight:bold;
font-size: 11.5px;
}
.entryMetadata-content {
padding-left:3px;
font-size:11.5px;
}
.asset-tags {
width: 680px;
font-size:11.5px;
}
ul.asset-meta-list {
font-size:11.5px;
}
h4.asset-tags-header {
color: #796325;
padding-left:2px;
font-weight:bold;
font-size:11.5 !important;
}
.asset-tags-list {
padding-left:5px !important;
}
.asset-tags-list li.item a{
text-decoration:none;
}
.asset-tags-list li.item a:hover {
color: #796325;
text-transform: none;
background-color: transparent;
text-decoration:none;
}
.asset-footer {
width:680px;
background-image:url(http://pics.livejournal.com/tryout_cover/pic/0008qg3g);
background-repeat:no-repeat;
height:50px;
}
ul.year {
font-size:18px;
margin-top:10px;
}
li.active {
background-color:transparent;
color:#7d7046;
}
.widget {
width: 190px;
margin:0px;
margin-bottom: 8px;
padding:0px;
font-size: 11px;
border-bottom: #796325 dotted 1px;
}
.widget-inner {
width: 190px;
margin:0px;
padding:0px;
}
h3.widget-header {
color: #796325;
font-style: italic;
font-weight:bold;
font-size: 12.5px;
text-align:center;
}
h3.widget-header a{
color: #796325;
font-weight:bold;
}
h3.widget-header a:hover {
color: #796325;
font-weight:bold;
text-decoration:none;}
.powered-widget {
background-image: url(http://pics.livejournal.com/tryout_cover/pic/0008k328);
width:187px;
height:59px;
background-position:bottom;
background-repeat:no-repeat;
padding-left:3px;
font-size:1px;
color:transparent;
border-bottom:none;
}
.powered-widget a{
display:none !important;
}
#comments {
width: 680px;
margin:0px;
margin-top: 10px;
}
div.comments-body{
width:680px;
margin:0px;
padding:0px;
padding-bottom:3px;
text-align:justify;
}
.comments-header.page-header2 {
width: 685px;
text-align:center;
color:#a19062;
font-size: 22px;
font-weight:normal;
padding-left:5px;
}
div.comment-body {
font-size:12.3px;
margin:7px;
margin-bottom:20px;
}
hr{
display:none;
}
.comment-even {
border:none;
}
.comment-odd {
border:none;
border-bottom: #796325 1px dotted;
}
div.comment-inner div.user-icon {
float:left;
margin:5px;
}
CREDIT Не забудьте указать у себя в профиле ссылку: Дизайн журнала: sparrow_design либо поставить баннер сообщества (коды есть в профиле)!
Баннер ЛитАкадемии (его можно вставлять в профиль либо в боковую колонку дизайна):
http://litacademia.ru/">