Ура! Скоро лето!

May 07, 2011 19:09

Честное слово, сил моих дамских нет - ждать первого июня, чтобы выставить этот дизайн. Очень уже лета хочется :)
Он парный к «Ура! Зима!»   И тем более с картинками Вики Кирдий , которые я люблюнемогу. Была бы возможность - сделала бы на каждый день года по дизайну с разными её рисунками :)
Фон - переделанный с http://www.lenagold.ru/




Варианты картинок в шапке:







Комментарии и полоса навигации в стиле журнала
Ширина журнала 1020 пикселей
Поле сообщений вмещает картинку 800 пикселей по ширине
Сайдбар с любой стороны



Как ставить:
1. В профиле найти  вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, нажать кнопку «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева или справа)», нажать "Применить макет".
4. Вверху страницы в блоке "Действующее оформление пользователя" нажать «Настройте свой стиль».
5. В разделе "Настройте своё оформление нажать "Custom CSS", откроется поле для ввода кода  "Ваш Css" , туда и надо вставить код, скопированный из окошка (опция Use layout's "Base Weblog" stylesheet (использовать стили темы) /чуть выше окна для ввода кода/ должна быть  Yes).
6. Сохранить.

Код с первой картинкой:

/*--- summer-Kirdiy-1 ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- picture by Vika Kirdiy http://kirdiy.livejournal.com/ ---*/

/* --- STRUCTURE --- */

body{
background-color:#97B150;
background-image: url(http://img-fotki.yandex.ru/get/6830/28080324.95/0_89d14_2294951d_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:17px;
color:#333333;
}

a:link, a font, a b, a:visited {
color:#999933;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
font-weight:bold;
text-decoration:none;
color:#CC9900;
}

#container{
width: 1020px !important;
background-color:#A1DDE8;
margin:auto;
position:relative;
top:15px;
}

#container-inner{
width: 1020px !important;
background-color:#fffddf;
}

div#alpha{
width: 820px !important;
background-color:transparent;
}

.layout-tw div#alpha {
margin-right: 0px !important;
}
.layout-wt div#alpha {
margin-left:15px !important;
}

div#alpha-inner{
width: 820px !important;
margin: 0px 0px 0px 0px;
}

div#beta{
width: 180px !important;
background-color:transparent;
}
.layout-tw div#beta {
margin-left:0px !important;
float: left !important;
border-right:#97B150 solid 2px;
}

.layout-wt div#beta {
margin-right: 0px !important;
float: right !important;
border-left:#97B150 solid 2px;
}

/* --- HEADER --- */

#header {
background-image:url(http://img-fotki.yandex.ru/get/5007/irina-chisa.2f/0_4f9bc_9039e9c8_orig);
width:1020px;
height:362px;
background-color:transparent;
text-align:center;
border-bottom:#97B150 solid 2px;
}

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

.nav {
font-family:Comic Sans MS;
font-size:20px;
position:absolute;
top:10px;
right:10px;
left:10px;
}

.nav a{
color: #FFFFCC;
font-weight:bold;
text-decoration:none;
}

.nav a:hover {
color: #FF9933;
font-weight:bold;
text-decoration:underline;
}

ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 50px;
text-align:center;
}

#header-name {
font-family: Comic Sans MS;
font-size:25px;
font-weight:bold;
position:absolute;
top:310px;
right:10px;
left:10px;
}

#header-name a{
color: #FFFFCC;
text-decoration:none;
font-weight: bold;
}

#header-name a:hover{
color: #FF9933;
text-decoration:none;
font-weight: bold;
}

#header-description{
font-family: Comic Sans MS;
font-size:17px;
color: #CCCC99;
position:absolute;
width:242px;
bottom:10px;
right:10px;
}

/* --- ENTRIES --- */

p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
}

.asset-inner {
margin-bottom:10px;
margin-top:10px;
width: 820px ;
}

div.asset-content{
margin-left:10px;
width: 800px ;
}

h2.page-header2 {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:20px;
color:#669966;
text-align:left;
padding-left:15px;
padding-right:10px;
}

h2.page-header2 a{
font-weight:bolder;
color:#669900;
text-decoration:none;
}

h2.page-header2 a:hover{
font-weight:bold;
color:#669900;
text-decoration:none;
}

.user-icon {
float:right;
position:relative;
margin-right:-5px;
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
}

.user-icon span {
background-color:transparent !important;
}

.user-icon img {
padding: 2px 2px 2px 2px;
border:#97B150 solid 2px;
}

div.asset-header li.item span {
font-size:14px;
font-weight:bold !important;
color: #999933;
}

span.entryMetadata-label,
div.asset-tags h4{
font-size:14px !important;
color: #333;
font-weight:normal;
}

