@CSS — стилизация дневников — @дневники: асоциальная сеть

пятница, 22 декабря 2017

11:31

настройка вида репоста в css

все записи пользователя в сообществе . white fawn .

keep calm and llap

Подскажите, пожалуйста, как прописать тэг 'blockquote' в css, чтобы можно было задать ему необходимые параметры? Пробовала с точкой, с решеткой, просто словом - не работает. Может, в css этот тэг прописывается как-то иначе? По 'quote_text' мне уже подсказали, это работает с цитатами и частично с репостами, но не решает проблему дополнительных отступов, которые задает тэг < blockqoute >.

решено: blockquote без точки
огромное спасибо HarukaTenoh ^_^

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

URL

суббота, 09 декабря 2017

13:33

все записи пользователя в сообществе Вэлли В.

The one at the sail, the master of my sea ©

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

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

URL

пятница, 08 декабря 2017

09:50

все записи пользователя в сообществе ~Фиалковый демон~

Если вас незаслуженно обидели - вернитесь и заслужите!

Добрый день!
Вставил себе в меню разделители на манер "Добавить к ссылками иконки", как было написано здесь tex.diary.ru/p28585287.htm
Все бы хорошо, но когда нажимаешь на "Темы записей", происходить наслаивание текста
Это как то чинится?
читать дальше
На всякий случай код
читать дальше

@темы: меню

URL

четверг, 07 декабря 2017

15:56

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

If you can dream it — you can do it. © Walt Disney

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

greenlacewings.diary.ru/

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

URL

четверг, 30 ноября 2017

00:52

Текст по всей ширине

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

Решено!

Спасибо HarukaTenoh за помощь!
Чтобы отступы были одинаковыми, а аватарку текст обтекал, нужно дописать:

.postInner, .paragraph {
	margin-left: 0 !important;
}

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

URL

понедельник, 27 ноября 2017

13:19

Форма для добавления комментариев

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

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

Добрый день!

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

решено!

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

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

URL

четверг, 23 ноября 2017

14:35

все записи пользователя в сообществе Фитц~

Никак вы, бл@дь, не научитесь! (c)

Добрый день!
Уже некоторое время как возникла проблема с отображением изображений в ленте избранного. Часть изображений подстраивается под ширину ленты (стоит галочка в настройках "большие изображения сжимать до ширины ленты"), часть изображений ленту рвет, а часть изображений сплющивается, чтобы подстроиться под ленту:

В идеале мне бы хотелось чтобы изображения заходили за край ленты не сжимаясь (эстетика меня мало волнует, хочется чтобы изображения были большимиХ)
Можно ли как то это решить?)

@темы: diaryCSS

URL

суббота, 18 ноября 2017

19:17

"Кнопки", ники, комментарии

все записи пользователя в сообществе ~Фиалковый демон~

Если вас незаслуженно обидели - вернитесь и заслужите!

Еще несколько вопросов созрели после установки дизайна
1. Поскольку фон очень светлый, "кнопки" сливаются. Можно как-то изменить их цвет или это не в силах CSS?
читать дальше
2. Решено Спасибо Тайя, которая душит романтиков!
3. Решено Спасибо resurrected smithson!

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

URL

пятница, 17 ноября 2017

13:42

все записи пользователя в сообществе ~Фиалковый демон~

Если вас незаслуженно обидели - вернитесь и заслужите!

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

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

URL

суббота, 04 ноября 2017

18:41

Пропуск под эпиграфом

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

Через съехавшую крышу лучше видны звёзды

Добрый день!

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

Скриншот

