Щоденники секрети, тонкощі та хитрощі

Сьогодні досить коротко. Про списки.

Є два типи. Нумеровані та ненумеровані.

Отже, ідея в тому, що можна перефарбовувати лише мітки елементів, таким чином відзначаючи певні. Скажімо, ви пишіть список продуктів і вам хочеться звернути увагу на якісь пункти. Або щось таке.

Насамкінець ще можна сказати, що на елементи списку дозволено встановлювати свої зображення замість символів і крапок із квадратиками (див. list-style-image) (зрозуміло, попередньо ці зображення треба в БІ закинути, а посилання потім пофіксувати). Крім того, можна робити вкладені списки.

That's kinda it. (^__^)

Поділ контенту

тонкощі

Для початку створюємо у записі три блоки для контенту. Виглядати вони мають приблизно так.

Навіщо прописувати style="display:none"? Це приховує непотрібні блоки в режимі вибраної стрічки, де ваш CSS не діє.

Отже, все, що залишилося - описати ці класи в CSS. Можете сміливо використовувати наступний код:

І все працює. Останній рядок потрібний для того, щоб feed контент відображався у своєму обраному (чужі та свої блоки такого типу) і у своєму цитатнику. Також мається на увазі, що в чернетках повинні бути видно всі варіанти.

diaryMoreExpander

секрети

Інструкції з встановлення.

Chrome:1.Перейти за цим посиланням.2.Дозволити встановлення скрипта.

Firefox:1.Встановити GreaseMonkey.2.Перейти за цим посиланням.3.Дозволити встановлення скрипта.

Opera:1.Завантажити скрипт за цим посиланням (наприклад, уc:\scripts\diaryMoreExpander).2.У"Меню > Налаштування > Загальні налаштування > Розширені > Вміст > Налаштувати Javasсript.Папка файлів користувача Javasсript"вказати шлях до директорії, де лежить завантажений скрипт (у прикладі:c:\scripts\diaryMoreExpander).

diaryNameFixer

щоденники

Інструкції з встановлення.

Chrome:1.Перейти за цим посиланням.2.Дозволити встановлення скрипта.

Firefox:1.Встановити GreaseMonkey.2.Перейти за цим посиланням.3.Дозволити встановлення скрипта.

Opera:1.Завантажити скрипт за цим посиланням (наприклад уc:\scripts\diaryNameFixer).2.У"Меню > Налаштування > Загальні налаштування > Розширені > Вміст > Налаштувати Javasсript. > 8>c:\scripts\diaryNameFixer).

Розгортаємо всі MORE на сторінці

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

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

Працює для всіх режимів відображення прихованого тексту, які можна змінити тут.

Доступ до запису обмежений

Очищення блоків у CSS

тонкощі

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

секрети

Загалом просто один момент з HTML, але не впевнений, що всі з цим знайомі, а момент корисний. Перепрошую, якщо він вже публікувався - можете сміливо видаляти.

Як зробити, щоб при наведенніна блок тексту з'являлося вікно pop-up з текстом? Використовуйте атрибут title.

Можна піти трохи далі. У div з title'ом можна укладати не тільки голий текст, але й будь-які інші блоки або теги, у тому числі more.

Embedding #2

тонкощі

У кодіyourWIDTHзамініть на бажану ширину блоку,yourHEIGHTна висоту таyourPAGEбезпосередньо на посилання на сторінку. Посилання має бути валідним.

Увага!Перед тим, як вставляти посилання, переконайтеся, що воно валідне. Ідеально – скористайтеся методом, вказаним тут. Закиньте ваше посилання у пошук і візьміть у отриманому запиті все, що після ?q=. Ось це значення і вставляйте.

тонкощі

Знайшов спосіб вкладати в пости не лише флешки, а й безпосередньо сторінки. Скажімо, можна в епіграф вбудувати Google Translate або стрічку обраного. Або форму додавання нового запису. Або якусь свою сторінку. Що завгодно, загалом.

Тож почнемо. По-перше – це не зовсім просто. Ні, не складно, але потрібний час, щоб розібратися, особливо якщо з кодингом ви не знайомі. По-друге. Що потрібно. А знадобитьсяFlash. Підійде і якась стара версія (скажімо,Flash MX2004), але навіть воно важить 60 mb, а це треба качати, встановлювати і т.п., чим займатися захоче далеко не кожен, зрозуміло. Чи коштує воно витрачених часу та сил? Вам вирішувати. А я докладно розпишу, що і як робити.

  • Замініть обидваYourWidthна бажану ширину вікна, обидваYourHeightна бажану висоту вікна та обидваYourSwfна посилання, яке ви зберегли в пункті 8.
  • Можете насолоджуватися результатом. ^_^ А приклад, який робив я, трохи нижче.