(no subject)
По традиции дизайн в субботу. Правда в этот раз на мой взгляд как-то слегка куцо получилось. По что бы порадоваться весне - сойдет ;)
Одежка "Цветущая слива"
Стиль S2. Ширина 950px. Боковая панель справа
Общий вид (кликабельно)
Последовательность установки:
1. На странице Стиль журнала в строке поиска с правой стороны страницы ввести слово: Unstyled
2. Из трех макетов выбирать последний "Expressive" и нажать кнопку "Применить макет".
3. Внизу страницы выбрать макет журнала "Две колонки, боковая панель справа."
4. Далее переход по ссылке "Настройте свой стиль"
5. В графе "Полоса навигации" выбрать "светло-серый градиент", а затем переход по линку "Custom CSS"
6. На странице Custom CSS в поле "Custom stylesheet" вставить код и нажать "Сохранить".
код:
/*----
S2
//picture and design by http://ku-lina.livejournal.com/
------------------------------------------------*/
body{
background-color:#f8fdde;
background-image: ;
font-family: Arial;
font-size:13px;
}
a:link, a:visited, a font, a b{
color:#7c7733;
text-decoration:none;
}
a:hover, a:hover b{
color: #d16d0f;
text-decoration:none;
}
#container{
background-color:transparent;
width:930px;
margin:auto;
margin-top:0px;
}
#container-inner{
width:930px;
margin:0px;
padding:0px;
}
#page{
width:930px;
margin:0px;
padding:0px;
background-repeat: y-repeat;
background-color:#ffffff;
background-image:url(http://pics.livejournal.com/ku_lina/pic/00292qfs);
}
#page-inner{
width:930px;
padding:0px;
margin:0px;
color: #444010;
}
#header{
background:url(http://pics.livejournal.com/ku_lina/pic/0028x39t) no-repeat;
width:930px;
height:400px;
padding:0px;
margin:0px;
}
div#header-content{
width:920px;
margin:0px;
padding:0px;
}
div#header-content-inner{
width:920px;
margin:0px;
padding:0px;
}
div#header-text{
width:920px;
text-align:right;
}
ul.nav{
width:915px;
position:relative;
margin-top:10px;
text-align:center;
font-family: Arial;
font-size: 17px;
font-weight: bolder;
}
.nav a {
color: #7c7733;
text-decoration: none;
}
.nav a:hover {
color: #d16d0f;
text-decoration: none;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
#header-name {
text-align:right;
width:930px;
font-size:15px;
margin-top:220px;
font-family: Arial;
font-weight:bolder;
}
#header-name a{
color:#7c7733;
text-decoration:none;
}
#header-name a:hover{
color:#7c7733;
text-decoration:none;
}
#header-description{
width:930px;
text-align:right;
margin-top:5px;
color: #7c7733;
font-size:15px;
font-family: Arial;
font-weight:bolder;
}
#content {
width:930px;
background-color:transparent;
padding:0px;
margin:0px;
}
#content-inner {
width:890px;
padding: 0px;
margin:0px;
margin-left:25px;
}
#alpha {
width:710px;
padding:0px;
margin:0px;
}
#alpha-inner {
width: 710px;
padding: 0px;
margin:0px;
}
#beta {
width: 180px;
float: right;
margin: 0px;
padding: 0px;
margin-top:5px;
}
#beta-inner {
width: 180px;
padding: 0px;
margin:0px;
}
#gamma {
display: none;
}
.stream-header {
position: relative;
margin-top: 5px;
margin-bottom: 10px;
}
p.prevnext, .skiplinks {
width: 850px;
margin-left:-170px;
text-align:center;
font-size: 15px;
font-variant:none;
}
p.prevnext a, .skiplinks a{
color: #778f53;
text-decoration: none;
}
p.prevnext a:hover, .skiplinks a:hover{
color:#d16d0f;
text-decoration: none;
}
.asset {
width: 700px;
margin:0px;
padding:0px;
}
.asset-inner {
width: 700px;
margin:0px;
padding:0px;
margin-bottom:20px;
}
.asset-body {
width: 698px;
padding:0px;
margin:0px;
margin-bottom:15px;
}
.asset-content {
width: 698px;
text-align: justify;
margin:0px;
padding:0px;
}
.asset-header {
width:700px;
padding: 0px;
margin:0px;
font-size:20px;
font-family: Arial;
background:url(http://pics.livejournal.com/ku_lina/pic/0028gheh) no-repeat;
}
.asset-header a{
color: #7c7733;
text-decoration:none;
}
.asset-header a:hover {
color: #d16d0f;
text-decoration:none;
}
.asset-header-content {
padding-left: 75px;
}
div.asset-header li.item {
float:left;
color:Silver;
font-size:11px;
border:none;
}
div.asset-header li.item span {
padding:0px;
margin:0px;
}
.asset-meta-list {
width:700px;
font-size: 11px;
font-family: Arial;
}
.asset-meta-list a{
color: #7c7733;
font-weight:normal;
text-decoration: none;
}
.asset-meta-list a:hover {
color: #d16d0f;
font-weight:normal;
text-decoration: none;
}
.user-icon {
float:left;
padding-right:7px;
padding-bottom: 3px;
border:none;
background-color:transparent !important;
text-align:center;
font-size: 10px;
font-weight:normal;
}
.user-icon span {
background-color:transparent !important;
}
lj.currents {
width:690px;
}
.entryMetadata-label {
font-size: 11px;
font-family: Arial;
color: #d16d0f;
}
.entryMetadata-content{
font-size: 11px;
font-family: Arial;
font-weight:normal;
}
.entryMetadata-content a{
font-weight:normal;
}
.entryMetadata-content a:hover{
font-weight:normal;
}
.asset-tags {
width:690px;
padding: 0px;
margin:0px;
font-size: 11px;
font-family: Arial;
}
h4.asset-tags-header {
font-size: 11px !important;
font-family: Arial;
color: #d16d0f;
}
ul.asset-tags-list {
padding-left:3px;
}
.asset-tags-list li.item a {
font-weight:normal;
}
.asset-tags-list li.item a:hover {
text-transform: none;
color: #d16d0f;
background-color: transparent;
font-weight:normal;
}
ul.year {
width:710px;
margin:0px;
padding:0px;
font-size:15px;
font-family: Arial;
}
li.active {
color: #d16d0f;
}
.asset-footer {
width:700px;
height:25px;
align:center
background-repeat:no-repeat;
background-image:url(http://pics.livejournal.com/ku_lina/pic/0028ptw1);
}
.widget {
width:180px;
font-size: 11px;
}
.widget-inner {
width:180px;
padding:1px;
}
h3.widget-header {
color:white;
background-color:#7c7733;
height:25px;
font-size: 15px;
font-family: Arial;
}
h3.widget-header a{
color:white;
text-decoration:none;
}
h3.widget-header a:hover {
text-decoration:none;
color:white;
}
.powered-widget{display:none;
}
#comments {
width:710px;
margin-left:-10px;
}
div.comments-inner {
width:710px;
}
div.comments-body {
text-align:justify;
font-weight:normal;
}
.comment-odd {
padding: 3px;
border: none;
border-bottom:#d16d0f 2px dotted;
}
.comment-even {
padding: 3px;
border:none;
border-bottom: #7c7733 2px dotted;
}
.comments-header.page-header2 {
width:710px;
font-size: 15px;
color:#7c7733;
font-family: Arial;
text-align:center;
}
div.comment-body {
margin-bottom:5px;
font-size: 12px;
}
.comment-links a:hover{
color:#d16d0f;
text-decoration:underline;
}
hr {
display:none;
}
7. Указать у себя в профиле в графе "О себе" ссылку на меня, мне будет приятно :)
http://ku-lina.livejournal.com/" _fcksavedurl="http://ku-lina.livejournal.com/" target="_blank">
http://pics.livejournal.com/ku_lina/pic/0027s5zy" _fcksavedurl="http://pics.livejournal.com/ku_lina/pic/0027s5zy">
© photo&design ku_lina
© photo&design
я постаралась все очень подробно описать, если чего-то не понятно, то я готова ответить на вопросы (если смогу ;))
А так же очень рекомендую посмотреть уроки yoksel
Одежка "Цветущая слива"
Стиль S2. Ширина 950px. Боковая панель справа
Общий вид (кликабельно)
Последовательность установки:
1. На странице Стиль журнала в строке поиска с правой стороны страницы ввести слово: Unstyled
2. Из трех макетов выбирать последний "Expressive" и нажать кнопку "Применить макет".
3. Внизу страницы выбрать макет журнала "Две колонки, боковая панель справа."
4. Далее переход по ссылке "Настройте свой стиль"
5. В графе "Полоса навигации" выбрать "светло-серый градиент", а затем переход по линку "Custom CSS"
6. На странице Custom CSS в поле "Custom stylesheet" вставить код и нажать "Сохранить".
код:
/*----
S2
//picture and design by http://ku-lina.livejournal.com/
------------------------------------------------*/
body{
background-color:#f8fdde;
background-image: ;
font-family: Arial;
font-size:13px;
}
a:link, a:visited, a font, a b{
color:#7c7733;
text-decoration:none;
}
a:hover, a:hover b{
color: #d16d0f;
text-decoration:none;
}
#container{
background-color:transparent;
width:930px;
margin:auto;
margin-top:0px;
}
#container-inner{
width:930px;
margin:0px;
padding:0px;
}
#page{
width:930px;
margin:0px;
padding:0px;
background-repeat: y-repeat;
background-color:#ffffff;
background-image:url(http://pics.livejournal.com/ku_lina/pic/00292qfs);
}
#page-inner{
width:930px;
padding:0px;
margin:0px;
color: #444010;
}
#header{
background:url(http://pics.livejournal.com/ku_lina/pic/0028x39t) no-repeat;
width:930px;
height:400px;
padding:0px;
margin:0px;
}
div#header-content{
width:920px;
margin:0px;
padding:0px;
}
div#header-content-inner{
width:920px;
margin:0px;
padding:0px;
}
div#header-text{
width:920px;
text-align:right;
}
ul.nav{
width:915px;
position:relative;
margin-top:10px;
text-align:center;
font-family: Arial;
font-size: 17px;
font-weight: bolder;
}
.nav a {
color: #7c7733;
text-decoration: none;
}
.nav a:hover {
color: #d16d0f;
text-decoration: none;
}
ul.nav li.item{
border:none;
float:none;
display:inline;
}
#header-name {
text-align:right;
width:930px;
font-size:15px;
margin-top:220px;
font-family: Arial;
font-weight:bolder;
}
#header-name a{
color:#7c7733;
text-decoration:none;
}
#header-name a:hover{
color:#7c7733;
text-decoration:none;
}
#header-description{
width:930px;
text-align:right;
margin-top:5px;
color: #7c7733;
font-size:15px;
font-family: Arial;
font-weight:bolder;
}
#content {
width:930px;
background-color:transparent;
padding:0px;
margin:0px;
}
#content-inner {
width:890px;
padding: 0px;
margin:0px;
margin-left:25px;
}
#alpha {
width:710px;
padding:0px;
margin:0px;
}
#alpha-inner {
width: 710px;
padding: 0px;
margin:0px;
}
#beta {
width: 180px;
float: right;
margin: 0px;
padding: 0px;
margin-top:5px;
}
#beta-inner {
width: 180px;
padding: 0px;
margin:0px;
}
#gamma {
display: none;
}
.stream-header {
position: relative;
margin-top: 5px;
margin-bottom: 10px;
}
p.prevnext, .skiplinks {
width: 850px;
margin-left:-170px;
text-align:center;
font-size: 15px;
font-variant:none;
}
p.prevnext a, .skiplinks a{
color: #778f53;
text-decoration: none;
}
p.prevnext a:hover, .skiplinks a:hover{
color:#d16d0f;
text-decoration: none;
}
.asset {
width: 700px;
margin:0px;
padding:0px;
}
.asset-inner {
width: 700px;
margin:0px;
padding:0px;
margin-bottom:20px;
}
.asset-body {
width: 698px;
padding:0px;
margin:0px;
margin-bottom:15px;
}
.asset-content {
width: 698px;
text-align: justify;
margin:0px;
padding:0px;
}
.asset-header {
width:700px;
padding: 0px;
margin:0px;
font-size:20px;
font-family: Arial;
background:url(http://pics.livejournal.com/ku_lina/pic/0028gheh) no-repeat;
}
.asset-header a{
color: #7c7733;
text-decoration:none;
}
.asset-header a:hover {
color: #d16d0f;
text-decoration:none;
}
.asset-header-content {
padding-left: 75px;
}
div.asset-header li.item {
float:left;
color:Silver;
font-size:11px;
border:none;
}
div.asset-header li.item span {
padding:0px;
margin:0px;
}
.asset-meta-list {
width:700px;
font-size: 11px;
font-family: Arial;
}
.asset-meta-list a{
color: #7c7733;
font-weight:normal;
text-decoration: none;
}
.asset-meta-list a:hover {
color: #d16d0f;
font-weight:normal;
text-decoration: none;
}
.user-icon {
float:left;
padding-right:7px;
padding-bottom: 3px;
border:none;
background-color:transparent !important;
text-align:center;
font-size: 10px;
font-weight:normal;
}
.user-icon span {
background-color:transparent !important;
}
lj.currents {
width:690px;
}
.entryMetadata-label {
font-size: 11px;
font-family: Arial;
color: #d16d0f;
}
.entryMetadata-content{
font-size: 11px;
font-family: Arial;
font-weight:normal;
}
.entryMetadata-content a{
font-weight:normal;
}
.entryMetadata-content a:hover{
font-weight:normal;
}
.asset-tags {
width:690px;
padding: 0px;
margin:0px;
font-size: 11px;
font-family: Arial;
}
h4.asset-tags-header {
font-size: 11px !important;
font-family: Arial;
color: #d16d0f;
}
ul.asset-tags-list {
padding-left:3px;
}
.asset-tags-list li.item a {
font-weight:normal;
}
.asset-tags-list li.item a:hover {
text-transform: none;
color: #d16d0f;
background-color: transparent;
font-weight:normal;
}
ul.year {
width:710px;
margin:0px;
padding:0px;
font-size:15px;
font-family: Arial;
}
li.active {
color: #d16d0f;
}
.asset-footer {
width:700px;
height:25px;
align:center
background-repeat:no-repeat;
background-image:url(http://pics.livejournal.com/ku_lina/pic/0028ptw1);
}
.widget {
width:180px;
font-size: 11px;
}
.widget-inner {
width:180px;
padding:1px;
}
h3.widget-header {
color:white;
background-color:#7c7733;
height:25px;
font-size: 15px;
font-family: Arial;
}
h3.widget-header a{
color:white;
text-decoration:none;
}
h3.widget-header a:hover {
text-decoration:none;
color:white;
}
.powered-widget{display:none;
}
#comments {
width:710px;
margin-left:-10px;
}
div.comments-inner {
width:710px;
}
div.comments-body {
text-align:justify;
font-weight:normal;
}
.comment-odd {
padding: 3px;
border: none;
border-bottom:#d16d0f 2px dotted;
}
.comment-even {
padding: 3px;
border:none;
border-bottom: #7c7733 2px dotted;
}
.comments-header.page-header2 {
width:710px;
font-size: 15px;
color:#7c7733;
font-family: Arial;
text-align:center;
}
div.comment-body {
margin-bottom:5px;
font-size: 12px;
}
.comment-links a:hover{
color:#d16d0f;
text-decoration:underline;
}
hr {
display:none;
}
7. Указать у себя в профиле в графе "О себе" ссылку на меня, мне будет приятно :)
http://ku-lina.livejournal.com/" _fcksavedurl="http://ku-lina.livejournal.com/" target="_blank">
© photo&design ku_lina
© photo&design
я постаралась все очень подробно описать, если чего-то не понятно, то я готова ответить на вопросы (если смогу ;))
А так же очень рекомендую посмотреть уроки yoksel