[Kieran]

Доброго вечера.

Головная боль номер один:

решено

Головная боль номер два:

Я растянул фон дневника на все через cover, но почему-то с мобильного хрома оно ведется себя удручающе.

хром

При том, что если на странице новой записи все более-менее норм, то на странице дневника по ощущению картинка растягивается на всю длину ленты, вместо того, что бы заполнить тупо доступный экран.

С мобильного дельфина тоже.
Там она не растягивается вообще.

дельфин

Код:

 body {background-color:#001220; background-image:url('/userdir/6/0/1/5/601540/85053041.jpg');background-attachment:fixed; background-repeat:no-repeat; background-position:left top; background-size: cover; padding:0px !important; margin:0px !important}

Вопрос: Есть ли какой-нибудь костыль для мобильных версий, или придется смириться?

И последняя (я надеюсь) головная боль.

Решено

Спасибо ~Erika!

ЗЫ: Ссыль на днев при желании дам, но заходить осторожно, а то оттуда сложно выйти =)

@темы: фоновые картинки, меню

---

[jihiri_kuro]

Доброго времени суток! Подскажите, пожалуйста, почему установленная кнопка "Вверх" в дизайне с верхним меню отображается, а с боковым — нет?

@темы: diaryCSS

---

[Kieran]

Друзья мои, я к вам сегодня с совсем безумным вопросом.

Что можно сделать с коробочкой дневника, что бы получить некое пространство, в которое можно было бы вставить хтмл код (требуется встроить плеер), и что бы это пространство было доступно с любой страницы дневника, в частности с открытой записи.

Хочется встроенный в дневник плеер, который бы играл, пока я пишу/редактирую записи.
Я видел дневники, в которых дизайн выходил далеко за рамки цсс, возможно ли куда-нибудь впихнуть еще и хтмл?

Собственно, обустраиваю себе пространство для творчества на базе дайри

P.S. мне кажется, этому сообществу сильно не хватает тем. Через них нихренашеньки не найдешь

---

[SnezhArt]

Всем доброго!!

Пилю дизайн и все почти хорошо. Но вот "вставить цитату" улетает ниже плинтуса.
У меня когда-то была подобная проблема и там она решилась тем, что мне ее посоветовали прибить маргином. Сейчас этот фокус не прокатил.
С чем вообще может быть связано то, что "вставить цитату" улетает и как ее можно вернуть на место?
Буду очень благодарна за помощь.

UPD: вопрос закрыт.

@темы: отступы

---

[Грач]

Добрый день!
Можно ли как-то определить и удалить из БИ все изображения, которые не используются в постах?

@темы: дневники

---

[birdroid]

Какие блоки пропадают или добавляются при подключении услуги css? Я знаю только тот, что ниже:

<div class="bordered menu_block">
<div id="yandex_ad_R-50294-3"></div>...</div>

Есть ещё что?

@темы: основные блоки, платный сервис

---

[Kieran]

Доброго времени суток!

Когда-то давно мне попадался код, с помощью которого можно было одну свою самую обычную запись оформить как отдельный блок и вынести ее за пределы основных блоков, например, под меню.

Напомните, пожалуйста, спасите мой мозг!

@темы: основные блоки

---

[akiokocoon13]

Добрый день. Возникла необходимость добавить тег иероглифами. Раньше делала, всё хорошо работает. Новый почему-то бьёт на 5 отдельных тегов по иероглифу в каждом. Если добавляю сначала в любимые темы - то делает то же самое, только цифрами (а кнопочку правильно показывает). Что с этим делать?

Заранее спасибо!

---

[Nicholas Opium]

Доброго времени!

Возник вопрос: Работает ли на дневниках responsive design? В частности теги @media

Заранее благодарен за ответы!

Ответ получен

@темы: основные блоки, Дизайн, diaryCSS

---

[Neko Ciel]

Здравствуйте!
Проблема такая: при вставке css все отражается нормально, но стоит нажать кнопку "сохранить" как картинки слетают - коды в тексте просто удаляются.

@темы: платный сервис, Дизайн

---

[Элья Бронски]

Я опять со странным вопросом)
Не могу разобраться, как надо извратиться с .countFirst и .countSecond, чтобы избавиться от разноцветности постов, подскажите, пожалуйста. Возможно, я пропустила какую-нибудь элементарщину, опять?

