№1369. "Dead or Alive" и "Цветы"

[Ai_Yamaneko]

Данный дизайн был опубликован в другом соо на время фандомной битвы.
Дизайны на выбор =)

"Dead or Alive"

детали (+5)

Название и ник дневника шрифтом Caviar Dreams


Как работают ссылки при наведении




Установить автоматически

Настройки

Для внесения корректировок нужно вручную задать Настройки.

блочный вверху
#222222 заголовок
#ff0000 ссылки
#222222 запись
#999 офф
#EEF7FF фон днева

КАРТИНКИ

 {------------------------------------КАРТИНКИ---------------------------------------}
/*--------1------*/   body {padding: 0px!important;overflow-x: auto!important; background: #EEF7FF url('ФОН') no-repeat; background-size: contain;background-attachment: fixed; background-position: 600px 0; }
/*--------2------*/   .atMusic SPAN, .atTag em a, .atTag em a:hover {background: url('ЗНАЧКИ') 2px 0px no-repeat;}
/*--------3------*/  .quote_text {color: #5f4242; display: block; padding: 10px 20px 0px 30px; margin: 0 30px 0 30px; background-color: transparent; background-image: url("ЦИТАТА_1"), url("ЦИТАТА_2") !important; background-position: left top, right bottom !important; background-repeat: no-repeat, no-repeat !important;font: italic 20px Times New Roman!important;}
/*--------4------*/  .menuSection_title, .menuSection_title:hover, #iAmQuit a, #iAmQuit a:hover {background: url('МЕНЮ') 0px 0px no-repeat;}
/*--------5------*/  .singlePost .opac6 { background: url('ДОСТУП_2') 0 0 no-repeat; width:0;padding: 0 0 0px 294px !important;height: 42px;opacity: 1.0; position: absolute; top: 3px; left: 90px;}
/*--------6------*/  .singlePost .postTitle { background: url('ДОСТУП_1') 90px 0px no-repeat !important; min-height: 42px; }
/*--------7------*/  .singlePost .postTitle [src$="offlock2.gif"]{ background: #eff3f4 url('ДОСТУП_2') 0px 0px no-repeat !important; min-height: 42px; padding-right: 20px!important;}
/*--------8------*/  #extrabottom { background: url("ЭКСТРАБОТТОМ") no-repeat; height: 44px; width: 120px;}
/*--------9------*/  .postContent .TagJIco {display: line-block; line-height: 50px; overflow:hidden; background: url('ИКОНКА') -2px 3px no-repeat; height: 20px; border: none!important; padding-top: 3px;}
/*--------10------*/  #epigraph {background-image: url("ВЕРХ_ЭПИГРАФА"), url("НИЗ_ЭПИГРАФА") !important;}
/*--------11------*/  .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"] { background: url('КНОПКИ') no-repeat !important;  }
/*--------12------*/   #bottom_up a { background: url("ВВЕРХ") no-repeat;}
/*--------13------*/    #YaSearchForm #yaquery { height: 24px;background: url('ПОИСК')0px 4px no-repeat!important; width: 150px; padding-left: 10px;padding-right:30px!important;border: none!important;}
 /*--------14------*/   #YaSearchForm input.submit {background: url('ЛУПА') 0px 0px no-repeat!important; width:18px !important; height:18px!important; -moz-opacity:.99 !important;opacity:.99 !important; filter:alpha(opacity=99); !important; margin-top:-3px; margin-left:-25px; font-size:0;border: none!important;}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
 {-----------------------------------------------------------------------------------}
#Journal img { max-width:800px!important; }
 img { max-width: 650px !important; }
 #Journal .blockquote img {max-width: 500px!important;}
 .blockquote img {max-width: 400px!important;}
 .postContent a {text-decoration: none; border-bottom: 1px solid #fb6061!important; }
 .postContent a:hover {text-decoration: none; border-bottom: 1px solid #464e5f!important; }
 a:hover {color: #464e5f; text-decoration: none!important;}
 .postContent {overflow-x: auto!important;}
 .text, #message {border:1px solid #c7c5c5!important;padding: 5px!important; max-width: 800px;}
 #w18p {position:absolute; top: 0px; width: 700px; right: 0;z-index: 50;}
 .submit {padding: 5px!important;background:#000000!important; color: #ffffff!important;opacity: 1.0!important; text-transform: uppercase;}
 .submit:hover {padding: 5px!important;background:#830000!important;color: #ffffff!important;opacity: 1.0!important; text-transform: uppercase;}
 #cc {margin-top: 0px;}
 .avatar img{border: 1px solid #830000;opacity: 0.8;}
 .avatar img:hover{opacity: 1.0;}
 .postContent .TagJIco:hover { border: none!important;}
 {---------------------------------------------------------------------------------------------}
 {-----------------------------------------------POSTS---------------------------------------}
 #wrapper {width:850px!important; position: relative;min-width:0px!important; float: left; padding-left: 40px;}
 .singlePost {margin-bottom: 50px!important; border-bottom: 2px dashed #7f8585!important; padding-bottom: 70px!important; position: relative;}
 #page-c {margin-top: 450px!important;}
 #postsArea{background: #eff3f4; padding: 30px 15px 15px 15px!important; box-shadow: 0px 0px 7px #000000; }
 .singlePost .postContent{position: relative; padding-top: 40px;}
 {----------}
 .postDate span{background:#000000!important; color: #ffffff; padding: 3px 7px 5px 7px!important; font: normal 25px Georgia!important; }
 .postDate {position :absolute; right: 0; top:5px;white-space: nowrap!important;}
 .singlePost .header span {background:#000000!important; color: #ffffff; padding: 3px 7px 5px 7px!important; font: normal 25px Georgia!important;}
 .header h2 {display: block; padding: 20px 0 0px 35px!important; font: normal 25px Georgia!important;text-transform: uppercase; }
 {----------}
 .atMusic SPAN {display:inline-block; width:12px; height:15px; line-height:500px; overflow:hidden; margin-bottom: -5px!important;}
 .atMood {padding: 0px 0 10px 10px!important; }
 .postContent .atMusic{position: absolute; top: 0px; color: #808080!important; left: 35px; }
 .atMusic em, .atMood em {color: #808080!important;font: normal 15px Georgia!important; text-decoration: none!important; }
 .atTag em a:after {content: "|"; padding-left: 10px;font: normal 15px Georgia!important;}
 .atTag em {color: transparent; font-size: 0; float: left;text-align: left;padding: 0px 0 0 15px!important; }
 .atTag em a {background-position: 0px -70px;color: #706f6f!important;font: normal 15px Georgia!important; text-decoration: none!important; border: none!important; display: inline-block; padding: 0 10px 0 15px; }
 .atTag em a:hover { background-position: 5px -34px;color: #222222!important;text-decoration: none!important; border: none!important;transform: scale(1.1); padding: 0 5px 0 20px;background-color:#EFF3F4!important; }
 {----------}
 #epigraph .postContent,#epigraph{padding: 0!important;}
 #epigraph .singlePost .postTitle{display: none }
 #epigraph .singlePost{padding:5px!important; width: 450px;overflow-y: auto;height: 115px; margin: 10px 0 0 -30px; background: rgba(244, 254, 255, 0.6)!important; box-shadow: 0px 0px 5px #ffffff;}
 #post0 {background: none!important; border: none!important;}
 #epigraph {background-image: url("/userdir/1/3/0/8/1308297/82487468.png"), url("/userdir/1/3/0/8/1308297/82487470.png") !important; }
 #epigraph {color: #000000; display: block; padding: 0px 20px 10px 50px!important; background-color: transparent; background-position: left top, left bottom !important; background-repeat: no-repeat, no-repeat !important;font: italic 20px Georgia!important; position:absolute; top: 270px; border :none!important; width: 480px!important; left: 60px; height: 150px; }
 #epigraph .postActionLinks {position: absolute; z-index:10; left: 0px; margin-top: -10px;}
   #post0 .postTitle {background: none!important;}
 {-----------}
 .postActionLinks {position: relative; z-index:100;opacity: 1.0; }
 .singlePost .postActionLinks {position: absolute; z-index:10; left: 0px; margin-top: -25px;}
 .upPostLink [src*="postup.gif"], .delPostLink [src*="postdelite.gif"], .editPostLink [src*="postedit.gif"] { background: url('/userdir/1/3/0/8/1308297/82504828.png') no-repeat !important; width: 15px!important; padding: 15px 3px 0px 0px !important; height:0px !important; }
 .upPostLink [src*="postup.gif"] {background-position: 0px 0px!important;}
 .delPostLink [src*="postdelite.gif"] {background-position: -20px 0px!important;}
 .editPostLink [src*="postedit.gif"] {background-position: -42px 0px!important; }
 .upPostLink [src*="postup.gif"]:hover {background-position: 0px -40px!important;}
 .delPostLink [src*="postdelite.gif"]:hover {background-position: -20px -40px!important;}
 .editPostLink [src*="postedit.gif"]:hover {background-position: -42px -40px!important; }
 {----------}
 .singlePost .postLinksBackg {float: right;color: #4c4c4c!important; padding-bottom: 10px!important;}
 .postLinksBackg a{color: #4c4c4c!important;font: normal 15px Georgia!important;}
 .comments_count_link a:nth-child(1):before {content:"+"; padding: 0 5px 0 0px;}
 .comments_count_link:nth-child(2) {visibility: hidden; font-size: 0 !important;}
 .comments_count_link a:nth-child(1) {visibility: visible;}
 .singlePost .postLinksBackg li { padding: 8px!important; display: inline-block; }
 .singlePost .postLinksBackg li:hover {color: #ffffff!important;background: #000000; transform: scale(1.2);}
 .singlePost .postLinksBackg li:hover a {color: #ffffff!important; }
 .b-share {margin-top: -20px!important;}
 [src="/favicon.ico"] {margin: 10px 30px 0 0px!important;}
 {----------}
 #commentsArea, #addCommentArea {background: #eff3f4; padding: 15px!important; box-shadow: 0px 0px 7px #000000; }
 .singleComment {margin-bottom: 0px!important; border-bottom: 2px dashed #7f8585!important; padding-bottom: 40px!important; position: relative;}
 #commentsArea_title, #addCommentArea_title, #new_post_title, .header.calHeader {font: normal 25px Georgia!important;text-transform: uppercase;text-align: center;}
 .header.left {font: normal 25px Georgia!important;text-transform: uppercase;text-align: center; padding-bottom: 30px!important;}
 .authorName a{color: #830000;}
 .TagL {color: #830000;}
 a.TagL { border: none!important;}
 .authorName a:hover {color: #464e5f; text-decoration: none!important;}
 .singleComment .authorName {position: absolute; left: 135px;}
 .singleComment {position: relative;}
 .singleComment .paragraph{ width: 515px; margin-top: 60px;}
 .singleComment .postLinksBackg{width: 140px; text-align: left; position: absolute; right: 0; top: 45px; padding-left: 5px; min-height: 140px;}
 .singleComment .postLinksBackg ul li {list-style: disc inside; display: list-item; line-height: 0.5!important;}
 .singleComment .postLinksBackg li { padding: 0px 0 5px 0!important; display: inline-block; }
 .singleComment .postLinksBackg li:hover {color: #000000!important;transform: scale(1.2);padding: 0px 0 5px 6px!important;}
 .singleComment .postLinksBackg li:hover a{color: #000000!important;}
 .singleComment .header span {color: #666666; font: normal 20px Georgia!important; position: absolute; top: 70px; left: 135px;}
 #JournalComments .singlePost .postDate span{background:#000000!important; color: #ffffff; padding: 3px 7px 5px 7px!important; font: normal 25px Georgia!important; position :absolute; right: 0; top:-2px;}
 .singlePost .authorName {position: absolute; margin-top: 40px;max-width: 120px; line-height: 0.8;z-index: 10;}
 .singlePost .commentAuthor {position: relative; margin-top: 30px;}
 #JournalFavorite .singlePost .communityName, #JournalQuote .singlePost .communityName {position: absolute; margin-top: 20px;z-index: 10;}
 #JournalFavorite .singlePost .commentAuthor {position: relative; margin-top: 30px;}
 #JournalFavorite .singlePost .authorName {position: absolute; margin-top: 40px;max-width: 120px; line-height: 0.8;z-index: 10;}
 #JournalQuote .postLinksBackg a{color: #4c4c4c!important;font: normal 14px Georgia!important;}
 #JournalQuote .singlePost .postLinksBackg li:hover a {color: #ffffff!important; }
 .singleComment .postContent {border-right: 1px dashed #000000; width: 675px;}
 #JournalCalendar div#content {margin-left: 110px; text-align: center; width: 620px;}
 .avatar img, .sign{width: 100px!important;}
 .singlePost div.authorName {width: 110px!important;text-overflow:ellipsis;overflow: hidden;-o-text-overflow: ellipsis;}
 #JournalComments .opac6 {position: absolute; top: 0px; left: 80px;}
 .singleComment .b-share {margin-top: -5px!important;}
 .singleComment [src="/favicon.ico"]{margin-top: 2px!important;}
 {-----------}
 #bottomNav { display: block; }
 #bottom_up a { background: url("/userdir/1/3/0/8/1308297/82504995.png") no-repeat; bottom: 5px; height: 20px; line-height: 500px; opacity: 1 !important; overflow: hidden; padding: 0 !important; position: fixed; margin-left: 450px; width: 20px; z-index: 2; }
 #bottom_up a:hover {background-position: 0px -41px;}
 {-------------------------------------------------------------------------------------------------}
 {-------------------------------------------------SIDE------------------------------------------}
 #side {position: absolute; top: 180px; width: 620px!important; }
 #side .bordered {padding:0!important; margin-left: -10px; height: 90px;}
 #thisDiaryOwner_title {background-position: 0px 0px; width: 157px; height: 80px; line-height: 500px;overflow: hidden; }
 #thisDiaryOwner:hover #thisDiaryOwner_title{background-position: 0px -80px; }
 #thisDiaryOwner ul {width: 160px;}
 #myDiaryLinks_title{background-position: -157px 0px; width: 132px; height: 80px; line-height: 500px;overflow: hidden; }
 #myDiaryLinks:hover #myDiaryLinks_title{background-position: -157px -80px; }
 #globalLinks_title{background-position: -289px 0px; width: 131px; height: 80px; line-height: 500px;overflow: hidden; }
 #globalLinks:hover #globalLinks_title{background-position: -289px -80px; }
 #iAmQuit a{background-position: -420px 0px; width: 142px; height: 80px; line-height: 500px;overflow: hidden; display: block;}
 #iAmQuit a:hover {background-position: -420px -80px; }
 #myDiaryLinks, #globalLinks, #iAmQuit a {margin-left: -10px;}
 #side ul {border:2px solid #e24549;background: #f0f7fe;}
 #myDiaryLinks ul {margin-left: -30px;}
 #globalLinks ul {margin-left: -20px;}
 #TagsList ul li a{list-style: disc inside; display: list-item;width: 90%; }
 #TagsList ul li {padding: 0 5px 0 5px!important; width: 95%; white-space: pre-line;}
 #TagsList ul {position: absolute; margin-left: 160px; width: 510px; min-height: 180px;padding: 10px;margin-top: -25px; }
 #TagsList ul li {float: left; width: 130px; padding: 0 30px 0 10px!important;}
 {---------------}
 #side h1{position: absolute; top: -165px;}
 #side #thisDiaryInfo {position: absolute; top: -80px; left: 205px;}
 #side h1 span{font: italic 35px Caviar Dreams,Georgia!important; color: #000000!important; text-align: center;}
 #authorName {font: normal 25px Caviar Dreams,Georgia!important; color: #ff0000!important;}
 #side h1 { text-align: center!important; width: 550px;}
 #authorName:hover, #side h1 a:hover {color: #464e5f!important; text-decoration: none!important;}
 {---------------}
 #YaSearch {position: absolute; top: 195px!important; left: 655px!important; -moz-opacity:.70 !important;opacity:.70 !important;}
 #YaSearch:hover {-moz-opacity:.90 !important;opacity:.90 !important;}
 #YaSearchForm{display:block !important;visibility: visible!important; }
 {------------------------------------------------------------------------------------------------}
 {------------------------------------------------------NONE-----------------------------------}
 .order_button, .prevNextLinks, .Attention, #lastComments, #thisDiaryLinks, #myLinks, #lastComments, #pchs, #headlineList, #sortOrder, #Stats a+a, .atMood span, .atTag span, .urlLink, #more_login, #bottom_mainlink, #bottom_randomlink, #bottom_spiritlink, #bottom_faqlink,#thisDiaryPhoto, #Stats {display: none !important;}

(ФОН) меняем первую строчку на эту

body {padding: 0px!important;overflow-x: auto!important; background: #F6FEFF url('ДЕЙМОН') no-repeat;background-attachment: fixed; background-position: 600px 0; background-size: contain;}

(ФОН) меняем первую строчку на эту

body {padding: 0px!important;overflow-x: auto!important; background: #e5e6eb url('ЦВЕТЫ-2') no-repeat;background-attachment: fixed; background-position: right top; background-size: contain;}

(ФОН) меняем первую строчку на эту

 body {padding: 0px!important;overflow-x: auto!important; background: #d2d5e6 url('ЦВЕТЫ-3') no-repeat; background-size: contain;background-attachment: fixed; background-position: left top; }
 #epigraph .singlePost{background: rgba(244, 254, 255, 0.5)!important; box-shadow: 0px 0px 5px #ffffff;}

(ФОН) меняем первую строчку на эту

 body {padding: 0px!important;overflow-x: auto!important; background: #ffffff url('ЦВЕТЫ-1') no-repeat;background-attachment: fixed; background-position: right top; background-size: contain;}

При использовании дизайна просьба ставить баннер сообщества

Comments

[~Rosalie Lilian Salvatore~]

Эхх жаль что с Йеном платный.) Красивый такой)

[Ai_Yamaneko]

~Rosalie Lilian Salvatore~, а вы уже использовали Платные сервисы? Если не пользовались вообще ими, то у вас должно быть 2 недели бесплатно)

[Аркхейм]

Мммм, очень стильные дизайны! *О*

[Ai_Yamaneko]

Delallador, спасибо =)

[~Chertopoloh~]

Ai_Yamaneko, почему-то у меня не получается поставить ни один из цветочных фонов просто пусто. Подскажите, пожалуйста, что можно сделать. Уж очень понравились ваши дизы

[Ai_Yamaneko]

~Chertopoloh~, сначала самое главное проверим. Фоны имеют разрешение 1554х1554. У вас есть возможность загружать такие большие изображения?

[~Chertopoloh~]

где это можно проверить?

[Ai_Yamaneko]

~Chertopoloh~, тут. У вас будет написано:
Максимальный размер картинки — 1554x1554, максимальный вес — 777 КБ. Если сервис подключен.
А еще вижу у вас и меню нет.

Вторая причина почему картинок может не быть. Если вы ссылку не правильно вставили.
Дан код, как пример:

body {padding: 0px!important;overflow-x: auto!important; background: #EEF7FF url('ФОН') no-repeat; background-size: contain;background-attachment: fixed; background-position: 600px 0; }

Где ФОН вам надо вставить ссылку изображения с таким названием. Ее надо загрузить в вашу Библиотеку изображения.
Возьмем фон, как пример:

http://static.diary.ru/userdir/1/8/9/5/1895947/82805828.jpg

Вам надо вставить только часть этой ссылки

url('/userdir/1/8/9/5/1895947/82805828.jpg')

При этом ни один символ в коде не удалить при вставке ссылок.

[~Chertopoloh~]

включила сервис увеличение веса картинок.но пока ничего не изменилось

[Ai_Yamaneko]

~Chertopoloh~, вы фон нужный вам загрузите и в коде правильно ссылки вставьте. У вас в коде нет картинок.

[~Chertopoloh~]

Ai_Yamaneko, c фоном получилось, спасибо.
Меню тоже надо вставить в библиотеку изображений?

[Ai_Yamaneko]

~Chertopoloh~, все картинки, что стоят в верхней настройке нужно заливать в библиотеку и вставлять в код на свои места, в дизайнах меняется только фон.

[~Chertopoloh~]

Спасибо! заработало.

[Ai_Yamaneko]

~Chertopoloh~, это хорошо

[Elle J.]

Ai_Yamaneko, у меня такая же байда с фоном и меню. Надо увеличить БИ для загрузки больших картинок? Почему меню не видно. Дважды переделывала код (вставляла картинки) меню так и не появилось. Хотя в БИ и цветочный фон и меню загружено.

Автоматически все установилось

[Ai_Yamaneko]

Elle J.,

Надо увеличить БИ для загрузки больших картинок?

да, так как фон там 1554х1554.

Почему меню не видно. Дважды переделывала код (вставляла картинки) меню так и не появилось.

а вы правильно вставляете ссылку картинки? Вы вставляете ссылки так

url('/userdir/1/8/9/5/1895947/82805828.jpg') 

Или полные ссылки?

url('http://static.diary.ru/userdir/1/8/9/5/1895947/82805828.jpg')

Если такие, то у вас естественно ничего не отобразится. Код просто их стирает.

[Elle J.]

Ai_Yamaneko, конечно кусками вставляла, как надо. Трижды переделала, и плюнула))) Но дизайн отличный.

[Ai_Yamaneko]

Elle J., хм, странно. Меню там не большое, даже если у вас не подключен сервис по увеличению объема и расширения, то вставится должен

Но дизайн отличный.

спасибо =)

[Faltirie]

Спасибо за красоту! Взяла несколько вариантов.