[Kieran]

Дорогие и любимые.

Подскажите пожалуйста, как сделать так чтобыменяотпустилопожалуйста что бы абзац был.

решено

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

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

---

[милый рысик]

Здравствуйте.
Пилю мой первый дизайн, и никак не могу найти информацию о синтаксисе #myLink, а конкретнее как, где и в каком виде прописываются сами ссылки?
Буду очень благодарна за помощь.

---

[Ver/o/nika]

Добрый день!

Вопрос следующий:
подскажите, пожалуйста, от чего зависит размер отображаемых настраиваемых кнопок?

В некоторых CSS отображаются одинакового размера, в некоторых - разного (оригинального =) )

Под катом полноразмерные примеры

Есть какая-то строчка в CSS, которая за это отвечает?
Или почему вообще так происходит?

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

---

[Nefer-Ra]

можно ли как-то убрать эту строку или хоть загнать ее на самый верх в платном дизайне?
Используется дизайн Devil Left a Message (светлый), но каждый день эта строка вылезает и торчит как здрасьте между верхним меню и названием. И при этом не нажимается, а ходить каждый раз на служебную страницу и нажимать эту надпись надоедает.

@темы: меню, diaryCSS

---

[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, основные блоки