div.lj-currents {
font-size:14px;
color:#999933;
font-weight:bold;
}

div.lj-currents a {
text-decoration:none;
}

.asset-tags-list {
font-size:14px;
}

.asset-tags-list li.item a {
text-decoration:none;
}

.asset-tags-list li.item a:hover {
text-decoration:none;
color:#CC9900;
background-color:transparent;
}

div.asset-footer{
background-image: url(http://img-fotki.yandex.ru/get/5303/irina-chisa.2f/0_4f7cf_89b38574_orig);
background-repeat: repeat-x;
width:810px;
height:32px;
}

/* --- SIDEBAR --- */

.widget {
font-size:15px;
color:#333333;
border-bottom:#97B150 solid 2px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:10px;
}

h3.widget-header {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:18px;
color: #669900;
}

h3.widget-header a{
font-weight:bolder;
color: #669900;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bolder;
text-decoration:none;
color: #669900;
}

div.about-me-widget div.user-pic{
background-color:transparent;
padding: 2px 2px 2px 2px;
border:#97B150 solid 2px;
}

div.calendar-widget{
font-size:14px;
}

ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}

.powered-widget{
display: none;
}

/* --- COMMENT --- */

.comment-odd{
border:#A1DDE8 solid 0px;
}

.comment-even {
background-color:#FFFFCC;
border:#97B150 solid 1px;
}

div.comment-body {
font-size:15px;
margin-left:5px;
margin-right:5px;
margin-bottom:20px
}

div.comment-inner div.user-icon {
float:left;
margin-right:5px;
}

div.comment-links {
margin-right:5px;
padding-bottom:5px;
}

/* --- CONTROLSTRIP --- */

.w-cs {
background: #97B150;
border-bottom:#CCCC66 solid 1px;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: solid #CCCC66 1px;
}
.w-cs-summary,
.w-cs .w-cs-search .w-cs-text,
.w-cs .w-cs-login .w-cs-text {
background: #fffddf !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #CCCC66;
}

Код со второй картинкой:

/*--- summer-Kirdiy-2 ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- picture by Vika Kirdiy http://kirdiy.livejournal.com/ ---*/

/* --- STRUCTURE --- */

body{
background-color:#97B150;
background-image: url(http://img-fotki.yandex.ru/get/6830/28080324.95/0_89d14_2294951d_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:17px;
color:#333333;
}

a:link, a font, a b, a:visited {
color:#999933;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
font-weight:bold;
text-decoration:none;
color:#CC9900;
}

#container{
width: 1020px !important;
background-color:#A1DDE8;
margin:auto;
position:relative;
top:15px;
}

#container-inner{
width: 1020px !important;
background-color:#fffddf;
}

div#alpha{
width: 820px !important;
background-color:transparent;
}

.layout-tw div#alpha {
margin-right: 0px !important;
}
.layout-wt div#alpha {
margin-left:15px !important;
}

div#alpha-inner{
width: 820px !important;
margin: 0px 0px 0px 0px;
}

div#beta{
width: 180px !important;
background-color:transparent;
}
.layout-tw div#beta {
margin-left:0px !important;
float: left !important;
border-right:#97B150 solid 2px;
}

.layout-wt div#beta {
margin-right: 0px !important;
float: right !important;
border-left:#97B150 solid 2px;
}

/* --- HEADER --- */

#header {
background-image:url(http://img-fotki.yandex.ru/get/4515/irina-chisa.2f/0_4f9bb_1bce5ea2_orig);
width:1020px;
height:362px;
background-color:transparent;
text-align:center;
border-bottom:#97B150 solid 2px;
}

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

.nav {
font-family:Comic Sans MS;
font-size:20px;
position:absolute;
top:10px;
right:10px;
left:10px;
}

.nav a{
color: #FFFFCC;
font-weight:bold;
text-decoration:none;
}

.nav a:hover {
color: #FF9933;
font-weight:bold;
text-decoration:underline;
}

ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 50px;
text-align:center;
}

#header-name {
font-family: Comic Sans MS;
font-size:25px;
font-weight:bold;
position:absolute;
top:310px;
right:10px;
left:10px;
}

#header-name a{
color: #FFFFCC;
text-decoration:none;
font-weight: bold;
}

#header-name a:hover{
color: #FF9933;
text-decoration:none;
font-weight: bold;
}

#header-description{
font-family: Comic Sans MS;
font-size:17px;
color: #CCCC99;
position:absolute;
width:242px;
bottom:10px;
right:10px;
}

/* --- ENTRIES --- */

p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
}

.asset-inner {
margin-bottom:10px;
margin-top:10px;
width: 820px ;
}

div.asset-content{
margin-left:10px;
width: 800px ;
}

