Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
Записи с темой: Мысли вслух (список заголовков)
18:36 

Поддержка стандартных дизайнов?

Nefer-Ra
R.I.P. your mind
Занимается ли кто-то поддержанием стандартных дизайнов из каталога оформлений в актуальном состоянии? Вот есть дизайн devil left a message, всем хорош, но не учитывает полосу с предупреждением и два пункта меню - упоминания и платные сервисы, которые вылезают и некрасиво висят в углу экрана. Как это пофиксить? Копировать оформление себе и править?
Если да, то как?

@темы: Мысли вслух, diaryCSS

20:35 

Оформление на заказ

Эльна Майалис
Женщина народа сидов
Дорогие сообщники, у меня к вам весьма меркантильный вопрос. Если он не соответствует тематике сообщества - прошу модераторов его удалить. Но мне именно это сообщество показалось самым подходящим для того, чтобы разузнать следующее:
Кто из вас делает оформления на заказ? Пользуется ли это спросом? Если да - то что именно входит в готовый дизайн, и что обычно просят пользователи? Много ли времени ушло на то, чтобы овладеть CSS до такого уровня? Допустимо ли использование шаблонов (пусть и своих собственных) при условии смены изображений и цветовой гаммы?
Поделитесь, пожалуйста, своим мнением. Заранее благодарна.

@темы: платный сервис, Точка зрения, Мысли вслух, Дизайн

16:15 

эээ

Tish Evans
Когда наступает депрессия или смятение, попробуй лечь на спину на полу и подними лапы вверх. Иногда мир выглядит лучше вверх ногами.
Что это за селектор такой - #w18p? О_о

@темы: Мысли вслух

22:50 

Маленький лайфхак

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Всегда жалела, что на дайрях нет возможности скрыть какой-то пост из ленты, как в этих наших контактах, бывает, порвут ленту каким-нибудь громадным постом.
Оказывается, с помощью CSS можно это сделать элементарно.

Правой кнопкой мыши по посту, который нужно скрыть - исследовать элемент - выдастся айди поста вида #post111111111. Или можно номер посмотреть по url поста.
В свой код вписываем #post111111111 {display: none;}, пост скрывается из ленты, наслаждаемся, сирца, котята, щастье. Потом можно удалить.

К примеру, ID это поста 193235450 (diarycss.diary.ru/p193235450.htm), строка в коде #post193235450 {display: none;} скроет его из ваших лент.

@темы: Мысли вслух

21:23 

Список классов и id

Уважаемые сообщники, куда "ушли" Список классов и id по нашим дневникам?
Может кто-то случайно сохранил страничку? Поделитесь, пожалуйста.

-------
boko: достал из кеша гугла, перенес на народ, обновил эпиграф

@темы: платный сервис, Учеба, Мысли вслух, diaryCSS

04:38 

Как сделать экстратоп в центре вверху, чтобы он не сжимал дневник и не плавал?

Неуч
Как сделать экстратоп в центре вверху, чтобы он не сжимал дневник и не плавал?
Разрешение моего дисплея 1280x1024 точек)))
#extratop {background: url('/userdir/3/0/3/2/3032546/75558011.jpg') no-repeat; background-position: 3% 0%; !important; width:100%; height:710px; line-height:100% !important; top: 0px;}
#wrapper{min-width:888px !important;width:888px;margin: 0 auto !important;padding:0 !important;overflow:hidden !important;}
Помогите подкорректировать код CSS?
body{background:url('/userdir/3/0/3/2/3032546/75557458.jpg') repeat;}
body{background-attachment:fixed;} это задний фон)))
Как сделать, чтобы при входе в дневник играла музыка как фон повторяясь и чтобы всё это работало в одном коде?
читать дальше

@темы: фоновые картинки, Учеба, Мысли вслух, Дизайн

04:19 

Мати Матисс
Distrust is the way of guard, Untruth is the way of thrust.
Надеюсь, правилами сообщества это не запрещено.)
Нарисовала себе недавно дизайн. Отсюда просьба: можете полазать по дневнику и поискать косяки?
У меня Firefox, разрешение - 1366х768.
У меня все выглядит так:

У вас справа, под ником, должны быть еще ссылки "Написать на у-мыло", "Подписаться по и-мэйл" и "Добавить в избранное".

Неактуально.

@темы: Точка зрения, Мысли вслух, diaryCSS

