@CSS — стилизация дневников — Дайри (бывший Diary.ru)

среда, 18 апреля 2018

22:44

все записи пользователя в сообществе персеида

не будь среди тех, кто стреляет по мне.

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

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

URL

четверг, 05 апреля 2018

17:52

все записи пользователя в сообществе Hitomi

о'лень

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

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

URL

понедельник, 02 апреля 2018

07:43

Пропали темы записей

все записи пользователя в сообществе SnezhArt

don't keep calm and fuck them all

Доброго времени суток!
Выложила дизайн в в соо, девушка взяла его, установила, а у нее пропали темы записей из кнопочек меню. оО
читать дальше

UPD Вопрос решен, спасибо большое MysteryLove !!

@темы: меню

URL

воскресенье, 18 марта 2018

20:43

все записи пользователя в сообществе |_ordik

Наверняка это решается элементарно, но я лазила по сообществу пару часов и не нашла решения

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

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

URL

четверг, 01 марта 2018

12:29

Как расфиксировать фон?

все записи пользователя в сообществе Сын Филифьонки

[дитя-филифьонка] [я гордая белогвардейская старуха] [вы звери звери господа (с)]

Подскажите, пожалуйста. Что вставить в код, чтобы фон дневника был нефиксированный? Т. е. чтобы днев (платный и с CSS, разумеется) выглядел как бесплатный до реформ дайриков.

@настроение: ?

@темы: diaryCSS

URL

среда, 28 февраля 2018

10:57

Как «вернуть» в дизайн «url записи» И «url комментария», а также знак закрытой записи

все записи пользователя в сообществе Нэко

🌠взгляд кошხки грация картошხки🌠

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

~ ответы найдены, огромнейшее спасибо Tenno Seremel ~

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

URL

воскресенье, 25 февраля 2018

21:29