h2.page-header2 {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:20px;
color:#669966;
text-align:left;
padding-left:15px;
padding-right:10px;
}

h2.page-header2 a{
font-weight:bolder;
color:#669900;
text-decoration:none;
}

h2.page-header2 a:hover{
font-weight:bold;
color:#669900;
text-decoration:none;
}

.user-icon {
float:right;
position:relative;
margin-right:-5px;
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
}

.user-icon span {
background-color:transparent !important;
}

.user-icon img {
padding: 2px 2px 2px 2px;
border:#97B150 solid 2px;
}

div.asset-header li.item span {
font-size:14px;
font-weight:bold !important;
color: #999933;
}

span.entryMetadata-label,
div.asset-tags h4{
font-size:14px !important;
color: #333;
font-weight:normal;
}

div.lj-currents {
font-size:14px;
color:#999933;
font-weight:bold;
}

div.lj-currents a {
text-decoration:none;
}

.asset-tags-list {
font-size:14px;
}

.asset-tags-list li.item a {
text-decoration:none;
}

.asset-tags-list li.item a:hover {
text-decoration:none;
color:#CC9900;
background-color:transparent;
}

div.asset-footer{
background-image: url(http://img-fotki.yandex.ru/get/5303/irina-chisa.2f/0_4f7cf_89b38574_orig);
background-repeat: repeat-x;
width:810px;
height:32px;
}

/* --- SIDEBAR --- */

.widget {
font-size:15px;
color:#333333;
border-bottom:#97B150 solid 2px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:10px;
}

h3.widget-header {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:18px;
color: #669900;
}

h3.widget-header a{
font-weight:bolder;
color: #669900;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bolder;
text-decoration:none;
color: #669900;
}

div.about-me-widget div.user-pic{
background-color:transparent;
padding: 2px 2px 2px 2px;
border:#97B150 solid 2px;
}

div.calendar-widget{
font-size:14px;
}

ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}

.powered-widget{
display: none;
}

/* --- COMMENT --- */

.comment-odd{
border:#A1DDE8 solid 0px;
}

.comment-even {
background-color:#FFFFCC;
border:#97B150 solid 1px;
}

div.comment-body {
font-size:15px;
margin-left:5px;
margin-right:5px;
margin-bottom:20px
}

div.comment-inner div.user-icon {
float:left;
margin-right:5px;
}

div.comment-links {
margin-right:5px;
padding-bottom:5px;
}

/* --- CONTROLSTRIP --- */

.w-cs {
background: #97B150;
border-bottom:#CCCC66 solid 1px;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: solid #CCCC66 1px;
}
.w-cs-summary,
.w-cs .w-cs-search .w-cs-text,
.w-cs .w-cs-login .w-cs-text {
background: #fffddf !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #CCCC66;
}

Код с третьей картинкой:

/*--- summer-Kirdiy-3 ---*/
/*--- design by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- picture by Vika Kirdiy http://kirdiy.livejournal.com/ ---*/

/* --- STRUCTURE --- */

body{
background-color:#97B150;
background-image: url(http://img-fotki.yandex.ru/get/6830/28080324.95/0_89d14_2294951d_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:17px;
color:#333333;
}

a:link, a font, a b, a:visited {
color:#999933;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
font-weight:bold;
text-decoration:none;
color:#CC9900;
}

#container{
width: 1020px !important;
background-color:#A1DDE8;
margin:auto;
position:relative;
top:15px;
}

#container-inner{
width: 1020px !important;
background-color:#fffddf;
}

div#alpha{
width: 820px !important;
background-color:transparent;
}

.layout-tw div#alpha {
margin-right: 0px !important;
}
.layout-wt div#alpha {
margin-left:15px !important;
}

div#alpha-inner{
width: 820px !important;
margin: 0px 0px 0px 0px;
}

div#beta{
width: 180px !important;
background-color:transparent;
}
.layout-tw div#beta {
margin-left:0px !important;
float: left !important;
border-right:#97B150 solid 2px;
}

.layout-wt div#beta {
margin-right: 0px !important;
float: right !important;
border-left:#97B150 solid 2px;
}

/* --- HEADER --- */
#header {
background-image:url(http://img-fotki.yandex.ru/get/5703/irina-chisa.2f/0_4f9ba_7f6c0d6d_orig);
width:1020px;
height:362px;
background-color:transparent;
text-align:center;
border-bottom:#97B150 solid 2px;
}

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

.nav {
font-family:Comic Sans MS;
font-size:20px;
position:absolute;
top:10px;
right:10px;
left:10px;
}

.nav a{
color: #FFFFCC;
font-weight:bold;
text-decoration:none;
}

