Veni, vidi, vici.
Здесь я расскажу о том, как с помощью CSS в дневнике реализовать отображение трёх различных блоков контента в ленте избранного, дневнике и режиме комментариев соответственно. Зачем это нужно? Как правило, для шлифовки сложного оформления, но могут быть и другие причины. So, let's start.

Для начала создаём в записи три блока для контента. Выглядеть они должны примерно так.



Зачем прописывать style="display:none"? Это скроет ненужные блоки в режиме ленты избранного, где ваш CSS не действует.

Итак, всё, что осталось - описать данные классы в CSS. Можете смело использовать следующий код:



И всё работает. Последняя строчка нужна для того, чтобы feed контент отображался в своём избранном (чужие и свои блоки такого типа) и в своём цитатнике. Также подразумевается, что в черновиках должны быть видны вообще все варианты.

Пример: лента, дневник, запись.

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

20:52

Люблю и любима.

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

@темы: текст

В опере почему то не действует этот код
.paragraph img{-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
углы у изображений не закругляются, в то время как все остальное где я применял этот код работает нормально. Есть ли какая то альтернатива для оперы или возможно что то нужно добавить к коду что бы работало?

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

15:12

✎ Ко мне на "вы", шёпотом и с придыханием
Доброго времени суток. Вопрос скорее из любопытства.
Можно ли изменить стандартный вид служебных ссылок?
Пытался задать для них фон:
В итоге получилось это:
Код: .postActionLinks {background-image: url('/userdir/2/2/2/0/2220055/71548495.png');display:block!important;line-height: 225px !important; overflow:hidden !important; z-index:auto !important;left:90px; position:relative;}

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

00:56

✎ Ко мне на "вы", шёпотом и с придыханием
В Опере в поле комментария не появляется курсор. В остальных браузерах все нормально. Можно с этим что то сделать?
Хром:
Опера:

1. Возможно ли сделать тень только внизу объекта, что бы её не было сбоку?
2. или есть ли способ сделать тень обтекаемой. Хочу сделать тень для изображений в сообществе, НО, некоторые ссылки в постах у меня сделаны картинками на прозрачном фоне и тень выглядит так

использую такой код

.paragraph img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; webkit-box-shadow: 3px 3px 7px #7D7F7F; -moz-box-shadow: 3px 3px 7px #7D7F7F; box-shadow: 3px 3px 5px #7D7F7F; display: liner}
3. или возможно ли сделать тень\рамку только для больших изображений, например тех что больше 100px?

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

Мы не ангелы, парень
1. Не могу понять куда исчез собственно список заголовков, в коде нету #headlineList {display:none}. Проблема именно в коде, потому как вставив его в другой дневник список так же исчез и не возжелал появляться. Но просмотрев полностью код, не смог сам найти причины по которой заголовки исчезли.

2. Как почистить верх черников, то есть убрать все три пункта указаные на картинке



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

Все изменится. Рано или поздно. Так или иначе.
Немного не в тему, но без этого и опция CSS не доступна)
Готова обменять дайри.рубли на мобильниковские деньги, или на электронные.
***

Дорогие дайриковцы, есть к вам коммерческое предложение, весьма для вас выгодное (:
действительно только для дайриковцев со стажем в 4-5 лет, увы

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

Мы не ангелы, парень
возможно ли применить что либо к отдельным никам? то есть, есть ли у них какие-то айди?

@темы: текст

20:29

Не держи зла, держи дробовик (с)
Надеялась сделать что-то своим умом, но, видимо, опыта пока маловато, поэтому ищу помощи тут.
Итак, идея была в том, чтобы в комментариях аватар+ник+подпись перетащить наверх и в центр, а внизу оставить текст. Первая часть прошла на ура, но .paragraph не желает двигаться. Кажется, все прописано, ну или хотя бы раз было прописано, верно, но никаких подвижек. нет.
Помогите, спасите, что делать?

скриншот
код

+ как сделать, чтобы, при установке у цитаты боковой границы, эта граница распространялась на всю цитату, а не только на первую строчку?


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

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

07:30

пизденящий душу леденец...
Здравствуйте!
Подскажите пожалуйста как сделать, чтобы выпадающее меню не просто "выпадало", а плавно появлялось и исчезало как здесь will-grell.diary.ru/
Заранее спасибо)

@темы: меню

Мы не ангелы, парень
Есть вот такой вот код, при помощи которого блоки выпадающего меню появляются сверху.

.top .menuSection {position: relative; text-align: center}
.top .menuSection ul {bottom:100%;margin-bottom:5px;}


НО можно ли сделать так что бы выпадало сверху только конкретнное. Например записи и Сообщество, а Мой дневник был стандартным?

@темы: меню

02:49

shoots to kill, but aims to please
Добрый вечер. Подскажите, пожалуйста, айди обращения в комментариях.

@темы: diaryCSS

Мы не ангелы, парень
Хочу сделать острый углы аватарок закруглеными, но при вот таком коде

читать дальше

Закругляются углы у тени под аватаром, а само изображение не меняется

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

16:18

ничнто не истинно. все дозволено (с)
Дизайн делался под разрешение 1024 на 600. Подскажите пожалуйста можно ли подогнать это оформление так чтобы при разрешение экрана 1280 на 800 блок записей не съезжал?
Код:
Скрин в норме: Скрин при большем разрешении:

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

20:04

Мы не ангелы, парень
1. Я заменил ссылки Вступить в сообщество и Добавить в избранное на картинки но при клике картинка не меняется на "Выйти и удалить" сразу а появляется только после перезагрузки страницы. Это возможно исправить как то?



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


3. Как убрать верхний разделить над предыдущей и следующей записью в комментариях? Находил этот код по по поиску .singleComment {border-top: none !important; } но у меня не убралось.



4. Сделал название сообщества картинкой, которая при наведении меняется, все нормально было бы если бы не одно НО.. ссылка не активна, почему не знаю. Картинки меняются, но не нажимаются. Возможно для сообщества вместо side h1 нужно что то другое?

5. Текст в комментариях очень сильно выходит за границы и я не могу понять почему, хотя и уверен что где то в коде напортачил или что то не прописал для комментов.



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

Делай, что хочешь, но делай это хорошо!
Здравствуйте, есть несколько вопросов... Поиском не получается, может быть я неправильно гуглю?
Довольно давно программеры дайри вроде бы ввели дополнительные блоки каждого элемента. Я об этом Diary Spirit. Дизайн дневника. Подскажите, не поднималась ли где-нибудь тема о произошедших изменениях и проблемах, возникающих в связи ними? Если не сможете припомнить тему, ответьте, пожалуйста на пару вопросов...

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

16:36

пизденящий душу леденец...
Название дневника в Opera выглядит не так как в Гуглхроме и вообще обрезано.


Помогите найти ошибку. Заранее спасибо))


00:03

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