02:31 

Объявления

D Storm
Veni, vidi, vici.
Сейчас особо нет времени, поэтому в двух словах. Составляющие уже описывал, так что тут всё просто. Если вам нужно повесить какое-то объявление в своём дневе (и так, чтобы оно было видно отовсюду) - используйте следующий код:



Пояснения. Все визуальные параметры вы можете перенастроить, это очевидно. При наведении мыши вы можете переписать любые параметры (в коде выше это только текст сообщения и выравнивание по ширине).

Пример (если ничего не видно - обновите страницу).

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

14:04 

Back to Top

D Storm
Veni, vidi, vici.
Перенёс тут кнопочку из VK. Вернее, вытащил и настроил.

Как установить.
1. Закинуть это изображение в БИ. Скопировать ссылку.
2. Добавить к CSS дизайн следующий код:

3. Заменить __IMAGE_LINK__ на ссылку на изображение из БИ. Обрезать всё до '/userdir/...'.

Пример.

@темы: основные блоки, Учеба, Мысли вслух, Дизайн

07:36 

:before и :after

D Storm
Veni, vidi, vici.
Данная запись о том, как добавить в оформление текст непосредственно через CSS. В чём преимущество перед заранее приготовленным изображением с текстом? Во-первых, весит в разы меньше, во-вторых, проще оформить в стилистике самого дневника. Итак, к делу.

Вся фишка в селекторах. В данном случае, конкретно в двух: :before и :after, - которые добавляют блок текста до либо после блока, к которыму были применены, соответственно. Возьмём, к примеру, #add_block1. Применение селектора выглядит следующим образом:

#add_block1:before {content:"test text";}

Также в content можно прописывать url (только из БИ, разумеется) (синтаксис тот же, что и в background). Кроме того, в блоках с данными селекторами можно описывать непосредственно стиль текста и его положение на странице. Пример:

#add_block1:after {position:fixed; top:20px; left: 20px; color:#ff0000; text-shadow: 0 0 3px #ff0000; font-size:12px; content:"test text";}

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

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

07:19 

Разделение контента

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

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



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

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



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

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

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

17:38 

Альтернатива MORE

D Storm
Veni, vidi, vici.
Достаточно давно уже обещал сделать эту штуку. Наконец добрался.

Итак, идея в том, чтобы сделать аналог MORE, которые оставался бы свёрнутым при просмотре одиночного поста (комментариев).

Объяснение того, как работает. Для тех, кто хочет понять.

Готовый код и инструкции к применению.

Пример 1. "Предисловие" и "первая глава".
Пример 2. Любой пост дневника.

@темы: diaryCSS, Дизайн, Мысли вслух, текст

09:51 

Иллюзия анимации

D Storm
Veni, vidi, vici.
Нет, речь, разумеется, не о гиф. Но о спрайтах.

Идея проста. Берём несколько блоков, вкладываем друг в друга, привязываем на одно место (через position:absolute и position:relative (или position:absolute \ position:fixed) на внешнем), прописываем отношения по hover'ам. Загвоздка в том, что hover не срабатывает просто при появлении блока под курсором, статус проверяется при движении мышью. На практике, если цель - заставить чуть более плавно, чем обычно, выплыть (появиться фейдом, загореться или ещё что) какой-то элемент в дизайне дневника, это не будет проблемой, потому что попиксельно мышь никто не двигает. Ещё один момент - реагирует css быстро (по мере продвижения курсора на каждый пиксель (при быстром движении - на каждый шаг, там он больше 1px)), а значит лучше бы иметь систему вложенных блоков побольше (чтобы было больше кадров) (что можно сделать искуственно в эпиграфе или посте, но при проработке дизайна днева не получится, ведь приходится придерживаться изначально заданных кол-ва и структуры блоков).

