Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
07:18 

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

D Ash
Embrace your dreams and prove your honor...
Здесь я расскажу о том, как с помощью CSS в дневнике реализовать отображение трёх различных блоков контента в ленте избранного, дневнике и режиме комментариев соответственно. Зачем это нужно? Как правило, для шлифовки сложного оформления, но могут быть и другие причины. So, let's start.

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



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

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



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

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

@темы: CSS, Дневник, Записи, Комментарии, Лента избранного, Новая запись, Платные сервисы, Черновики (автосохранение)

19:14 

diaryMoreExpander

D Ash
Embrace your dreams and prove your honor...
Раз уж занялся. Мелкий скрипт для тех, кому нравится, когда MORE автоматически открываются вместе с комментариями. Одно но - каждая страница с комментами будет открываться по два раза - первый раз просто открываться, второй, сразу после загрузки первого - с параметром на раскрытие MORE. Вообще, в теории, можно написать и сложнее, чтобы все линки на комменты внутри дайри фиксились заранее, но желания заниматься этим сейчас нет совсем. Работает под Chrome, Firefox и Opera.

Инструкции по установке.

Chrome:
1. Перейти по этой ссылке.
2. Разрешить установку скрипта.

Firefox:
1. Установить GreaseMonkey.
2. Перейти по этой ссылке.
3. Разрешить установку скрипта.

Opera:
1. Скачать скрипт по этой ссылке (например в c:\scripts\diaryMoreExpander).
2. В "Меню > Настройки > Общие настройки > Расширенные > Содержимое > Настроить Javasсript... > Папка пользовательских файлов Javasсript" указать путь к дирректории, где лежит скачанный скрипт (в примере: c:\scripts\diaryMoreExpander).

Get fun. (_^|(^_^)|^_)

@темы: Javasсript, Дневник, Комментарии, Полезные сторонние сервисы

18:35 

diaryNameFixer

D Ash
Embrace your dreams and prove your honor...
Окей. Старая проблема дайри. Если у какого-то юзера был платный аккаунт, а потом он перестал быть таковым, все ссылки вида "shortname.diary.ru" перестают работать. Что делать? Ставить следующую заплатку, она сама будет править URL если будут какие проблемы. Работает под Firefox, Opera и Chrome.

Инструкции по установке.

Chrome:
1. Перейти по этой ссылке.
2. Разрешить установку скрипта.

Firefox:
1. Установить GreaseMonkey.
2. Перейти по этой ссылке.
3. Разрешить установку скрипта.

Opera:
1. Скачать скрипт по этой ссылке (например в c:\scripts\diaryNameFixer).
2. В "Меню > Настройки > Общие настройки > Расширенные > Содержимое > Настроить Javasсript... > Папка пользовательских файлов Javasсript" указать путь к дирректории, где лежит скачанный скрипт (в примере: c:\scripts\diaryNameFixer).

Get fun. |^_)

@темы: Javasсript, Дневник, Доступ к записям/дневнику, Полезные сторонние сервисы

12:15 

Разворачиваем все MORE на странице

quirischa
администратор
(с капибарой на аватарке)
Если вам кликать на MORE лень, а дописать 4 символа в адресную строку не лень, то эта запись для вас.

?oam

Если в адресную строку какого-нибудь дневника или записи дописать ?oam, то страница откроется со всеми развернутыми скрытыми текстами.

Например, по ссылке http://the-best-of-thebest.diary.ru/?oam откроется дайри-бест со всеми развернутыми катами на первой странице. Переход по страницам внизу, кажется, тоже работает.

&oam

Если в адресной строке уже есть символ ?, то нужно дописать такую комбинацию символов - &oam.

Например, по ссылке http://quirischa.diary.ru/?favorite&oam откроется моё избранное с развернутыми катами.

* * *

Работает для всех режимов отображения скрытого текста, которые, в свою очередь, можно поменять здесь.

@темы: Дневник, Лента избранного, Записи

09:37 

Объединенные ячейки в таблицах

Shendary
- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.
Задаются с помощью двух параметров:
COLSPAN - определяет число столбцов, объединяемых одной ячейкой,
ROWSPAN - определяет число строк, объединяемых одной ячейкой.

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

@темы: Эпиграф, Теги оформления записи, Оформление дневника

08:30 

Подписаться на запись/отписаться от записи

quirischa
администратор
(с капибарой на аватарке)
Если вы хотите подписаться на запись и получать уведомления о появлении новых комментариев, то это можно сделать так:

1. оставив комментарий в записи, поставив галочку на "Подписаться на новые комментарии" под полем ввода комментария,

или

