[dream city]

Есть ли способ сделать дизайн дневника адаптивным под мобильные устройства?

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

---

[SnezhArt]

доброго дня!

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

UPD: вопрос решен. спасибо ~Erika и Tenno Seremel!!

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

---

[Magic Berry]

Без применения особых настроек css дизайн по ширине отображается от левой до правой стороны экрана, причем по бокам не имеет никакого даже мизерного отступа, буквально липнет к краю монитора - тык. Из-за этого почти не видно задний фон.
С помощью регулировки ширины wrapper эту проблему можно исправить, но на других мониторах (т.е. кого-то из моих читателей) он может отображаться криво. Например, если я поставлю 1300 (у меня монитор 1900), то у тех, у кого монитор 1280, уже будут видеть уходящий за границы экрана текст, который не прочитать (проверено на домашних мониторах).

Собственно, как сделать дизайн адаптированным, чтобы он ужимался у каждого под его формат?
Делать статичный узкий wrapper в 1200px или ниже не хочется, потому что тогда у меня при моем широком экране дизайн смотрится некрасиво.

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

---

[|_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

---

[Magic Berry]

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

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 не хотят становиться туда, куда хочу я.



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

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

---

[Illidan Rage]

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

#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