Как «вернуть» эпиграф в предустановленный дизайн?(((

все записи пользователя в сообществе Нэко

🌠взгляд кошხки грация картошხки🌠

Здравствуйте, уважаемые участницы и участники сообщества!
Есть такой прекрасный дизайн (из «уже готовых») — Лето близко. Мне очень хочется его себе поставить, однако когда его устанавливаю, то пропадает эпиграф, вернее, он как бы «повисает» ЗА ПОСТАМИ. То есть эпиграф в этом дизайне не предусмотрен. А у меня он (эпиграф) большой, не одна-две строчки, и обойтись без него не смогу. Есть ли способ как-то «вернуть» эпиграф на его законное место?
Скрины не прикладываю по причине того, что их вполне заменяет ссылка на дизайн.
Заранее спасибо за помощь!

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

URL

пятница, 23 февраля 2018

16:14

Расположение имени автора поста и подписи

все записи пользователя в сообществе SnezhArt

don't keep calm and fuck them all

Доброго времени суток!
Прошу совета по размещению ника и подписи. Я прописала их расположение и на стр комментов все идеально. Но когда открываешь избранное или тот же цитатник, в некоторых постах они разъезжаются. Отчего это зависит и как их пришпилить правильно намертво? Чувствую, что что-то упускаю ,но не могу понять что.
Картинка (2 - как задумывается, 1 - как едет):

UPD Вопрос закрыт. Спасибо большое ~Erika !!

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

URL

вторник, 13 февраля 2018

03:25

все записи пользователя в сообществе safe and sound

are you?

Коллеги, привет!

Кто знает по какой причине в закрытых постах может не нажиматься «подписаться» и «в цитатник»?

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

URL

суббота, 10 февраля 2018

05:25

Как 1) убрать «это безобразие» снизу и 2) добавить «в меню сверху» пункты?

все записи пользователя в сообществе Нэко

🌠взгляд кошხки грация картошხки🌠

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

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

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

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

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

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

URL

пятница, 09 февраля 2018

21:44

Лишний пробел под текстом закрытого поста

все записи пользователя в сообществе Mark Cain

Я никогда не загадывал быть любимым, Но я загадал любить - и дано просящим. (с)Субоши

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

Чем лечить?

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

URL

20:38

все записи пользователя в сообществе персеида

не будь среди тех, кто стреляет по мне.

помогите-помогите!
я не знаю как приспустить вниз дату и время так, чтобы она не была так сильно приплюснута к верхушке поста ><

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

URL

пятница, 02 февраля 2018

17:36

рядом с аватаром показывается лишнее

все записи пользователя в сообществе Nefer-Ra

R.I.P. your mind

Есть платный дизайн из каталога (devil left a message), в нем задано отображение аватарок квадратиком в рамочке. Относительно недавно (видимо, когда размеры аватарок расширяли последний раз) в область рядом с аватаркой начал влезать кусок другой картинки (стрелка "вверх"). Как это можно поправить дешево и сердито? или тут надо перепиливать код внутри самого дизайна и заплаткой поверх это не лечится?

вот как это выглядит: static.diary.ru/userdir/2/6/0/5/26056/85512400....

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

URL

пятница, 26 января 2018

06:00

Прошу помощи: хочу уменьшить шрифт подписи

все записи пользователя в сообществе Нэко

🌠взгляд кошხки грация картошხки🌠

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

Исходные данные: вот такой код дизайна

#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;}
 #side, #page-c { border-radius: 24px; }

(код всё ещё не принадлежит мне, взяла основу здесь и доработала под свои вкусы с помощью Tenno Seremel). Вот скрин из моего дневника:

В процессе отлаживания дизайна под себя возникли ещё два вопроса:

1. Пожалуйста, подскажите мне, можно ли сделать так, чтобы моя подпись была более мелким шрифтом (и желательно не курсивом, но это уже не так критично для меня)? Как это сделать? Какими строчками это можно вписать в код и куда конкретно вставить эти доп. строчки?
Точно знаю, что в некоторых «автоматических» дизайнах подпись сильно меньше основного текста.
Вот именно это мне и нужно.
Я очень внимательно читала справку по CSS и уже понимаю, что за внешний вид подписи «отвечает» этот участок кода:

.sign { font-style:italic;}

, но я не могу сообразить, ЧТО вписывать туда, чтобы добиться маленького шрифта в подписи (чтобы размер шрифта в подписи был заметно меньше, чем шрифт постов и комментариев).

второй вопрос уже не актуален: сама поковырялась и разобралась)

Большое спасибо заранее лайк

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

URL

четверг, 25 января 2018

18:53

Прошу помощи: хочу сделать закруглённые уголки

все записи пользователя в сообществе Нэко

🌠взгляд кошხки грация картошხки🌠

Здравствуйте, уважаемые участники сообщества!
Не так давно открыла для себя всю красоту 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, основные блоки, платный сервис, Дизайн

URL

понедельник, 15 января 2018

01:34

Фон подписей при отсутствии сигна

все записи пользователя в сообществе Nikki Lonely Timelord

дорога в огонь с той стороны черного солнца

Здравствуйте!

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

код

UPD Решено! Спасибо curious_werewolf

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

URL

суббота, 13 января 2018

10:04

Спасибо нововведениям

все записи пользователя в сообществе birdroid

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

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

URL

05:03

все записи пользователя в сообществе октопусик

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

код

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

URL

среда, 10 января 2018

22:04

Упоминания

все записи пользователя в сообществе Illidan Rage

Правда Вас освободит, но вначале она Вас уничтожит

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

скрин

#extratop {background: url('/userdir/7/1/3/7/713725/85460266.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:#5dc7b9}
 #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: #9ebfec!important; text-decoration:none !important}
 #side a:hover,a:active{color: #9ebfec!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: #5dc7b9 }
 .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;}
 #bottomNav {display: block;font-size:0px; }
 #bottom_up a{height:16px !important; background: url('/userdir/7/1/3/7/713725/85364411.png') 0px 0px no-repeat; width:32px !important; position: fixed !important; bottom: 0px;left:50%; margin-left: 450px; z-index:6; display:block!important;line-height: 650px !important; overflow:hidden !important;}

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

URL