[Tish Evans]

Здравствуйте! Имеются три проблемы, все обозначены цифрами на принтскрине:



1. Странный квадрат под именем автора
2. Странные границы (postArea?)
ИСПРАВЛЕНО АДМИНИСТРАЦИЕЙ
3. Неплохо бы разделитель после эпиграфа сдвинуть пикселей на 10 вниз

Буду очень признательна за помощь!

{---------------КАРТИНКИ------------------}
 #wrapper {min-width: 1215px !important; width: 1215px; margin: 0 auto !important; padding: 0 !important; }
 #wrapper {background: #; }
 #page-c {width: 1200px !important; padding: 0 !important; padding: 0 !important; background: url('/userdir/9/8/5/2/985263/85295893.png') !important; # !important; background-repeat: repeat !important; margin-left: 67px; margin-top: -1px;}
 #page-t{margin-left:50px !important; margin-top:180px !important;width:1000px !important;}
 body { background: url('/userdir/9/8/5/2/985263/83346693.jpg') repeat 0 top; background-attachment: fixed;}
 #extratop {background: url('/userdir/9/8/5/2/985263/85296148.png') 0px bottom no-repeat; width: 1200px; height: 392px; margin-bottom: 0px; z-index:5; margin-left: 17px;}
 #extrabottom {padding: 0!important;background: url('/userdir/9/8/5/2/985263/85295902.png'); background-repeat: no-repeat; width: 1200px; height: 216px; margin-left: 17px; position: relative; z-index: 0 !important; margin-top: -32px !important;}
 .singlePost {background: url('/userdir/9/8/5/2/985263/81735401.png') 50% bottom no-repeat; padding: 10px 0px 75px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 60px; width: 34px; height: 37px; background: url('/userdir/9/8/5/2/985263/81735389.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_up a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 #bottom_mainlink a { display: block !important; position: fixed; bottom: 82px; right: 60px; width: 34px; height: 40px; background: url('/userdir/9/8/5/2/985263/81735388.png') no-repeat scroll 0 0 transparent; text-decoration: none; text-align:center; text-shadow: none !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); color: rgba(0,0,0,0) !important; }
 #bottom_mainlink a:hover { -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100); text-shadow: none !important;}
 {-------------------пост---------------------}
 .postActionLinks { position:relative; left:-50px; }
 #bottomNav, #topNavLinks {display: none !important;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 a {text-decoration: none !important;}
 a:hover, a:active {color: #d5deb0 !important; }
 .singlePost, #content {padding-right: 10px !important; padding-left: 10px !important; width:950px !important; padding-bottom: 20px !important; padding-top: 10px !important; }
 .singleComment {padding-right: 75px !important; padding-left: 75px !important; width:950px !important;}
 #msg_form {padding-right: 75px !important; padding-left: 25px !important; width:950px !important;}
 #postsArea { position:relative; left:65px; width:950px !important; margin-top:35px; }
 #postsArea, .bordered, .postContent, .postInner {padding: 0px 0px 0px 0px !important;}
 #epigraph .singlePost, #post0 {background: none !important;top: 5px !important;}
 #epigraph {background-position: bottom !important;}
 .quote_text img { max-width: 571px !important; }
 .quote_text {display: block;background: #daeb96; padding: 10px; }
 .avatar img { border: 1px solid #a95f49;}
 #message, .text {border: 1px solid #a95f49!important; padding: 5px!important;}
 .submit {padding: 5px!important;background: #E5D9B5!important;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
 .submit:hover {background: #D2C49B!important;}
 #btSubmit {position: relative; z-index: 1 !important;}
 {-------меню--------}
 #side {position: relative; top: 5px !important; right: 0px !important; left: 135px !important; width: 200px; height:150px; padding-bottom: 0px !important; margin-left: 0px !important; font: 20px times new roman !important; z-index:10; background: # !important; }
 #authorName {position:absolute; text-align: left !important; font: 30px times new roman !important; font-style: italic !important; margin-left: 126px !important; margin-top: -25px !important; width:320px;}
 #side h1 {position:absolute; text-align: left !important; font: 30px Times New Roman !important; font-style: italic !important; margin-left: 16px !important; margin-top:135px !important; width:320px; }
 #Stats { margin-left: 821px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryPhoto {position:absolute; margin-left: 90px !important; margin-top: 19px !important;}
 #thisDiaryInfo { margin-left: -20px !important; width:100px; text-align: left !important;}
 .menuSection { margin-left: 20px !important; width:125px; background: # !important; }
 #myNotepadLink, #upInChart, #usrlog, #usrpass, #albumLink, .order_button, #authorQuot {display: none !important; }
 #myDiaryLinks { margin-left: 285px !important; margin-top: -35px !important; width:125px; text-align: center !important; background: # !important; position:absolute;}
 #myDiaryLinks_title { text-align: left !important; position:absolute;}
 #myDiaryLinks ul {position: absolute; width: 175px !important;}
 #myLinksLink { margin-left: 113px !important; margin-top: -27px !important; width:175px; background: # !important; text-align: center !important; position:absolute; font: 17px times new roman !important;}
 #globalLinks { margin-left: 460px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryOwner { margin-left: 654px !important; margin-top: -35px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #thisDiaryLinks {margin-left: 460px !important; margin-top: 60px !important; width:175px; background: # !important; text-align: center !important; position:absolute;}
 #login_form { margin-left: -222px !important; margin-top: -450px !important; width:200px; background: #b7cd62 !important; position:absolute;}
 #usrlog { margin-left: -222px !important; margin-top: -480px !important; width:200px; background: #b7cd62 !important; position:absolute; }
 #usrpass { margin-left: -222px !important; margin-top: -510px !important; width:200px; background: #b7cd62 !important; position:absolute;}
 #bottomNav {display: block !important; top: 0px !important; z-index: 1 !important;}
 .postLinksBackg.prevnext {background: none !important; }
 .postLinks {margin-right:0px; line-height:0pt;margin-top: -10px !important; z-index: 20;}
 .postLinks a {color:#4a5643;}
 .header {text-align: center; position:relative; top:0px; }
 .postDate {text-align: right !important; color:#a95f49 !important; font: 18px times new roman !important; position:relative; top:10px;font-style: italic !important;}
 .postTitle {text-align: left !important; color:#2e4307 !important; position:relative;top:5px; left: 0px !important;}
 .postTitle span {text-align: left !important; color:#2e4307 !important; position:relative;top:5px;}
 .postActionLinks {position:relative; right: -50px !important;}
 img{max-width: 808px;}
 #pageBar {z-index: 1 !important;}
 {-------none--------}
 #myProfileLink {display: none !important; }
 #myLinks {display: none !important; }
 #pchs {display: none !important; }
 #lastComments {display: none !important; }
 #myAccountLink {display:none !important; }
 #myNotepadLink {display: none !important; }
 #photolibLink, #pchListLink, #communityCatalogueLink, #subscribeEmail {display:none !important; }
 .order_button, #headlineList, .prevNextLinks {display: none!important;}
 #YaSearch A {display:none;}
 #YaSearch {display:none;}
 #yaquery {display:none;}
 #randomDiaryLink {display: none !important; }
 

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

---

[~Dusya~]

Подскажите(
Как сделать, чтоб в платнике фото в записи избранного и когда открываешь комментарии не прокручивались, а выходили поверх границы поля?

---

[ксиан]

hello! я нуб в цсс, поэтому спасайте, пожалуйста. есть вот это, нужно, чтобы было вот так.
как это сделать? и можно ли провернуть такую штуку, при этом не затрагивая последний комментарий? просто там пространство внизу уже есть, потому что #commentsArea {padding: 40px !important;}, не хотелось бы его умножать на два(?).
спасибо заранее!

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

---

[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

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