По поводу отношений между вложенными блоками. Вариант первый - при наведении на первый блок (скажем, q1) мы прослеживаем его hover и применяем стиль ко вложенному блоку (например, q2) (q1:hover q2{...}), потом также к последующему и т.п. до последнего (при этом в конце анимация остановится). Вариант второй - изначально видны все, но при наведении они скрываются (я в примере просто сводил height и width к 1px, но можно придумать что интереснее, с тем же clip'ом, скажем (забавно, но display:none не сработал)); при этом, "анимация" циклична, но тут один большой фейл - hover в данном случае (разумеется) проходит через все уровни сразу, и вылетают, соответственно, по сути рандомные кадры.

Об изображении. Как уже говорил, тут целесообразно использовать спрайты. Т.е. большое изображение, состоящее из маленьких кадров (пример). При навешивании background'а мы просто двигаем это самое изображение. Так мы сразу его кэшируем, что весьма удобно, ибо избавляет от хлопот с предварительным кэшингом. В моём примере я не убирал отработавшие фреймы (т.е. всё видно одновременно). На деле, чтобы убрать их достаточно снять bg на hover'е (qX:hover {background:none;}).

Кроме того. Не обязательно закручивать эту штуку именно с bg и спрайтами, можно по тому же принципу hover'ов на вложенных блоках прописывать разные стили (позицию, размеры, прозрачность, сглаженность углов... что угодно, в общем) на разных элементах.

На практике ещё нигде не применял, но небольшой пример сделал. Тут.

Как-то так. Надеюсь, кому-нибудь пригодится\покажется интересным. Придумаю что ещё интересное (по этому или другому поводу) - отпишу где-нибудь тут.

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

13:42 

"коммерческое" предолжение)

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

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

12:29 

Иконки

Greenfield tee
Оставайтесь голодными. Оставайтесь безрассудными(с)
тема весьма наболевшая и банальная до ужаса,
прошу не тыкать носом в ссылки ,в которых нуб,подобный мне не разбирается.

лолчто?!
ну что не так.почему не отображаются иконки?
где я допустил ошибку?

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

16:08 

Настасья Филипповна 2.0
Себе самой я с самого начала то чьим-то сном казалась или бредом, иль отраженьем в зеркале чужом, без имени, без плоти, без причины (А.А.)
Уж который раз делаю дизайн, в опере и лисе все красиво, а в хроме с меню какая-то беда. Еще и экстработтом от пейдж-с оторвался пикселей на 10. Причем только на странице комментариев.
Если ж я начну править, подстраивая под хром, в опере и лисе все съедет, а я ими в основном пользуюсь. Это обидно.
В чем дело-то? Меню на странице комментов как-то отдельно прописать можно? Стоит ли вообще, или на всех не угодишь?

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

20:50 

CSS Windows

D Storm
Veni, vidi, vici.
Я как-то обещал объяснить, каким образом в моём дневнике реализованы окна и слайдеры. Говорю сразу - если вам это не нужно, лучше просто не читайте, незачем говорить мне, что вам это не нужно.

Для начала, сам дизайн моего дневника.
Дальше несколько основных моментов, которые необходимо знать.
А теперь можно перейти непосредственно к слайдерам.
Post Generator.

Вот и всё. Надеюсь, этот пост показался вам интересным \ полезным.
^_^

@темы: diaryCSS, Дизайн, Мысли вслух, Учеба, меню, основные блоки, текст, фоновые картинки

11:05 

Отступ комментариев друг от друга.

Медовая Боня
Пролитала поиск по запросу, долго-долго искала, пожалейте меня.((
Дело всё в том, что я давно хотела бы сделать себе такую штуку, как вот здесь, а именно разделённые комментарии. Или я не то пробовала, или слишком невнимательная была, но у меня даже близко ничего не получается. =\
Есть целый код от того дизайна, что на картинке, оттуда пыталась выудить "то самое", но увы и ах. Ничего не вышло, наверно, потому что тот код максимально подогнан под приведённый дизайн.
Помогите спасите. вы можете сделать меня счастливой.(

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

10:23 

Пользовательские css стили.

Пользовательские css стили. Отключение отображения элемента страницы.
Элемент {display: none; }
Вопрос: будет ли браузер загружать содержимое элемента? К примеру, блокируется рекламный блок, содержащий фрейм. Интересует только как именно изменится трафик.

@темы: Мысли вслух

00:47 

Greasemonkey

mieze
Ich bin ein Teil von jener Kraft, die stets das Gute will und das Böse macht.
Всем привет, у меня следующий вопрос: недавно открыл для себя приложение Greasemonkey, можно ли с помощью него и javasсript добавить в дайри какие-нибудь новые функции?

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

Я ещё полный новичок в этой сфере, так что надеюсь на ваши ответы. :)

@темы: Дизайн, Мысли вслух, Учеба, дневники

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

главная