Что получается:


А надо, чтобы каждая запись была с одинаковой заливкой\фоном (как та, что светлее на скриншоте).

Код (даю весь имеющийся, вдруг причина в том, что там что-то с чем-то конфликтует):

body {width: 100% !important; margin: 0; padding: 0; background: #C5DA99;}
 #wrapper {width: 100% !important; margin:2px; padding:4px; border: 2px #99AA6D; background: #C5DA99 url('/userdir/3/4/3/0/3430983/84987742.jpg'); font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #787878; overflow:hidden !important;}
 #topNav {display: none;}
 #page-c .bordered {background: transparent;}
 #side {width: 97%; background: url('/userdir/3/4/3/0/3430983/84988115.png') no-repeat center bottom;}
 .singlePost {display:block; width: 97% !important;}
 .postDate, postTitle {width:97%; padding: 9px; border: 2px #4C5C37 ; background: url('/userdir/3/4/3/0/3430983/84987929.png'); opacity: 0.7 ; box-shadow: 0 0 9px rgba(0,0,0,0.8) ;}
 .header {width:97%; padding: 9px; border: 2px #4C5C37 ; background: url('/userdir/3/4/3/0/3430983/84988040.png'); opacity: 0.7 ; box-shadow: 0 0 9px rgba(0,0,0,0.8) ;}
 .postContent {padding: 20px ; border-radius: 15px ; border: 5px solid #E0E1E9 ; background-color: #ffffff ; opacity: 0.7 ; box-shadow: 0 0 20px rgba(0,0,0,0.8) ;}
 .postInner .paragraph {padding-left: 10px;}

В не-цсс свойствах дизайна выставлен "табличный", меню "вверху", если принципиально.
Дабы не пугать редких ПЧ, завела тестовую песочницу для изучения ЦСС: ellia-diz, сейчас этот недо-дизайн именно там.

Заранее благодарю за подсказки.

@темы: фоновые картинки

---

[jihiri_kuro]

Доброго времени суток! Третий день бьюсь над фоном записи: я очень люблю полупрозрачные подложки, поэтому сделала так:

.
А потом решила выпендриться и сделала градиентную полупрозрачность с помощью Ultimate CSS Gradient Generator. Но теперь на эпиграфе фон дублируется:

. Не менялось ничего, кроме тега background:
с

{background: rgba(255, 255, 255,.3); border-radius: 10px; padding: 20px!important; margin: 0 0 40px 0px!important;}

на

{background: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.5) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#80ffffff',GradientType=0); border-radius: 10px; padding: 20px!important; margin: 0 0 40px 0px!important;}

.

Кто-нибудь знает, в чем ошибка? Заранее спасибо!

Решено благодаря curious_werewolf!

@темы: эпиграф, платный сервис

---

[Aurus]

Добрый день!

Захотелось вынести список тегов под запись, на первый взгляд всё было прекрасно, а потом оказалось, что в слишком коротких записях теги всё равно уезжают наверх. Причём в самом дневнике этого не видно, но зато мозолит глаза в избранном, что печалит ( У меня уже вообще никаких идей не осталось, как это исправить, может, кто-нибудь сумеет подсказать? Вроде бы понимаю, что дело в position:relative, но не могу придумать, как иначе это реализовать...

как это выглядит

А вот код с кучей костылей:

 .atTag a {color:#9b9b9b; background:#eeeeee; border: solid #dddddd 1px; border-radius: 10px; text-decoration: none; padding:5px; transition: linear all .3s;}
 .atTag a:hover {background:#cfe8fc; border: solid #cfe8fc 1px; border-radius: 10px;color:white; text-decoration: none;}
 .atTag span {display:none;}
 .atTag {width:580px; text-align:right; color:white; position:relative; bottom:-70px; right:15px; display: block; line-height:28px; overflow:auto; height:30px;}
 #JournalFavorite .atTag, #JournalQuote .atTag {width:580px; border: solid red 0px; text-align:right; position:relative; bottom:-70px; right:150px; display: block; line-height:28px; overflow:auto; height:30px; z-index:1;}
 #JournalFavorite .postLinksBackg {position:relative; z-index:2;}
 #JournalComments .atTag {width:580px; border: solid red 0px; text-align:right; position:relative; bottom:-85px; right:170px; display: block; line-height:28px; overflow:auto; height:30px;}

И заодно, чтоб два раза не ходить, ещё такой вопрос: можно ли как-нибудь сделать так, чтобы фиксированное выпадающее меню прокручивалось, если блоки выпадают за пределы экрана? Overflow ни на самом меню, ни на отдельных блоках работать не хочет, и я не уверена, моя ли тут вина или просто это никак не реализовать.

UPD: решено! Спасибо curious_werewolf и ~Erika

@темы: отступы, Дизайн

---

[SnezhArt]

Запилила я дизайн, но .authorName и .avatar не хотят становиться туда, куда хочу я.



Вопрос решен. Спасибо Лунный дождь

@темы: отступы, основные блоки

---

[Элья Бронски]

Разбираюсь в css (в основном, методом проб и ошибок, поскольку все, что когда-то учила в вузе на эту тему, забыла напрочь, увы).
Столкнулась с непонятным мне поведением кода, подскажите, что я делаю не так и куда копать.
Это оформление цитат в постах\коментах. Код пока честно уволокла из тьюториала как раз-таки по цсс (на просторах дайри), просто так насильно в пост в виде div прекрасно впихивается и работает (первая картинка - это именно так, в отдельном посте, а не через цсс для всего дневника)

надо примерно так

Хотя, конечно, такие адские отступы мне не нужны от окружения цитаты (другого текста, то бишь).

а получается так

Тут словно бы текст в виде ленты изгибается и ложится по направлению "к смотрящему", частично перекрывая окружающее.
Подскажите, пожалуйста, что подправить, чтобы приблизить к тому, что на 1й картинке?

 .quote_text { text-align=auto; padding: 20px; border-radius: 15px; border: 5px solid #E0E1E9; background-color: #ffffff;opacity: 0.7; width: 350px; box-shadow: 0 0 20px rgba(0,0,0,0.8);"}

Заранее благодарю.

@темы: рамки и полоски

---

[[Noctis]]

Здравствуйте!
Столкнулся с такой проблемой -
Внизу страницы какое-то белое пространство, что оно и для чего вообще не понимаю.
Мой монструозный код

#extratop {background: url('/userdir/7/1/3/7/713725/84839387.jpg') no-repeat;; width: 800px; height:450px !important; padding: 0 !important; margin: 0 !important;}
 #page-c{background: # no-repeat;}
 .postDate {background: # no-repeat; background-position:bottom; !important;}
 .comments {background: # no-repeat; padding:0 0 0 20px!important; }
 .subscribe {background: #no-repeat; padding:0 0 0 20px!important; }
 .addToQuote {background: #no-repeat; padding:0 0 0 20px!important; }
 .umail, .email {background: #no-repeat; padding:0 0 0 20px!important; }
 .diary {background: #no-repeat; padding:0 0 0 20px!important; }
 .profile {background: #no-repeat; padding:0 0 0 20px!important;}
 .quote_comment{background: #no-repeat; padding:0 0 0 20px!important;}
 .quote_post{background: #no-repeat; padding:0 0 0 20px!important; }
 #wrapper {position:relative;}
 #wrapper{background:#ffffff}
 #wrapper {border:1px solid}
 body{ background-image:#no-repeat; }
 #epigraph a{text-decoration:none}
 #side h1 img {display: none}
 #wrapper{min-width:800px!important;width:800px;margin: 0 auto !important;padding:0px !important;overflow:hidden !important}
 #side{width:800px !important;margin:0 !important}
 #page-c{width:800px !important;padding:0 !important;padding:0 !important}
 #page-t {margin:0 !important}
 #page-c a:hover,a:active{color: #000000!important; text-decoration:none !important}
 #page-c a{color: #743b51!important; text-decoration:none !important}
 #side a:hover,a:active{color: #743b51!important; text-decoration:none !important}
 .atMusic em, .atMood em, .atTag em { font-size: 11px;}
 .atTag a{text-decoration:none}
 .paragraph {overflow: auto}
 #side, .menuSection {background: #cbccc6 }
 .menuSection{ font-size:12px;}
 #Stats, #myCommunitiesLink, #myLinks, #YaSearch, #headlineList, #rssLink, #myLinksLink, #upInChart , #lastComments, #diarySpiritLink, #paySupportLink, #faqLink, #fallDiaryLink, .urlLink, #authorFav, #authorQuot, #authorLiks, #sortOrder, #topNavLinks, #authorAlbum, #albumLink, #communityCatalogueLink, .quote_post #myCommunity, #favListLink, #myCommunityLink, #YaSearch, #myCommunity, #pchListLink, #randomDiaryLink, #allDiaryLink, #diarySupportLink, #unsubscribeEmail, #pchs, #pchs, #login_form, #more_login, #subscribeEmail, #postsCalendar, #photolibLink, #myNotepadLink {display:none!important}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .nextPostLink {float: right;}
 #iAmQuit { position:absolute; top: 365px; right:747px;}
 #side h1 A{position:absolute; top: 15px; left: 10px; font-weight:bold; font-size:18px}
 #authorName { position:absolute; top:40px; left: 10px;}
 #myDiaryLink { position:absolute; top: 15px; left: 580px; }
 #writeThisDiary { position:absolute; top:30px; left: 580px;}
 #myDraftLink { position:absolute; top: 45px; left: 580px;}
 #myFavLink { position:absolute; top: 60px; left:580px;}
 #myQuotLink{ position:absolute; top: 75px; left: 580px;}
 #discussionLink { position:absolute; top: 90px; left: 580px;}
 #optionsLink { position:absolute; top: 105px; left:580px;}
 #umailLink { position:absolute; top: 120px; left: 580px;}
 #myProfileLink { position:absolute; top: 135px; left: 580px;}
 #tagslistlink { display:block !important;visibility:visible !important; position:absolute; top: 150px; left:580px;}
 #mainpageLink { position:absolute; top: 430px; left: 580px; font-weight:bold}
 #delFromFav{ position:absolute; top: 435px; left: 580px;}
 #side *{border:none;}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:800px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:800px; margin: 0 !important; padding: 0!important; position:absolute; top:1px ; }
 #side li {float:left; display:block; padding-right:0px!important;}
 .left #page-t {margin-left: 0px !important;}
 .postDate { text-align:left; font-size:12px!important}
 .singlePost{padding-bottom:50px!important}
 #side h1 A {color:#adadad !important}
 #authorName{color:#adadad !important}
 #authorFav, #authorQuot, #authorLiks {display: none !important;}
 #w18p {display: none !important;}
 #myAccountLink { display:none !important;}
 #thisDiaryPhoto {position:absolute; top:70px; left:10px;}

В идеале, вставить бы туда экстрабботом, но я не понимаю, в какую часть кода его пихать, да и вообще не очень понимаю. В CSS нуб. Помогите, пожалуйста!

@темы: diaryCSS, основные блоки

---

[Йуууля]

Добрый день! Столкнулась с такой проблемой:

При позиционировании блока меню "вверху" не могу вытащить ссылки "Мой дневник" и "Новая запись"
Пробовала фиксировать и двигать ссылку при помощи кода:

#myDiaryLink {display:block !important;visibility:visible !important;}
#myDiaryLink {padding:0 !important; position:absolute; margin-top: 60px!important; right:500px; padding-top:5px !important;}

Но проблема в том, что она все равно видна только при активности выпадающего блока #myDiaryLinks
Фиксировать сам #myDiaryLinks не хотелось бы. Есть ли возможность вытащить "Мой дневник", не делая видимым #myDiaryLinks?

@темы: меню

---

[Tish Evans]

upd2
РЕШЕНО

upd

1.

Как опустить запись (ну и комментарии после неё) ниже? На главной странице дневника всё нормально. А на странице с комментариями вот такая фигня.

2.

Как опустить форму редактирования комментария? Всё совсем печально.

{--------основные блоки-----------}
 body { background: url('/userdir/3/3/0/7/3307702/84670588.jpg') fixed;}
 #wrapper{width:970px;min-width:970px;}
 #page-t { padding-top: 48px !important; width:800px; margin-left:90px !important;}
 {--------Menu-----------}
 .menuSection a {color: !important; font-size: 16px !important;}
 #side {position: absolute; margin-top: 180px; margin-left:455px !important; z-index: 1 !important;text-align: center; text-shadow: #ffffff 1px 1px 1px !important;}
 #myDiaryLinks {position: absolute; margin-top:-135px; margin-left:-285px;}
 #globalLinks {position: absolute; margin-top:-135px; margin-left:-30px;}
 #thisDiaryOwner {position: absolute; margin-top:-135px; margin-left:159px; display:block; width:220px;}
 #thisDiaryLinks, #subscribeEmail, #upInChart, #rssLink, #lastComments, #albumLink, #faqLink, #YaSearch, #diarySpiritLink, #myDiaryLinks_title, #myNotepadLink, #myFavLink, #myLinksLink, #myProfileLink, #albumLink, #allDiaryLink, #myCommunityLink, #postsCalendar, #communityCatalogueLink, #randomDiaryLink {display:none;}
 #authorName {display:block; position:absolute; margin-top:-192px; margin-left:80px; font: 26px Book Antiqua !important; background: transparent !important;text-shadow: #ffffff 1px 1px 1px; }
 #side h1 a {display:block; position:absolute; margin-top:-172px; margin-left:-220px;font: 26px Book Antiqua !important; background: transparent !important;text-shadow: #ffffff 1px 1px 1px; }
 #Stats {display: none !important;}
 #myAccountLink {display: none !important; }
 #mySFavLink {display: none;}
 {--------posts-----------}
 #postsArea {margin-top: 220px;}
 #epigraph {margin-top: -180px !important;}
 #post0 {margin-top: 195px !important; background: transparent !important; margin-bottom: -100px !important;}
 .singlePost { position: relative; background: url('/userdir/3/3/0/7/3307702/84670590.png') 50% bottom no-repeat; padding: 0px 0px 115px 0px!important; margin: 0px 0px 75px 0px !important;}
 .singleComment{position: relative; background: none; padding: 10px 10px 10px 10px !important; margin: 0px 0px 35px 0px !important;}
 #msg_form{background: none; padding: 10px 10px 10px 10px !important; margin: 0px 0px 20px 0px !important;}
 .postTitle { text-align : center; padding: 7px 0px 7px 0px !important; padding: 0px 0px 7px 0px !important;}
 .singlePost .postDate { float:right !important; margin: -54px -25px 0px 0px; padding: 0px !important; color: #9f9f9f;}
 .postActionLinks { margin-top: -15px; }
 #sortOrder { margin: -10px 0px 0px 0px; }
 a:HOVER{color: #4082ca !important; text-decoration: none;}
 img { max-width: 700px !important; }
 {--------Иконки-----------}
 .atTag em, .atMusic em, .atMood em, .atTag a { font-style: normal; text-decoration: none; color: #698595 !important;}
 .postLinksBackg a {color: #588564 !important;}
 #bottomNav {display: block !important; text-shadow: #ffffff 1px 1px 1px;}
 #pageBar {text-shadow: #ffffff 1px 1px 1px !important;}
 span.quote_text { font-style: normal !important; display: block; margin: 10px 0px 0px 10px; padding: 5px; border-left: 3px solid #011a5a; font-size: 12px; background: none;font-size: 18px !important;}
 #sign {position: absolute; left: -280px; top: -80px;}
 .order_button {display: none !important;}
 #thisDiaryPhoto {display: none !important;}
 #pchs {display: none !important;}
 

запись создана: 14.12.2016 в 20:30

@темы: отступы

---

[Dream_and_Love]

Здравствуйте.

Я пытаюсь сменить фон в дневнике. Картинка отвечает всем требованиям. Она подгружается в превью. Но, когда я захожу на страницу дневника, фона нет. Хотя в настройках дизайна он отображается.

Вот картинка:

@темы: фоновые картинки

---

[Тайин]

Добрый день. Подскажите, можно ли в блочном пардон, табличном дизайне задать один цвет для фона записей, при этом оставив возможность вставить в заголовки даты записи и комментариев, название дневника (и всё остальное, что обычно изменяет цвет в бесплатном дизайне, когда выставляешь "цвет заголовка") полупрозрачный фон? Попыталась сделать вот так:

 #side h1,.postDate {background: url('/userdir/3/0/6/4/3064594/81137514.png');}
 .menuSection, .postContent, .header, #commentsArea, #addCommentArea {background-color: #AFCBF2;}

Но в результате получилась вот такая фигня:

UPD: спасибо ~Erika, всё решилось

@темы: фоновые картинки, основные блоки, diaryCSS