2. нажав на ссылку "Подписаться" под текстом записи.
Подписаться - В цитатник - Написать у себя

* * *

Для того, чтобы отписаться от записи, на которую вы подписаны, вам нужно нажать на ссылку "Отписаться" под текстом записи:
Отписаться - В цитатник - Написать у себя

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

Просмотреть список подписанных записей, а также отписаться от одной или нескольких записей, от подписанных записей в каком-то дневнике или вообще очистить всю (всю-всю-всю) подписку можно в разделе "Дискуссии" по ссылке - www.diary.ru/discussion/

* * *

Если вы хотите ВСЕГДА и СРАЗУ подписываться на комментарии в случае оставления своего комментария, то это можно установить в настройках: www.diary.ru/options/site/?postncomments


запись создана: 18.11.2010 в 21:34

@темы: Дискуссии, Подписки

13:16 

Подсказка о типе закрытой записи

quirischa
администратор
(с капибарой на аватарке)
Если вы закрыли запись (для всех, для списка и так далее), а потом в чьем-то избранном увидели свою запись, обратите внимание на два момента.

Первый.

Ваша запись будет вам открыта. Какое был вы ни выставили ограничение, вы, как автор записи, будете иметь доступ к тексту записи и к редактированию записи.

Второй.

Если навести мышкой на замочек рядом с заголовком записи, то появится подсказка о том, для кого запись видна. Собственно, из скриншота всё видно:


(Закрытая запись, которая видна через чужое избранное.)

Расширенная информация доступна только автору записи. Все остальные при наведении на замочек увидят просто "Закрытая запись".

@темы: Доступ к записям/дневнику, Записи

07:43 

Альтернативный текст закрытой записи

quirischa
администратор
(с капибарой на аватарке)
Вместо закрытых записей по умолчанию виден текст «Закрытая запись, не предназначенная для публичного просмотра». Однако, вместо него вы можете написать свой текст (например, пояснить причину закрытия записи).

Для этого при создании или редактировании записи поставьте галочку возле «Закрытая запись», а затем возле «Альтернативный текст закрытой записи». Впишите нужное в появившееся текстовое поле.

Обратите внимание: альтернативный текст закрытой записи будет виден всем, у кого нет доступа к записи, текст закрытой записи будет виден тем, у кого будет доступ к записи, - но не наоборот!

@темы: Новая запись

03:09 

Black List

D Ash
Embrace your dreams and prove your honor...
Подбросили идейку. Случается, что нас жутко выбешивают комментарии отдельных личностей, причём не только у нас в дневнике, но и, скажем, в каком-нибудь сообществе, где мы сидим. И нам хочется эти комментарии вообще не видеть - чтобы поддерживать моральное состояние в норме. Как, в общем, и нервы с настроением. Но чёрный список есть только для нашего собственного днева или сообщества. Что делать?

Написал небольшую примочку для Chrome'а (не проверял, возможно под Opera (устанавливать через настройки) и FF (ставить через Greasemonkey) тоже работает). После её настройки и установки (именно в этом порядке), комментарии выбранных вами личностей не будут отображаться, вне зависимости от того, где они их оставят.


Инструкция.
1. Установите Dropbox (нужен, чтобы получить прямую ссылку на файл - если у вас есть свой сайт (сервер) или вы пользуетесь другим файлшарером, который это умеет - не обязательно).
2. Распакуйте скачанный архив. Откройте файл в тектовом редакторе. В строке "var nameList = ..." замените все "sample name *" на ники пользователей дайри, комментарии которых не хотите видеть. Количество не ограничено. Когда закончите - сохраните файл.
3. Скопируйте отредактированный файл в My Dropbox\Public. Нажмите по нему правой клавишей, выберите в контекстном меню Dropbox -> Copy public link.
4. Откройте новую вкладку в браузере, вставьте ссылку, перейдите по ней, согласитесь со всем, что предложит браузер.
5. Готово. Наслаждайтесь тишиной. )
6. Для отключения в Хроме выберите Customize and control Google Chrome -> Tools -> Extensions -> nameFilter -> Uninstall.

PS При желании, можно сделать фильтр комментов по словам или фильтр записей в сообществах по никам \ словам.

@темы: Полезные сторонние сервисы, Комментарии, Дискуссии, Javasсript

19:40 

Опять про море?

SilentTwilight
Магистр Флуда
Маленький юморной прикол с Морем, как раз к предыдущему посту:

Нажми сюда

@темы: Записи, Комментарии, Новая запись, Редактирование записи

08:32 

Продолжая о MORE

D Ash
Embrace your dreams and prove your honor...
Очередной мануал о нестандартном использовании тэга more. На этот раз речь о ссылке, которая его открывает.

