Снеговик на луне
Сегодня будет самая длинная ночь в году, с утра было лунное затмение, да и ещё к тому же полнолуние.
Но зато скоро Новогодние праздники, с чем я и поздравляю читателей этого журнала. :)
Ширина журнала 1000px, ширина постов 770px.
Как ставить:
1. В профиле найти вкладку «журнал», в выпадающем меню выбрать «стиль журнала».
2. Выбор дизайна - в окошке поиска вбить Unstyled, «поиск», из полученных дизайнов выбрать Expressive.
3. Выбор макета - «2 колонки (боковая панель слева)», дальше кнопка «настроить выбранное оформление».
4. Custom CSS, откроется поле для ввода кода Custom stylesheet , туда и надо вставить код,скопированный из окошка.
5. Сохранить.
Код:
/*--- snowman on the moon ---*/
/*--- design & photo by irina_chisa from http://community.livejournal.com/irina_diza/ ---*/
/*--- STRUCTURE ---*/
body{
background-color: #4C4A4A;
background-image: url(http://img-fotki.yandex.ru/get/4907/irina-chisa.27/0_438a0_9de272b5_orig);
background-repeat: repeat;
background-attachment: fixed;
font-size:16px;
color:#ddd;
}
a:link, a font, a b{
color:#339999;
font-weight:bold;
text-decoration:underline;
}
a:visited {
color:#339999;
font-weight:bold;
text-decoration:underline;
}
a:hover, a:hover b{
color:#33CC99;
font-weight:bold;
text-decoration:none;
}
#container-inner{
width: 1000px !important;
}
div#alpha{
width: 796px !important;
}
div#alpha-inner{
width: 796px !important;
padding-left:0px;
margin-left:0px;
}
div#beta{
width: 186px !important;
margin-top:50px;
}
/* --- HEADER --- */
#header {
background-image:url(http://img-fotki.yandex.ru/get/4402/irina-chisa.27/0_43cc9_2c04589f_orig);
background-repeat: no-repeat;
background-position: left bottom;
background-color:transparent;
width:1000px;
height:400px;
}
#header-inner{
margin:0px;
padding:0px;
width:1000px;
}
.nav {
font-family: Comic Sans MS;
font-size:20px;
position:absolute;
right:10px;
bottom:40px;
width:600px;
text-align:center;
}
ul.nav li.item{
border:none;
left:0px;
display:block;
float:none;
}
.nav a{
color: #33CC99;
font-weight:bold;
text-decoration:none;
}
.nav a:hover {
color: #00CCCC;
font-weight:bold;
text-decoration:underline;
}
#header-name {
font-family: Comic Sans MS;
font-size:40px;
font-weight:bold;
color: #00CCCC;
position:absolute;
top:70px;
right:10px;
width:600px;
text-align:center;
}
#header-name a{
color: #00CCCC;
text-decoration:none;
font-weight: bold;
}
#header-name a:hover {
color: #33CC99;
text-decoration:none;
font-weight: bold;
}
#header-description{
font-family: Arial;
font-size:20px;
color: #FFCC66;
position:absolute;
top:150px;
right:10px;
width:600px;
text-align:center;
}
/* --- ENTRIES --- */
p.prevnext, .skiplinks {
text-align:right;
}
.asset-inner {
margin-bottom:20px;
margin-top:20px;
padding-top:5px;
width: 790px;
background-color: #4A5252;
border-left:#339999 solid 3px;
border-top:#339999 solid 3px;
border-right:#336666 solid 3px;;
border-bottom:#336666 solid 3px;
}
div.asset-content{
width: 770px ;
margin-left:10px;
}
h2.page-header2 {
font-weight: bolder;
font-family: Comic Sans MS;
font-size:20px;
color:#FFCC66;
text-align:left;
padding-left:15px;
padding-right:10px;
}
h2.page-header2 a{
font-weight:bold;
color:#FFCC66;
text-decoration:none;
}
h2.page-header2 a:hover{
font-weight:bold;
color:#FFCC66;
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 {
border-left:#339999 solid 3px;
border-top:#339999 solid 3px;
border-right:#336666 solid 3px;;
border-bottom:#336666 solid 3px;
}
.asset-tags-list {
font-size:12px;
}
.asset-tags-list li.item a {
text-decoration:none;
}
.asset-tags-list li.item a:hover {
text-decoration:none;
color:#33CC99;
background-color:transparent;
}
div.lj-currents {
font-size:14px;
color: #FFCC66;
}
span.entryMetadata-label{
font-size:14px;
color: #ddd;
}
/* --- SIDEBAR --- */
.widget {
width: 180px !important;
font-size:14px;
color:#ddd;
padding-top:10px;
padding-bottom:0px;
margin-bottom:20px;
background-color: #4A5252;
border-left:#339999 solid 3px;
border-top:#339999 solid 3px;
border-right:#336666 solid 3px;;
border-bottom:#336666 solid 3px;
text-align:center;
}
h3.widget-header {
font-weight: bold;
font-family: Comic Sans MS;
font-size:18px;
color: #FFCC66;
}
h3.widget-header a{
font-weight:bold;
color: #FFCC66;
text-decoration:none;
}
h3.widget-header a:hover {
font-weight:bold;
text-decoration:none;
color: #FFCC66;
}
div.about-me-widget div.user-pic{
width:100%;
}
div.about-me-widget div.user-pic img{
background-color:transparent;
padding:0px 0px 0px 0px;
border-left:#339999 solid 3px;
border-top:#339999 solid 3px;
border-right:#336666 solid 3px;;
border-bottom:#336666 solid 3px;
}
ul.widget-list a{
font-weight:bold;
font-size:14px;
text-decoration:none;
}
div.calendar-widget th{
text-align:center;
color: #CC9966;
}
.powered-widget{
display: none;
}
/* --- COMMENT --- */
div#comments{
width: 790px !important;
background-color: #4A5252;
border-left:#339999 solid 3px;
border-top:#339999 solid 3px;
border-right:#336666 solid 3px;;
border-bottom:#336666 solid 3px;
}
.comment-odd{
border:#A1DDE8 solid 0px;
}
.comment-even {
background-color: #506565;
border:#A1DDE8 solid 0px;
}
div.comment-body {
font-size:14px;
margin-left:5px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
}
div.comment-inner div.user-icon {
float:left;
margin-right:5px;
}
div.comment-links {
margin-right:5px;
padding-bottom: 5px;
}
Кредиты в профиль:
Дизайн журнала
Или код кнопки
http://community.livejournal.com/irina_diza/">