Вот код:

 {--------------------КАРТИНКИ-------------------------}
 body {background:#416747 url('/userdir/1/7/9/6/179616/85329280.jpg') repeat-x}
 #extratop { background: url('/userdir/1/7/9/6/179616/85328718.jpg') repeat-x; !important; width: 888px; height:477px; line-height: 100% !important;}
 .singlePost {padding-bottom: 50px !important; background: url('/userdir/1/7/9/6/179616/85328826.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: underline overline; color: #416747;}
 #side{font-variant: small-caps; }
 a:hover,a:active{color:#416747 !important text-decoration: overline underline !important;}
 #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:#416747 !important;}
 .header {text-align:left !important;}
 .postDate {text-align:center !important;}
 #side .menuSection{background: none;border:none; max-height: 15px; height: 15px !important;heigth:auto;overflow: hidden;position:absolute;display:block;z-index:1;width: 150px !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:112px;font-weight: bold; font-style:italic}
 #myDiaryLinks{ position:absolute; top: -10px; left:239px;font-weight: bold; font-style:italic}
 #globalLinks { position:absolute; top: -10px; left:391px;font-weight: bold; font-style:italic}
 #thisDiaryOwner { position:absolute; top: -10px; left:553px;font-weight: bold; font-style:italic}
 #Stats { position:absolute; top: -10px; left:750px;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: 410px; left:px;font-weight: bold; font-style:}
 #page-c{min-width: 888px !important;}
 #side h1{ position:absolute; top: 300px; left:10px;font-weight: bold; width: 300px; text-align: left!important; line-height: 0.9;}
 #side h1 a{font-size:42px;color: #ffd255;}
 #authorName {color: #ffd255; font-size:17px; }
 #sortOrder, #sortFromLastComment,#sortFromBegin, #sortFromEnd, .order_button{display:none!important}
 .block_design #side h1 a{color: #ffd255;}
 #thisDiaryInfo a{font-family:"Drakkar" !important;}
 #side h1 a{font-family:"Drakkar" !important;font-style:italic}
 #epigraph .singlePost, #post0 {background: none !important; }
 #authorFav,#authorQuot,#authorLiks,#authorAlbum,#authorRSS,#subscribeEmail,#unsubscribeEmail,#delFromFav,#lastComments, #pchs, #YaSearch, #thisDiaryPhoto{display:none!important}

РЕШЕНО

Спасибо ~Erika!!

@темы: эпиграф, отступы, платный сервис

URL

пятница, 03 ноября 2017

21:33

Полоса прокрутки

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

don't keep calm and fuck them all

ВОПРОС ЗАКРЫТ

Спасибо большое Min Young-nim !!

@темы: рамки и полоски

URL

четверг, 02 ноября 2017

18:47

О платном дизайне.

все записи пользователя в сообществе НЕЖНОЕ СУЩЕСТВО

Я так вижу...

Добрый вечер)) Хочу подключить платный дизайн.Но для этого надо включить сервис CSS.Но если я его включу , то ведь отвалиться реклама.Я не хочу отключать рекламу.Я просто хочу купить дизайн.Что делать?

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

URL

пятница, 27 октября 2017

01:13

Стрелка вниз

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

are you?

Коллеги, здравствуйте.

Подскажите, прописан ли на дайри тег, опускающий страницу в самый низ, антипод тега #bottom_up?

Спасибо.

@темы: diaryCSS

URL

четверг, 19 октября 2017

14:00

Поля

все записи пользователя в сообществе 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; }

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

URL

воскресенье, 17 сентября 2017

15:51

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

бешеные псы в рваных скафандрах

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

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

URL

воскресенье, 20 августа 2017

21:56

Абзац

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

Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|

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

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

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

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

URL

среда, 26 июля 2017

09:22

синтаксис #myLink

все записи пользователя в сообществе милый рысик

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

Здравствуйте.
Пилю мой первый дизайн, и никак не могу найти информацию о синтаксисе #myLink, а конкретнее как, где и в каком виде прописываются сами ссылки?
Буду очень благодарна за помощь.

URL

вторник, 11 июля 2017

19:07

настраиваемые кнопки

все записи пользователя в сообществе Ver/o/nika

Негосударство- образующая.

Добрый день!

Вопрос следующий:
подскажите, пожалуйста, от чего зависит размер отображаемых настраиваемых кнопок?

В некоторых CSS отображаются одинакового размера, в некоторых - разного (оригинального =) )

Под катом полноразмерные примеры

Есть какая-то строчка в CSS, которая за это отвечает?
Или почему вообще так происходит?

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

URL

суббота, 08 июля 2017

18:49

недавно добавленная строка про обработку персональных данных - как убрать?

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

R.I.P. your mind

можно ли как-то убрать эту строку или хоть загнать ее на самый верх в платном дизайне?
Используется дизайн Devil Left a Message (светлый), но каждый день эта строка вылезает и торчит как здрасьте между верхним меню и названием. И при этом не нажимается, а ходить каждый раз на служебную страницу и нажимать эту надпись надоедает.

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

URL

среда, 14 июня 2017

21:03

цифра нового комментария, картинка для замены тем и картинка на боди

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

Beatitudo nоn est virtutis praemium, sed ipsa virtus. | WARNING: Пишу так, как думаю. Читаю так, как написано.|

Доброго вечера.

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

 #myDiaryLink a { background:url('/userdir/6/0/1/5/601540/85066773.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:47px; height:28px; width-height:100%; left: 30px; top: 10px; text-indent:-3050px;}
 #myDiaryLink .count_box { position:absolute; top:2px; left: 85px; display:block !important; overflow:hidden; visibility:visible !important;}
 #umailLink a { background:url('/userdir/6/0/1/5/601540/85066809.png') no-repeat; position:absolute; display:block !important; overflow:hidden; visibility:visible !important; width:47px; height:9px; width-height:100%; left: 30px; top: 69px; text-indent:-3050px;} 
 #umailLink .count_box { position:absolute; top:61px; left: 85px; display:block !important; overflow:hidden; visibility:visible !important;}

Но далось сдвинуть только полосочку.
Я подозреваю, что фигня в text-indent:-3050px - скорее всего все действующие ссылки угоняются вепеня.
Кстати, тег #menuNewUmails вообще не принес результата. Пробовал что-то типа: #menuNewUmail { position:absolute; text-indent:3050px !important;}

Соответственно, два вопроса.
Первый - как заменить ссылку в меню на картинку, не угоняя основную ссылку вепеня.
И второй - если не удастся первое, как вернуть из вепеня ссылки на умыло/дневник обратно.

скрин
Да, перерасположить полосочки под ссылки мне удалось. На скрине недоперерасположенный вариант.

Головная боль номер два:

Я растянул фон дневника на все через 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!

ЗЫ: Ссыль на днев при желании дам, но заходить осторожно, а то оттуда сложно выйти =)

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

URL


Запомнить