[|_ordik]

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

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

---

[Нэко]

Здравствуйте, уважаемые участники сообщества!

У меня сегодня два вопроса по этому дизайну (код дизайна есть в посте по ссылке).

1. Как добавить в «основное меню», в то, которое СВЕРХУ, пункты а) мой профиль; б) упоминания; в) ссылки и г) список заголовков?

2. В этом дизайне часть меню сползла вниз(( Как его убрать? Если что, мне оно не нужно совсем даже сверху, лучше было бы, коли удалось бы убрать его совсем. Прилагаю скрин этого безобразия(

Заранее благодарю за помощь!

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

---

[Mark Cain]

Дорогие сообщницы и сообщники!
Меня несколько раздражает не убирающийся лишний пробел под текстом закрытого поста.
Вот так это выглядит в ленте записей и так при безуспешной попытке редактирования:

Чем лечить?

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

---

[Нэко]

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

Пожалуйста, подскажите. Есть вот такой код:

#wrapper{min-width:1000px!important;width:800px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:200px !important;margin:0 !important}
 #side { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
 #page-c{width:770px !important;padding:0 !important;padding:0 !important;}
 #page-t {margin:0 !important;}
 #page-c, #side { border: border-width: 3 px; border-style: double; #171717;}
 #page-c { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
 #page-c , #side{background:#ffffff;}
 body{ background-attachment:fixed; }
 .postDate { text-align:center; }
 .postLinksBackg {display:block !important; border-bottom: 1px solid #171717; margin-top: 10px !important; padding:10px 0 !important;}
 .avatar img,.avatarNew img {border: 1px solid #171717;}
 #epigraph a{text-decoration:none}
 a:hover,a:active{color: #171717 !important; text-decoration:none !important}
 .atTag a{text-decoration:none}
 #side h1 a{font-style:italic;}
 .paragraph {overflow: auto}
 .sign { font-style:italic;}
 

сразу предупреждаю: код писала НЕ Я, взяла его отсюда.
Пока что на моём дневнике он выглядит так:

А теперь сам вопрос: есть ли какой-то способ добавить в него закруглённые уголочки? Ну то есть чтобы все уголки моих записей, меню и тэ дэ, которые сейчас прямые, стали закруглены.
Что дописать в таком случае в этот код и куда это дописанное конкретно поставить?
Спасибо большое заранее!

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

---

[birdroid]

Почему когда я подключила css сервис, у дневника ширина записей растянулась в бесконечность? Это можно пофиксить? Думала поставить максимальную ширину для page-c, но он-то конечно узким стал, но уехал вправо из-за float: right.
UPD. Кажется, поняла. Надо задать максимальную ширину для wrapper'а, да? Вроде помогло

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

---

[Вэлли В.]

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

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

---

[peppermint bloom]

Уже несколько часов ковыряю дизайн, мозг поплыл и не могу понять: где-то случайно удалила кусок кода, что привело к отделению экстратопа от блока записей. Как подтянуть блок повыше к экстратопу?

greenlacewings.diary.ru/

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

---

[Nikki Lonely Timelord]

Добрый день!

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

решено!

Кареглазый Демон, спасибо за помощь!

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

---

[~Фиалковый демон~]

Вопрос решен

Огромная благодарность Min Young-nim!

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

---

[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; }
 

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

---

[Kieran]

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

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

решено

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

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

---

[birdroid]

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

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

Есть ещё что?

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

---

[Kieran]

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

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

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

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

---

[Nicholas Opium]

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

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

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

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

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

---

[SnezhArt]

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



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

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

---

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

---

[Вэлли В.]

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

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

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

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

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

---

[Elverin]

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

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

---

[Shep.]

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

Поиск по сообществу не работает, поэтому спрошу так: можно ли приказать изображениям в посте перестать изменять размер?) Ширину контейнера менять не хочу, а самовольно уменьшающиеся картинки немного раздражают. В идеале было бы прописать дефолтное разрешение, к которому будут приходить все изображения, которые оказываются шире контейнера. Дизайн собирала сто лет назад, в упор не понимаю, куда ткнуться.

Код.

Решено.

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

---

[Ratnisa]

Не слишком шарю, поэтому и вопрос тупой, и звучит соответствующе.
Сделала себе дизайн дневника, но основные блоки (это в которых записи) идут полосами.

вот так

Что с этим делать, подскажите пожалуйста)

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