Любимый зайка.

[hanuma]

Меня тут спрашивали, кто менять дизайны под настроение учил. Докладываю, вот эта девушка: esistenzaz

Мне ее особый стиль построения дизайна особенно люб, потому что:
а) Размашист. Без шаблонов. Каждый раз что-то новенькое.
б) Часто "живой". То есть, в нем часто что-то шевелится, крутится, вертится, сыпется и т.п.

Мы уже не дружим блогами, так как тематиками и интересами стали расходиться, разошлись по обоюдному согласию, но мое восхищение ее дизайном осталось без изменений. :)

Ниже одна из ее последних работ, но если вы зайдете в ее сообщество esistenzaza, то увидите гораздо больше интересностей.

Оригинал взят у esistenzaz в Любимый зайка.

Стиль: Smooth Sailing
Заголовок:да
Подзаголовок: нет
Сайдбар: слева
Комментария в жж: да



1) В стиле журнала выбираете тему Smooth Sailing
2) Выбираем макет журнала – 2 колонки, боковая панель слева.
3) Юзерпик с право!
Отображение,
Базовые настройки,
Userinfo Position in Entries, right
4) Переходим по ссылке "Настроить свой стиль". Выбираем Custom CSS. И вставляем основной код.
5) В сидебаре Список меток, Tags Sidebox Position  изменить с 17 на 9
6) Сноска с произвольным текстом, В первом окне выставить
Free Text Position 10
Note - стереть
В окно вставить код!

<a href="http://esistenzaz.livejournal.com/"><img src="http://img-fotki.yandex.ru/get/6523/41594077.34/0_941d3_4598fc75_orig" border=0></a>

Основной КОД!