.nav a:hover {
color: #FF9933;
font-weight:bold;
text-decoration:underline;
}

ul.nav li.item{
border:none;
display:inline;
float:none;
padding:0px 50px;
text-align:center;
}

#header-name {
font-family: Comic Sans MS;
font-size:25px;
font-weight:bold;
position:absolute;
top:310px;
right:10px;
left:10px;
}

#header-name a{
color: #FFFFCC;
text-decoration:none;
font-weight: bold;
}

#header-name a:hover{
color: #FF9933;
text-decoration:none;
font-weight: bold;
}

#header-description{
font-family: Comic Sans MS;
font-size:17px;
color: #CCCC99;
position:absolute;
width:242px;
bottom:10px;
right:10px;
}

/* --- ENTRIES --- */

p.prevnext, .skiplinks {
text-align:right;
margin-right:15px;
}

.asset-inner {
margin-bottom:10px;
margin-top:10px;
width: 820px ;
}

div.asset-content{
margin-left:10px;
width: 800px ;
}

h2.page-header2 {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:20px;
color:#669966;
text-align:left;
padding-left:15px;
padding-right:10px;
}

h2.page-header2 a{
font-weight:bolder;
color:#669900;
text-decoration:none;
}

h2.page-header2 a:hover{
font-weight:bold;
color:#669900;
text-decoration:none;
}

.user-icon {
float:right;
position:relative;
margin-right:-5px;
margin-bottom:10px;
text-align:center;
background-color:transparent !important;
}

.user-icon span {
background-color:transparent !important;
}

.user-icon img {
padding: 2px 2px 2px 2px;
border:#97B150 solid 2px;
}

div.asset-header li.item span {
font-size:14px;
font-weight:bold !important;
color: #999933;
}

span.entryMetadata-label,
div.asset-tags h4{
font-size:14px !important;
color: #333;
font-weight:normal;
}

div.lj-currents {
font-size:14px;
color:#999933;
font-weight:bold;
}

div.lj-currents a {
text-decoration:none;
}

.asset-tags-list {
font-size:14px;
}

.asset-tags-list li.item a {
text-decoration:none;
}

.asset-tags-list li.item a:hover {
text-decoration:none;
color:#CC9900;
background-color:transparent;
}

div.asset-footer{
background-image: url(http://img-fotki.yandex.ru/get/5303/irina-chisa.2f/0_4f7cf_89b38574_orig);
background-repeat: repeat-x;
width:810px;
height:32px;
}

/* --- SIDEBAR --- */

.widget {
font-size:15px;
color:#333333;
border-bottom:#97B150 solid 2px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:10px;
}

h3.widget-header {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:18px;
color: #669900;
}

h3.widget-header a{
font-weight:bolder;
color: #669900;
text-decoration:none;
}

h3.widget-header a:hover {
font-weight:bolder;
text-decoration:none;
color: #669900;
}

div.about-me-widget div.user-pic{
background-color:transparent;
padding: 2px 2px 2px 2px;
border:#97B150 solid 2px;
}

div.calendar-widget{
font-size:14px;
}

ul.widget-list a{
font-weight:bold;
font-size:15px;
text-decoration:none;
}

.powered-widget{
display: none;
}

/* --- COMMENT --- */

.comment-odd{
border:#A1DDE8 solid 0px;
}

.comment-even {
background-color:#FFFFCC;
border:#97B150 solid 1px;
}

div.comment-body {
font-size:15px;
margin-left:5px;
margin-right:5px;
margin-bottom:20px
}

div.comment-inner div.user-icon {
float:left;
margin-right:5px;
}

div.comment-links {
margin-right:5px;
padding-bottom:5px;
}

/* --- CONTROLSTRIP --- */

.w-cs {
background: #97B150;
border-bottom:#CCCC66 solid 1px;
}
.w-cs .w-cs-userinfo {
background: transparent !important;
border-right: solid #CCCC66 1px;
}
.w-cs-summary,
.w-cs .w-cs-search .w-cs-text,
.w-cs .w-cs-login .w-cs-text {
background: #fffddf !important;
}
.w-cs .w-cs-summary LI.w-cs-i-tokens {
border-right: 1px solid #CCCC66;
}

Кредиты в профиль:

Дизайн журнала / Картинки Виктории Кирдий

Или код кнопки     


http://community.livejournal.com/irina_diza/" _fcksavedurl="http://community.livejournal.com/irina_diza/">http://img-fotki.yandex.ru/get/5601/irina-chisa.27/0_43cca_fafd5082_orig" _fcksavedurl="http://img-fotki.yandex.ru/get/5601/irina-chisa.27/0_43cca_fafd5082_orig">

дизайн, собаки, картинки, лето

Previous post Next post
Up