Фоновая картинка

[Lalayt]

Здравствуйте.
После всех изменений на дайрях, в дневнике слетел дизайн. Пропала фоновая картинка. Пытаюсь поставить другую - та же история. Что можно сделать?
Если такой вопрос уже задавали, прошу прощения, ткните, пожалуйста.

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

---

Как перенести пункты из меню?

[emercy]

Доброго времени суток!
Помогите разобраться, пожалуйста. Есть боковое меню. Я хочу часть ссылок из меню перенести в другое место страницы. Как-то так:

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

@media (max-width: 767.98px) { #discussionLink, #umailLink, #referenceLink, #myDiaryLink, #writeThisDiary, #myFavLink, #myDraftLink, #tagslistlink { position: absolute; }
 }
 @media (max-width: 767.98px) { #thisDiaryInfo, #side h1 { text-align: left; }
 }
 @media (max-width: 767.98px) { #myFavLink { right: 5em; top: 8.8em; text-align: left; }
 }
 @media (max-width: 767.98px) { #umailLink { right: 5em; top: 7.1em; text-align: left; }
 }
 @media (max-width: 767.98px) { #myDiaryLink { right: 5em; top: 1.35em; text-align: left; }
 @media (max-width: 767.98px) { #discussionLink { right: 5em; top: 3.7em; text-align: left; }
 }
 @media (max-width: 767.98px) { #referenceLink { right: 5em; top: 5.4em; text-align: left; }
 }
 @media (max-width: 767.98px) { #writeThisDiary { right: 5em; top: 10.5em; text-align: left; }
 }
 @media (max-width: 767.98px) { #myDraftLink { right: 5em; top: 12.2em; text-align: left; }
 }
 @media (max-width: 767.98px) { #tagslistlink { right: 5em; top: 14.3em; text-align: left; }
 }

@темы: дневники, меню, diaryCSS

---

[Magic Berry]

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

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

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

---

[Costa Candela]

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

{border-color: transparent !important;}

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

@темы: diaryCSS

---

"Другие сервисы"

[Neko]

Подскажите название элемента "Другие сервисы". Либо "дайте удочки" - объясните как самому смотреть Помню, что где-то объясняли, но сейчас это нереально тут найти ((

@темы: меню, Дизайн

---

Прозрачность фона текста

[Алекс Ешино]

Добрый день, дорогие сообщники.

решение найдено.

Прошу помощи, ибо чайник я зеленый, а красоты хочется.
Как задать для фона текста определенный процент прозрачности? У меня есть фоновая картинка, но она достаточно пестрая, чтобы текст на ней был читабельный, но и видеть её только между блоками - скучно.

@темы: фоновые картинки, diaryCSS, Дизайн

---

Сделать готовый дизайн шире

[Грач]

Добрый день!
Скажите, пожалуйста, есть ли способ сделать существующий дизайн шире? Речь вот об этом дизайне: Предчувствие Дождя, всем он хорош, кроме того, что поле записи (и, соответственно, все эти лапки, картинку наверху и все-все хотелось бы сделать шире, все в одинаковой пропорции. Как это можно прописать, и, главное, куда?
Мне удалось руками заменить картинку наверху на более широкую, сделанную руками, все остальное разъезжается нещадно, потому что я, увы, не понимаю, как работает код дизайна
Заранее благодарю за помощь!

@темы: Дизайн

---

[Цукино Кагэнами]

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

@темы: diaryCSS

---

Адаптивный дизайн

[dream city]

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

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

---

аватар и подпись

[SnezhArt]

доброго дня!

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

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

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

---

Центрирование.

[~Садальбари]

Пожалуйста, подскажите код центрирования дизайна. Не могу найти, а перелопачивать всё сообщество не хватает сил.

---

Отображение никнеймов

[Desert Eagle]

Ребятки, помогите пожалуйста советом, а то я уже все глаза проглядела!

Какой селектор отвечает за никнеймы (в посте автора дневника и других юзеров в ленте избранного)? Они у меня исчезли в процессе написания нового кода, хотя нигде их "неотображение" я не указывала. В принципе, я даже не знаю, как и где их можно вернуть. Когда-то давным-давно я, бывало, убирала никнеймы и прописывала это таким образом:

#JournalComments .singlePost .authorName, #JournalComments .singlePost .commentAuthor { display: none;}

Но в этот-то раз чего оно исчезло?

СКРИНШОТ ленты избранного

Для справки, кусок кода, отвечающий за посты и комментарии:

.singlePost, .singleComment { position: relative; padding: 0px 0px 0px 0px !important; margin: 0px 0px 40px 0px !important;}
 #postsArea .postContent { padding: 50px 0px 5px 0px; }
 #commentsArea { padding: 0px 0px 10px 0px !important; }
 #commentsArea { width: 870px !important;}
 #commentsArea .postContent { padding: 0px 0px px 0px !important; }
 #commentsArea .postActionLinks { position: relative; right: 0px; top: 0px !important;}
 #addCommentArea {width: 870px !important;}
 #new_post_title, #addCommentArea_title, #commentsArea_title { font: 16px !important; color:#000000; margin: 0px !important; text-align: center; text-shadow: 1px 1px 4px #55ccf5 !important; position:relative !important; }
 {--------------------------}
 #postsArea .postDate { font: 16px !important; color:#000000; margin: 0px !important; text-align: center; text-shadow: 1px 1px 4px #55ccf5 !important; position:relative !important; }
 #postsArea .postTitle span{ left: 0px; top: 0px; color:#ffffff; margin: 0px !important; padding: 0px 10px 0px 0px !important; }
 #postsArea .header h2{color:#ffffff; !important; padding: 0px 0px 0px 0px !important; font: 20px 'arial' !important;}
 #postsArea .postTitle { font: bold 20px 'arial' !important; padding: 7px 0px 0px 70px !important; }
 .singlePost .postTitle.header {display: block; background: url('/userdir/1/4/7/4/147491/86126429.png') no-repeat; width:1000px; min-height:40px !important; text-align: left; font-family: Arial; padding-top: 0px; padding-left: 0px; position:absolute; margin-top: 0px; left:-65px;}
 .postActionLinks {position:relative; right: 125px; top: 0px;}

---

Bug

[Tish Evans]

Здравствуйте! В старом дизайне неожиданно вылез вот такой баг:



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

Помогите, пожалуйста, его убрать!

Код прилагается:

{---------------КАРТИНКИ------------------}
 body {padding: 0!important; background: #C0C759 url('/userdir/9/8/5/2/985263/83346693.jpg') repeat 0 top; background-attachment: fixed;}
 #page-t {background: url('/userdir/9/8/5/2/985263/81735400.png') repeat-y 0px top; width:831px; margin-left: -50px !important; padding: 100px 5px 20px 260px; min-height: 1300px; margin-top: 100px !important;}
 #extratop {padding: 0!important;background: url('/userdir/9/8/5/2/985263/83346697.png') 0px bottom no-repeat; height: 378px; width: 1091px; margin-bottom:-135px; position: relative; z-index:5; margin-left: -50px;}
 #extrabottom {padding: 0!important;background: url('/userdir/9/8/5/2/985263/83353123.png'); background-repeat: no-repeat; width: 1151px; height: 202px; margin-left: -135px; position: relative; z-index: 0 !important; margin-top: -42px;}
 .singlePost {background: url('/userdir/9/8/5/2/985263/81735401.png') 50% bottom no-repeat; padding: 0px 0px 75px 0px!important;}
 #bottom_up a { display: block !important; position: fixed; bottom: 40px; right: 80px; 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: 80px; 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;}
 {------------------------------------------------}
 img { max-width: 730px !important; }
 .quote_text img { max-width: 571px !important; }
 .quote_text {display: block;background: #d5deb0; padding: 10px; }
 a:hover {color: #d5deb0!important; text-decoration: none!important;}
 .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;}
 {-------------------пост---------------------}
 #wrapper{min-width:980px!important; width:980px; padding:90px 0 0 0!important; margin-bottom:-400px!important;}
 .left #page-c {margin-left:-200px;}
 .left #page-t {margin-left:200px;}
 #postsArea {width: 725px;}
 #msg_form {width: 725px;}
 #commentsArea {width: 725px;}
 .header {font: normal 21px Times New Roman;}
 .singlePost, .singleComment {margin-bottom: 20px!important;}
 .postLinksBackg, .postLinksBackg a{font: normal 17px Times New Roman;}
 #epigraph .singlePost {background: none!important; padding: 0!important;}
 #post0 {margin-top: -70px !important;}
 #bottomNav {display: none !important;}
 #bottomNavLinks li#bottom_randomlink, #bottomNavLinks li#bottom_spiritlink, #bottomNavLinks li#bottom_faqlink {display: none;}
 #authorRSS, #rssLink, #diarySpiritLink, #diarySupportLink, #paySupportLink, #faqLink, #urlLink, #sortOrder {display: none !important;}
 .postDate {color: #a95f49 !important; font: normal 17px Times New Roman !important;}
 #pageBar {z-index: 1 !important;}
 {----------------------меню--------------------}
 #side {width: 200px; text-align: left!important; padding-top: 115px; position: relative;}
 #side a {font: normal 18px Times New Roman;}
 #side h1 {position: absolute; top: -330px;left: 100px; text-shadow: -3px 1px 2px #000000; text-align: left;width: 700px!important;white-space: nowrap!important;}
 #side h1 a {font: italic 40px Times New Roman; color: #ffffff !important; white-space: nowrap!important;}
 {------------none------------}
 .order_button, #lastComments, #headlineList,#pchs, .prevNextLinks {display: none!important;}
 

@темы: меню, эпиграф, diaryCSS

---

[Magic Berry]

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

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

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

---

Неактивные ссылки

[смольник]

При просмотре избранного со смартфона (т.е. дизайн динамический, верстался на 22' с прописыванием медиа-запросов) ссылки под постами неактивные все, кроме "поделиться". С чем это вообще может быть связано? Css я, конечно, давно не озадачивался и где-то налажал. Не пойму, где и в чем.

Скрин

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

---

[Clover Test]

Доброго времени суток. Подскажите, почему на главной странице дизайн отображается нормально, а на странице комментариев меню и название дневника ползут вниз? Как можно исправить?

Скрины:

Главная страница
Страница комментариев

@темы: меню, отступы, diaryCSS

---

[~Rosalie Lilian Salvatore~]

Народ, я не знаю как исправить косяк в меню, чтоб его нормально поднять.
ХЕЛП!
Чтоб но было на нормальном уровне.
Чтоб название не заезжало на аватарку, чтоб постоянные читатели были на нормально месте.
КАК ЭТО СДЕЛАТЬ?!

Прилагаю скрин:
Браузер Яндекс
Винда 7, если это важно.

Если такое было ткните носом в ссылку.

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

---

Строки меню

[Stef Boread]

Доброй ночи))
Прошу помощи в нескольких, наверняка, простых ><""" вопросах)

1) Слева от пунктов меню стоит светлая точка, становящаяся полоской при наведении на один из пунктов.
Подскажите, пожалуйста, как её убрать((((

UPD. Я выяснила, что цвет этой точки-полоски строго совпадает с цветом Границы в моём блочном дизайне! Может быть, можно как-то исключить этот элемент?..

Решено, надо поставить border: none !important;

Код

   {--------------------КАРТИНКИ-------------------------}
 body {background:#1b535f url('/userdir/1/7/9/6/179616/85783555.jpg') repeat-x}
 #extratop { background: url('/userdir/1/7/9/6/179616/85783552.jpg') repeat-x; !important; width: 888px; height:425px; line-height: 100% !important;}
 .singlePost {padding-bottom: 50px !important; background: url('/userdir/1/7/9/6/179616/85783661.png') center bottom no-repeat;}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 {-----------------------------------------------------------------------}
 #wrapper{min-width:888px!important; width:850px; margin: 0 auto !important; padding:0 !important; overflow:hidden !important}
 #Journal img { max-width: 800px!important; }
 img { max-width: 700px !important; }
 #Journal .blockquote img {max-width: 700px!important;}
 .blockquote img {max-width: 600px!important;}
 #w18p {position:absolute; top: 0px; width: 150px; right: 0;z-index: 50;}
 #side {width:888px !important; margin:0 !important}
 #page-c {width:500px !important; padding:0 !important; margin:0 !important}
 body{ background-attachment:fixed; }
 #page-t {margin:0 !important;}
 a:link,a:visited{text-decoration:none !important;}
 A:hover {text-decoration:none !important; color: #eba066; font-weight: bold; }
 #side{font-variant: small-caps; }
 a:hover,a:active{text-decoration:none !important; font-weight: bold; }
 #wrapper{min-width:888px!important; width:888px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important}
 #side{width:200px !important;margin:0 !important}
 #page-c{width:700px !important;padding:0 !important;margin:0 !important}
 #page-t {margin:0 !important}
 #wrapper{background:#eba066 !important;}
 .header {text-align:left !important;}
 .postDate {text-align:center !important;}
 #side .menuSection{background: none;border:none; max-height: 17px; height: 17px !important;heigth:auto;overflow: hidden;position:absolute;display:block;z-index:1;width: 160px !important;}
 #side .menuSection:hover {max-height: 1000px;height: 400px;overflow: visible;position: relative;z-index:3; background: none; border: none;}
 .menuSection ul {border: 0px dotted #000000;}
 .menuSection ul ul{background: none; border: none;}
 #side div{margin:0px;padding:0px;}
 #side{background: none; border:none !important;}
 #myLinks { position:absolute; top: -10px; left:800px;font-weight: bold; font-style:italic; }
 #myDiaryLinks { position:absolute; top: -10px; left:27px;font-weight: bold; font-style:italic}
 #globalLinks { position:absolute; top: -10px; left:645px;font-weight: bold; font-style:italic}
 #thisDiaryOwner { position:absolute; top: -10px; left:420px;font-weight: bold; font-style:italic; }
 #tagslistlink div{margin-left: 2px; margin-bottom: -1px; margin-bottom: -1px; margin-right: 3px !important; background: rgba(2, 4, 1, 0.55); color:#eba066;}
 #TagsList a{color:#eba066; }
 #TagsList div{background: rgba(0, 0, 0, 0) !important; }
 #writeToAuthor { position:absolute; top: -10px; left:200px;font-weight: bold; font-style:italic;}
 #side .menuSection{background: transparent;}
 #side .bordered {background: transparent;}
 .left #wrapper { margin:0 auto !important; padding:0 !important; width:888px; overflow:hidden !important; }
 #bordered, .left #side { padding:0 !important; margin:0 !important; }
 .left #side .bordered { width:0px; margin: 0 !important; padding: 0!important; position:absolute; top:30px ; }
 .left #page-t {margin-left: 0px !important;}
 #thisDiaryInfo{ position:absolute; top: 315px; left:740px;font-weight: bold; font-style:}
 #page-c{min-width: 888px !important;}
 #side h1{ position:absolute; top: 325px; left:540px;font-weight: bold; width: 330px; text-align: right!important; line-height: 1.5;}
 #side h1 a{font-size:40px;color: #1b535f;}
 #authorName {color: #1b535f; font-size:17px; }
 #sortOrder, #sortFromLastComment,#sortFromBegin, #sortFromEnd, .order_button{display:none!important}
 .block_design #side h1 a{color: #1b535f;}
 #thisDiaryInfo a{font-family:"Drakkar" !important;}
 #side h1 a{font-family:"Drakkar" !important;font-style:italic; font-weight:normal !important;}
 #epigraph .singlePost, #post0 {background: none !important; }
 #epigraph .singlePost.first {padding-bottom: 0 !important;}
 #authorFav,#authorQuot,#authorLiks,#authorAlbum,#authorRSS,#subscribeEmail,#unsubscribeEmail,#delFromFav,#lastComments, #pchs, #YaSearch, #thisDiaryPhoto,#postsCalendar,#authorAlbum,#diarySpiritLink,#faqLink,#albumLink,#rssLink,#headlineList,#diarySupportLink,#communityCatalogueLink,#myLinksLink,#myNotepadLink,#Stats{display:none!important}
 
 

2) Как видно из кода, я многие ссылки в меню убрала, но не хватает информации, как убрать ссылку "Рекламировать дневник" - но так, чтобы осталась рабочей ссылка "Темы записей". Ну, или хотя бы скрыть её как-то. Хотелось бы, чтобы в первую очередь была видна именно "Темы записей", а "Рекламировать" - нет)
Решено)) Спасибо Изумрудный Демон)))

3) Почему-то не хочет отображаться ссылка "Написать на у-мейл", которая #writeToAuthor (Не у меня самой, понятно, у других людей. У них же она должна быть....)
Решено))

Скриншот

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

---

[персеида]

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

@темы: текст, diaryCSS

---

[Hitomi]

Привет!
Установила дизайн, и он не сохраняется.
Но про себя понятно, - очистить кэш.
Но новый дизайн также откатывается на старый у других пользователей.
Это норма? Или можно что-то сделать?
Или коллективно чистим кэш и надеемся на лучшее?)

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