Итак, есть 2 занимательные возможности. Первая - сделать так, чтобы ссылка не исчезла после открытия more. Вторая - сделать так, чтобы вместо ссылки исчезло что-то другое. Как?

Первый шаг. Напишите пост, опубликуйте его (можно в виде закрытой записи). Откройте код страницы, найдите в нём <a>, отвечающий за данный more (можете искать по class="linkmore"), скопируйте его ID (вида linkmore*m*, где первая звёздочка - ID поста, а вторая - номер more в нём). Теперь отредактируйте запись, создайте перед вашим more любой контейнер и присвойте ему скопированный ранее ID. Примите изменения. Теперь при открытии more вместо вашей ссылки будет исчезать этот контейнер.

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


Пример 1:

П. Экман - Психология лжи




Пример 2:

Поль Брегг - автор этой прекрасной книги - сам является доказательством ценности ее. Молодость в 85 лет - прекрасное доказательство. Этот человек (физиотерапевт по профессии), который молод в возрасте свыше 85 лет, все еще занимается альпинистским спортом, плавает на многие мили и может обогнать в ходьбе пешком и беге людей, которые едва достигли половины его возраста. Искалеченный туберкулезом еще в подростковом возрасте, Брегг развил свою систему питания, физических упражнений, чтобы достичь прекрасного здоровья и перестроить разбитое болезнью тело. Он открыл первый магазин здоровой пищи в Лос-Анжелесе. Сейчас таких магазинов более 2500 в каждом штате. Он был советником королей и королев, многих известных людей искусства. Эта книга - самый большой вклад Брегга в достижении людьми лучшего здоровья и долголетия.

А на самом деле...


@темы: Записи, Комментарии, Новая запись, Редактирование записи, Теги оформления записи

17:04 

Diary+Chrome

marader
жизнь - замечательна и удивительна, до тех пор - пока тебя не заметят и не удивят.
По многочисленным просьбам:
Diary@FavChk 0.7

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

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

Пост для обсуждения тут

@темы: Избранные, Клиент, Уведомления

17:33 

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

D Ash
Embrace your dreams and prove your honor...
Достаточно давно уже обещал сделать эту штуку. Наконец добрался.

Итак, идея в том, чтобы сделать аналог MORE, которые оставался бы свёрнутым при просмотре одиночного поста (комментариев). Для реализации (этим путём, во всяком случае) нужен платный сервис CSS и (желательно) базовое (даже если самое поверхностное) знание самого CSS.

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

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

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

@темы: Оформление дневника, Платные сервисы, Теги оформления записи

21:05 

Скроллы на блоках

D Ash
Embrace your dreams and prove your honor...
Well... Когда-то давно искал способ сделать в дайри блоки с горизонтальной прокруткой, но было не критично, так что забил. Второй раз попробовал весной, тогда успеха уже добился. А на деле всё очень просто.

Итак. Зачем это нужно? Удобно при создании списка или галереи. Как это работает?

Используйте этот код:



Да, вся фишка в настройках white-space по умолчанию в дайри. Можете добавить внутрь style'а width и\или height, чтобы контролировать размеры блока.


[upd]

Для вертикального скроллбара стоит использовать overflow-y. В white-space нужда пропадает. Но нужно указывать height, иначе блок автоматически растянется.

Ещё об overflow. Если не прописывать -x\-y - срабатывает на обе оси. Если в качестве значения поставить scroll вместо auto - бары будут видны всегда, даже когда контент не превышает размер блока. invisible, напротив, не покажет скроллы, даже если контент уйдёт далеко (что приводит к потере контента, ясно). visible позволяет контенту уходить за пределы блока (и налазить на другие элементы, как следствие). Slt.

Примеры.
запись создана: 14.07.2011 в 17:24

@темы: CSS, Записи, Комментарии, Теги оформления записи

17:41 

Firebug Lite for Chrome

D Ash
Embrace your dreams and prove your honor...
Слегка оффтопом, но может понадобится тем, кто много работает с CSS в дневе.

Те, кто пользуются Firefox'ом, скорее всего, знакомы с такой штукой, как Firebug. Если что, это удобный и аккуратный редактор кода страницы. However, в других браузерах (Opera, Chrome) вместо него по умолчанию висит своя система (более запутанная и слегка непривычная после Firebug'а), а в IE (не знаю, насчёт 9, кстати) и Safari (по умолчанию, по крайней мере, а глубже не копал) это вообще решается блокнотом (что, ясно, неудобно).