/*-------- @ http://esistenzaz.livejournal.com ---------*/<br /><br /><br />.bodynavblock {<br />clear: both;}<br />.commentHolder {<br />float: left;<br />clear: both;<br />min-width: 860px;}<br />body{<br />padding-bottom:0px;<br />margin-bottom:0px;<br />background: url(http://img-fotki.yandex.ru/get/6623/41594077.33/0_9417f_d2911372_M);}<br />.bodyheaderblock {<br />display: none;}<br />.pageblock {<br />padding: 0;<br />background: url(http://img-fotki.yandex.ru/get/6621/41594077.34/0_941bb_7a0ee4e4_orig) no-repeat;}<br />a, a:link, a:visited {<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #b38e60;}<br />a:hover {<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.header-title {<br />background: url();<br />padding: 0px 0px 0px 330px;<br />font-family: Courier New;<br />font-size: 25px;<br />font-style:italic;<br />font-weight:bold; <br />color: #b38e60;}<br />.header-subtitle {<br />background: url();<br />padding: px 0px 0 0px;<br />font: normal 0px Calibri, Tahoma, Arial;<br />color: #CCCCCC;}<br />.header-menu {<br />background: url() no-repeat left bottom;<br />height: 0px;<br />padding: 0;<br />margin: -18px 260px 0 170px;<br />border: 0;}<br />.header-menu ul {<br />align: bottom;<br />background: transparent;<br />width: 100%;<br />padding: 92px 0 0 0;<br />margin: 0;<br />text-align: left;}<br />.header-menu li {<br />display:block;<br />background: url();<br />margin: 0px 6px 6px 6px;<br />padding: 10px 3px 3px 3px ;<br />min-height: 10px;}<br />.header-menu li a, <br />.header-menu li a:visited {<br />background: url() repeat;<br />padding: 7px 10px;<br />font-family: Courier New;<br />font-size: 15px;<br />font-style:italic;<br />font-weight:bold; <br />color: #b38e60;}<br />.header-menu li a:hover {<br />background: url() repeat;<br />font-family: Courier New;<br />font-size: 15px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />text-shadow: #FFFFFF 1px 1px 2px;}<br />.sidebox{<br />background: url()no-repeat;<br />border: 0;<br />padding: 15px 0 0;}<br />.sideboxContent{<br />background:transparent;}<br />.sidebar{<br />position:absolute;<br />top:550px;<br />width:240px;<br />background: url(http://img-fotki.yandex.ru/get/6619/41594077.34/0_941d0_2e37f0de_L);<br />padding: 0px 0px 0px 10px;<br />border:0px;}<br />.sideboxContent{<br />width:200px;<br />padding: 20px 0px 20px 20px;<br />background: url();<br />font-family: Courier New;<br />font-size: 15px;<br />font-style:italic;<br />font-weight:bold; <br />color: #b38e60;}<br />.profile-userpic {<br />background:url() no-repeat;<br />padding: 0px 5px 3px 40px;<br />background:#FFFFFF;<br />border-radius:4px;<br />bottom:15px;<br />max-width:300px;}<br />.sideboxTitle{<br />border:0px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />padding: 20px 5px 5px 90px;<br />margin: 0 0 10px 0;<br />background: url()no-repeat;}<br />#tags_sidebox {<br />color: transparent;}<br />#tags_sidebox a {<br />margin: 0px;<br />width:200px;<br />display: block;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.bodyblock {<br />padding: 0 20px;<br />margin: 558px 0 0 0;}<br />.entryHolder{<br />border: 0px;<br />width:200px;<br />margin-left:289px;<br />margin-bottom:-5px;<br />background: url(http://img-fotki.yandex.ru/get/5505/41594077.12/0_7a0c6_2ca29ae7_M);<br />min-width: 820px;<br />padding: 20px;}<br />.commentHolder {<br />border: 0px;<br />width:200px;<br />margin-left:301px;<br />margin-bottom:5px;<br />background: url(http://img-fotki.yandex.ru/get/5505/41594077.12/0_7a0c6_2ca29ae7_M);<br />min-width: 820px;<br />padding: 20px;}<br />.entryUserinfo{<br />background:url() no-repeat;<br />position:relative;<br />width:40%; <br />padding:1em; <br />margin:2em 10px 4em; <br />background:#ded0af;<br />border-radius:4px;<br />bottom:15px;<br />left:10px;<br />width:50%;<br />max-width:300px;<br /> right:12px; <br />-webkit-transform:rotate(3deg); <br />-moz-transform:rotate(3deg); <br />-ms-transform:rotate(3deg); <br />-o-transform:rotate(3deg) ;<br />transform:rotate(3deg) ;}<br />.entryHeader{<br />background:url(http://img-fotki.yandex.ru/get/6420/41594077.34/0_941ca_81484448_orig) center no-repeat;<br />border-top:0px;<br />padding:90px 5px 0px 5px;<br />margin-bottom:5px;}<br />.entryHeaderSubject {<br />margin: 10px 10px 0 10px;<br />padding: 10px 10px 5px 5px;<br />background:url() no-repeat;<br />border: 0px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryHeaderSubject a {<br />padding: 40px 0px 10px 0px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryHeaderSubject a:visited,<br />.commentHeaderSubject {<br />padding: 40px 0px 10px 0px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryHeaderSubject a:hover {<br />padding: 40px 0px 10px 0px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryText {<br />padding: 10px;<br />margin: 0 0 10px 0;<br />font-family: Courier New;<br />font-size: 18px;<br />color: #2b0202;}<br />.entryMetadata {<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryMetadata ul{<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryMetadata li,<br />.entryMetadata-label{<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryHeaderDate {<br />width: 10px;<br />height: 10px;<br />padding: 16px 0 0px 0;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryLinkbar {<br />text-align: left;<br />padding: 15px;<br />background: url()repeat-x;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.entryLinkbar li,<br />entryLinkbar ul, <br />entryLinkbar li a {<br />padding: 5px 4px 2px 2px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.commentText {<br />font-family: Courier New;<br />font-size: 18px;<br />color: #2b0202;}<br />.commentLinkbar {<br />margin: 0;<br />padding: 5px 0 5px 0;<br />text-align: left;<br />border: 0;<br />background-image: url();<br />border:0px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.commentLinkbar li {<br />padding: 0 5px 0 0;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.commentHeader {<br />background:url()no-repeat;<br />border:0px;<br />font-family: Courier New;<br />font-size: 12px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />margin-left:350px;<br />min-width: 400px;}<br />.commentHeaderScreened {<br />margin: 5px 0 5px 0;<br />padding: 0px;<br />background:url() no-repeat;<br />border:0px;<br />font-family: Courier New;<br />font-size: 12px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.commentHeader span {<br />margin-left:350px;<br />font-family: Courier New;<br />font-size: 12px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.commentUserinfo {<br />background:url() no-repeat;<br />position:relative;<br />width:40%; <br />padding:1em; <br />margin:2em 10px 4em; <br />background:#ded0af;<br />border-radius:4px;<br />bottom:15px;<br />left:10px;<br />width:50%;<br />max-width:300px;<br /> right:12px; <br />-webkit-transform:rotate(3deg); <br />-moz-transform:rotate(3deg); <br />-ms-transform:rotate(3deg); <br />-o-transform:rotate(3deg) ;<br />transform:rotate(3deg) ;}<br />.replyform {<br />background: url(http://img-fotki.yandex.ru/get/6519/41594077.34/0_941cf_1544fef5_XL);<br />padding: 5px 150px;<br />margin: 20px 20px 20px 60px;<br />border: 1px solid #5e1509;<br />text-align: justify;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.quickreply_entry form table, <br />.quickreply_comment form table,<br />#postform {<br />background: url() repeat;<br />border: 1px solid #5e1509;<br />border: 0;<br />color: #5e1509;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />line-height: 22px;<br />padding: 10px 50px;<br />margin: 10px 30px;}<br />#postform b {<br />border: 1px solid #5e1509;<br />color: #5e1509;}<br />.replyform {<br />text-align: justify;<br />background: url(http://img-fotki.yandex.ru/get/6519/41594077.34/0_941cf_1544fef5_XL);<br />border: 1px solid #5e1509;<br />line-height: 22px;<br />border: 0;}<br />.textbox {<br />border: 0;<br />border: 2px double; <br />padding: 3px;}<br />.bodynavblock {<br />background: url();<br />border: 0;<br />text-align: center;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />margin: 5px 20px 0 20px;<br />padding: 0;}<br />#footer-menu a:visited,<br />.bodynavblock visited {<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />#footer-menu a,<br />.bodynavblock {<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />#footer-menu a:link,<br />.bodynavblock link{<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />.pagefooterblock {<br />margin: 0;<br />padding: 40px;<br />border: 0;<br />background: url() no-repeat bottom center;<br />height: 100px;<br />font-size: 0;}<br />#search input{<br />background:url(http://img-fotki.yandex.ru/get/5505/41594077.12/0_7a0c6_2ca29ae7_M)repeat;<br />border: 1px solid #731a14;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />#search input#SearchTerm{<br />border: 1px solid #731a14;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />background:url(http://img-fotki.yandex.ru/get/5505/41594077.12/0_7a0c6_2ca29ae7_M)repeat;<br />font-weight:normal;}<br />select{<br />background:url(http://img-fotki.yandex.ru/get/5505/41594077.12/0_7a0c6_2ca29ae7_M)repeat;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />input{<br />background:url(http://img-fotki.yandex.ru/get/5505/41594077.12/0_7a0c6_2ca29ae7_M)repeat;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />textarea{<br />background:url(http://img-fotki.yandex.ru/get/5505/41594077.12/0_7a0c6_2ca29ae7_M)repeat;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;}<br />span a[href*="profile"] img{width: 0 !important; height: 0 !important;<br />background: transparent url(http://img-fotki.yandex.ru/get/6619/41594077.33/0_9326f_1e814d79_orig) no-repeat !important; padding: 16px 0 0 16px !important;}<br />.latestmonth-active {<br />padding: 4px;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />background: url() no-repeat center;}<br />.sidebox #latestmonth table{ <br />margin: 0 auto;<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14; <br />font-size: 0.9em;}<br />#latestmonth table td {<br />font-family: Courier New;<br />font-size: 18px;<br />font-style:italic;<br />font-weight:bold; <br />color: #731a14;<br />text-align: center;}<br />#ad-leaderboard {<br />display: none;}<br />#ad-5linkunit {<br />display: none;}<br />.adv { display: none;}<br /><br />