Well... Сколько-то месяцев назад наткнулся на Firebug Lite (который, будучи сделанным на JS, должен работать вообще везде) и написал маленький скрипт для автоматического подрубания его в Chrome'е. Одно но - учитывая, как именно он работает (там срабатывает переход по ссылке на скрипт подключения его) - при применении перестаёт работать кнопка "назад" (по сути, она возвращает к странице до подключения). Поэтому написал вторую версию - она подгружает Firebug Lite по нажатию горячей клавиши [Alt+A].

Искать тут.

@темы: CSS, Горячие клавиши, Оформление дневника

10:45 

Diary+Opera

marader
жизнь - замечательна и удивительна, до тех пор - пока тебя не заметят и не удивят.
Diary@AllChk 0.8 for Opera
Расширение для браузера Opera

реализован весь функционал, кроме всплывающих оповещений (эта функция реализована не будет).
Ссылка на расширение
авторизация от оперы означает: отсутствие вредоносного кода и любого кода, связанного с кражей личной информации
ИСХОДНИКИ
Пост для обсуждения

ВАЖНО!
1) не забываем, после установки, зайти в настройки расширения и ввести данные авторизации.
2) проблема с кэшем решается так:
настройки->История->Проверять документы -> Всегда. ( а лучше вообще отключить кэш... интернет сейчас у всех нормальный.)

@темы: U-mail, Полезные сторонние сервисы, Постоянные читатели, Счетчик записей и комментариев, Уведомления

18:57 

оформление цитат.

Bernadett-e
В море соли и так до чёрта, морю не надо слёз.
Если вас не устраивает курсив по умолчанию, то здесь открывается простор для фантазий. Выделять цитаты вы можете чем угодно: рамками, цветом фона, цветом текста, шрифтами и текстовыми спецэффектами.

Способ № 1 через HTML.
Работает для бесплатных дневников и для френдленты.

Для этого достаточно запрограммировать кнопку в HTML редакторе и коде цитаты

вместо class="quote_text" вставлять style="..." с нужным вам наполнением.

Например, вот так:

цитата


другие варианты с рамками читать дальше

с фоном читать дальше




Способ № 2 через CSS.
читать дальше

@темы: Записи, Комментарии

23:14 

Очистка блоков в CSS

D Ash
Embrace your dreams and prove your honor...
      
Только для владельцев платный аккаунтов с подключенным CSS.

      
Идея проста. Вам нужна какая-либо ссылка, которая присутствует в дневнике, но вам совсем не нужен текст в ней - вы хотите иконку. Как это сделать?

      
1. Найдите ID данного объекта. Чтобы было, по чему обращаться к нему в CSS.
      
2. Создайте \ выберите \ найдите иконку. Закиньте её в БИ, запомните размеры (дальше - X и Y).
      
3. Примените следующий стиль для данного объекта: "{width:Xpx; height:1px; padding-top:Ypx; clip:rect(0px Xpx Ypx 0px); background:url('ссылка/на/изображение/в/вашей/БИ') no-repeat;}". Если что-то не сработает, добавьте перед ";" данного параметра "!important".

      
Суть в том, что мы просто вытесняем текст (с помощью padding-top) и обрезаем его (через clip). Таким образом можно сделать полностью графическое меню или вообще весь интерфейс, что привлекает, верно?

      
Пример можно посмотреть в одном из моих дневников, здесь. Ссылка, ведущая к якорю у верха страницы.

@темы: CSS, Дневник, Оформление дневника, Платные сервисы

23:00 

Ссылка на more

D Ash
Embrace your dreams and prove your honor...
      
Пример. Вам необходимо дать ссылку не на весь ваш пост, а только на один из more в его составе. Как это сделать?

      
1. Откройте код страницы и найдите ID span'а, в который будет помещаться содержимое вашего more (выглядит как XmY, где X - id поста, а Y - номер more в составе поста).
      
2. Если дневник владельца платный - напишите в адресной строке "Z.diary.ru/", где Z - адрес дневника. Если бесплатный - "diary.ru/~Z/".
      
3. Допишите "?post=XmY" (т.е. ID, который мы нашли ранее). Полученная строка - необходимый адрес.

      
Одно но. Вокруг содержимого будет шелуха (немного JS). Но если под more были изображения или видео - данный способ доступа может быть удобным.


@темы: Записи, Javasсript

07:03 

Ссылки на дневник, запись и комментарий

quirischa
администратор
(с капибарой на аватарке)
Название вашего дневника - это ссылка на ваш дневник.
Слово "URL" под текстом записи - это ссылка на саму запись.
Слово "URL" под текстом комментария - это ссылка на комментарий.

Наглядная картинка

@темы: Комментарии, Записи, Дневник

@Дневники: секреты, тонкости и хитрости

главная