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

dpleshakov
Скрипт "diary.ru new post cursor", исправляющий проблему в работе тега '[сuRs]': userscripts.org/scripts/show/178954

Проблема: при создании нового поста в коде кнопок не совсем корректно работет тег '[сuRs]'. Данный тег должен работать как для базовых кнопок, так и для кнопок, созданных пользователем. После нажатия на кнопку курсор автоматически перемещается в положение тега. При этом если использовать [maRk] в одном коде вместе с [сuRs], причем в указанной последовательности, то курсор устанавливался некорректно.

Скрипт исправляет проблему.
Как устанавливать скрипты: dpleshakov.diary.ru/p182567388.htm

P.S. Другие мои скрипты для diary.ru:
"Diary.ru '+1'"
"Diary snitch" - diary ябеда
"diary internal sharing"

P.P.S. Уважаемые администраторы, я не имею ничего против использования кода скрипта для устранения оригинальной проблемы на сайте.

@темы: Редактирование записи, Полезные сторонние сервисы, Новая запись, Javasсript

08:40 

Загрузка картинок

quirischa
администратор
(с капибарой на аватарке)
Напоминаю, что у нас некоторое время назад поменялась форма новой записи. Изменения, в частности, коснулись загрузки картинок.

Теперь можно загружать несколько картинок.

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



Больше подробностей и ответов на вопросы приводится в этой записи diary-tips.diary.ru/p181830467.htm

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

11:46 

Новая форма новой записи

администратор
(с капибарой на аватарке)
Сегодня у нас немного видоизменилась форма новой записи.

Все изменения, в принципе, показаны на этой вот картинке:






* * *

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

Следует отметить, что в форме новой записи появилось и нововведение - это функционал загрузки картинок.






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

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

Вот еще одна картинка, которая показывает, что всё на месте, совершенно нечего тревожиться :)






Удачного вам дня, и пишите теперь еще больше новых записей, красивых и умных!

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

07:58 

lock Доступ к записи ограничен

dpleshakov
Закрытая запись, не предназначенная для публичного просмотра

22:26 

Адрес ненаписанной записи

quirischa
администратор
(с капибарой на аватарке)
Уже в процессе написания записи можно определить, какой у неё будет адрес после опубликования в дневнике или сообществе.

Для этого нужно хоть что-то написать в новую запись и сохранить черновик.

Если после этого зайти в Черновики, то можно увидеть, что ссылка у недописанной записи (например, у этой самой):
http://www.diary.ru/~diary-tips/p173319441.htm?draft

Ну а ссылка на запись после того, как она будет дописана и опубликована, станет без "хвостика" ?draft:
http://www.diary.ru/~diary-tips/p173319441.htm

* * *

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

@темы: Новая запись, Черновики (автосохранение)

08:06 

Линии

D Ash
Embrace your dreams and prove your honor...
Немного о них.

Самый простой способ добавить горизонтальную линию - тэг <hr>. Я им довольно часто пользуюсь, ибо удобно при разделении контента.



Но есть ещё один способ рисовать тэгами. Верно, добавлять бортики к другим тэгам. Если коротко, это выглядит примерно так:




Где первый параметр - толщина, второй - тип (solid, dotted, dashed, double, groove, ridge, inset, outset), а третий - цвет. Можно описывать бортики только с каких-то конкретных сторон:

border-top: ...;
border-bottom: ...;
border-left: ...;
border-right: ...;


А теперь простой пример. ^_^

    
    
    
    



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

07:18 

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

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

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



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

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



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

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

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

07:43 

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

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

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

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

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

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 в каждом штате. Он был советником королей и королев, многих известных людей искусства. Эта книга - самый большой вклад Брегга в достижении людьми лучшего здоровья и долголетия.

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


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

23:37 

Pop-ups

D Ash
Embrace your dreams and prove your honor...
В общем-то, просто один момент из HTML, но не уверен, что все с этим знакомы, а момент полезный. Прошу прощения, если он уже публиковался - можете смело удалять.

Как сделать, чтобы при наведении на блок текста появлялось окно pop-up'а с текстом? Используйте атрибут title.

Например:

Наведи на меня...



Можно пойти чуть дальше. В div с title'ом можно заключать не только голый текст, но и любые другие блоки или тэги, в том числе тэг more.



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

12:35 

JavaScript

D Ash
Embrace your dreams and prove your honor...
      
Вот и добрались.
      

      
На самом деле, учитывая написанное выше, идея проста и очевидна. Но не идеальна.
      
Пишем пост в виде HTML с CSS и JS, закидываем его на Dropbox и вписываем в страницу, используя этот гайд. Одно но - вам придётся либо высчитать высоту поста (подогнать её уже после публикации, как вариант), или создать внутри вашего html внешний контейнер (начинающийся сразу после начала body и заканчивающийся непосредственно перед его концом) с параметром overflow:auto (<div style="overflow:auto">ваш текст</div>) - чтобы появились скроллы, если содержимое превысит указанные вами размеры объекта.
      

      
Минус идеи в том, что ни JS, ни CSS не будут работать вне вашего кода, вне фрейма. Так что польза сомнительна, хоть и есть, наверное.
      

      
Я использовал у себя в эпиграфе.

@темы: CSS, Javasсript, Вставка медиа-объектов, Новая запись, Редактирование записи, Теги оформления записи, Эпиграф

11:36 

Embedding #2

D Ash
Embrace your dreams and prove your honor...
Существенное упрощение идеи, предложенной здесь. Написал вариант флэшки, в которую можно передавать адрес страницы, которую необходимо загрузить. Итак, если вы хотите встроить какую-либо страницу в пост дайри, используйте следующий код:


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="yourWIDTH" height="yourHEIGHT"> <param name="movie" value="http://dl.dropbox.com/u/10130237/flashRedirect.swf" ></param> <param name="wmode" value="transparent"></param> <param name="flashvars" value="pageHref=yourPAGE"> <embed src="http://dl.dropbox.com/u/10130237/flashRedirect.swf" type="application/x-shockwave-flash" wmode="transparent" width="yourWIDTH" height="yourHEIGHT" AllowScriptAccess="never" flashvars="pageHref=yourPAGE"></embed> </object>


В коде yourWIDTH замените на желаемую ширину блока, yourHEIGHT на высоту и yourPAGE непосредственно на ссылку на страницу. Ссылка должна быть валидной.

Внимание! Перед тем, как вставлять ссылку, убедитесь, что она валидная. Идеально - воспользуйтесь методом, указанном здесь. Закиньте вашу ссылку в поиск и возьмите в полученном запросе всё, что после ?q=. Вот это значение и вставляйте.

@темы: Эпиграф, Редактирование записи, Оформление дневника, Новая запись, Дневник, Вставка музыки, Вставка медиа-объектов, Вставка видео

15:48 

False destination

D Ash
Embrace your dreams and prove your honor...
      

      

      
Хмм. Штука, для которой довольно сложно найти применение. Но мне показалась занимательной.
      

      
Как заставить тэг more при раскрытии (в случае, если тэг настроен на динамическое раскрытие) появляться не там, где была ссылка, а в другом месте? Ответ довольно прост. Создаём more, опубликовываем пост, открываем код страницы. Ищем в коде строку вида:
      
<a href="...#more..." class="LinkMore" onclick="return swapMore2('...','...');" id="linkmore...">MORE_TEXT</a>

      
Вместо MORE_TEXT в строке должно быть название more (то, что пишется после more=, как правило это "читать дальше").
      
После этого находим тэг <span> под этим тэгом <a>. Находим его id, копируем.
      
Дальше нам надо создать блок, в который мы хотим вкладывать содержимое нашего more. Этот блок должен находится над more (всегда можно вкладывать в эпиграф, соответственно). Пишем следующий код:
      
<span id="MORE_ID" style="display:none;visibility:hidden;"></span>

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

      
Пример. Тэг more находится здесь.
      

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

10:41 

redString [0.1]

D Ash
Embrace your dreams and prove your honor...

Написал скрипт для Google Chrome, упрощающий создание красных строк в посте. 

Как это работает. 

Вы пишете ваш пост (или комментарий), перед тем как отправить, нажимаете [Alt+R], скрипт модифицирует текст поста, после этого вы можете его опубликовать. Если вам необходимо отредактировать пост, перед тем, как править текст, нажмите [Alt+Q], и все лишние тэги исчезнут из текста. Сами красные строки реализованы через тэги <p> с параметром text-indent:30px. 

 

Несколько замеченных багов
 

Если в вашем посте вы открываете какой-либо тэг в одном абзаце, а закрываете в другом - лучше проставьте этот тэг после нажатия [Alt+R], иначе его работа будет нарушена. 

Не окаймляются div элементы. 

После редактирования пост превращается в кашу, его крайне сложно читать, не сняв красную строку. 

Если при создании поста вы использовали тэги <p>, то при попытке удалить красную строку удалятся также ваши закрывающие </p>. 

 

 


    
upd: Альтернативый вариант. Работает проще, заменяет начало строки на цепочку несжимаемых пробелов. Горячие клавиши те же. Минус метода - в блоках с text-align:justify отступы могут получатся разными (т.е. различно расстояние между пробелами). Зато не появляется ненужной каши и путаницы со вложениями, как и проблем с иерархией. Перед установкой рекомендуется удалить обычный (через меню -> Tools -> Extensions).

    
upd2: Исправил альтернативную, теперь размер отступа везде одинаковый. Ссылку на скачивание обновил.


PS Возможно, чуть позже попробую сделать вариацию для FireFox и других браузеров, а также исправить баги. Пока что так - лучше чем ничего, верно?


запись создана: 12.02.2011 в 07:22

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

00:14 

YouTube + fullscreen

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




Итак, нам понадобится Dropbox... и Flash, да.


  1. Установите Dropbox, зарегестрируйтесь в системе.

  2. Создайте текстовый файл, назовите его, измените разрешение на html (например: ffv13.html).

  3. Откройте его в текстовом редакторе, вставьте следующий код:
    <html>
    <head>
    <style>
    body {
         padding:0px;
         margin:0px;
    }
    </style>
    </head>
    <body>
     YOUTUBE
    </body>
    </html>

  4. Замените в коде YOUTUBE на код вложения вашего видео (тот, что получаете на самом youtube'е или в аналогичном сервисе). Сохраните его.

  5. Скопируйте ваш .html файл в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки), подождите, пока он закачается, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link.

  6. Используя этот гайд создайте флэшку, указывающую на ваш html, и вложите её в пост. При указании высоты и ширины объекта пользуйтесь значениями, которые вам дал youtube.

  7. Готово. Поздравляю, вы только что опубликовали видео, которое можно смотреть в режиме полного экрана.




Вопрос: Мануал писать?
1. Да.  64  (84.21%)
2. Нет.  12  (15.79%)
Всего: 76

@темы: Вставка видео, Вставка медиа-объектов, Вставка музыки, Новая запись

13:55 

Embedding

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




Итак, начнём. Во-первых - это не совсем просто. Нет, не сложно, но нужно какое-то время, чтобы разобраться, особенно если с кодингом вы не знакомы. Во-вторых. Что потребуется. А потребуется Flash. Подойдёт и какая-нибудь старая версия (скажем, Flash MX2004), но даже оно весит 60 mb, а это надо качать, устанавливать и т.п., чем заниматься захочет далеко не каждый, разумеется. Стоит ли оно потраченных времени и сил? Вам решать. А я просто подробно распишу, что и как делать.

  1. Установите Dropbox, зарегестрируйтесь в системе. Почему именно Dropbox? Потому, что он даёт прямые ссылки на файлы. К тому же, очень удобный и не нервирует рекламой.

  2. Если хотите вложить какой-то свой файл (html страницу), скопируйте его в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки), подождите, пока он закачается, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link.

  3. Установите Flash. Как я и сказал, подойдёт почти любая версия. Почти - т.к. не тестил с более ранними, чем MX2004 (т.е. со студиями, где использовался старый ActionScript 1.0 (в сравнении с AS2 и AS3 в последующих)), возможно, там чуть-чуть другой синтаксис (хотя, насколько я помню, нужный нам оператор тот же). Но от флэша нам понадобится всего одна строка кода, так что и это не суть важно. Этот пример создан в Adobe Flash CS4.

  4. Создайте новый документ типа Flash Document (если у вас поздняя версяя студии (с поддержкой AS3), выберите Flash File (ActionScript 2.0), нам его вполне хватит).

  5. Откройте окно Modify -> Document, измените значения в полях Dimensions на 1 px - визуальная составляющая нам не понадобится.

  6. Откройте окно Window -> Actions, выберите Layer 1 : Frame 1 в меню слева.

  7. В правой части окна впишите:
    getURL('http://www.google.com/','_self');

    Вместо ссылки на гугл здесь должна быть страница, которую вы хотите вложить. Если это предварительно закинутый на Dropbox файл - вставьте ссылку на него (как её получить описано в пункте 2). Важно! Ссылка должна быть полной, т.е. начинаться с http://.

  8. Закройте Actions, выберите File -> Export -> Export Movie, сохраните полученную флэшку в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки). Если при сохранении программа предложит какие-то вариации, можете оставить всё по умолчанию и проследовать далее. После сохранения, подождите, пока файл закачается на сервер, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link. Откройте блокнот и вставьте ссылку туда, чтобы не потерять.

  9. Теперь можете переходить непосредственно к редактированию поста. Вставьте следующий код:

    <div align="center">
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="YourWidth" height="YourHeight">
        <param name="movie" value="YourSwf" ></param>
        <param name="wmode" value="transparent"></param><param name="allowScriptAccess" value="never">
        <embed src="YourSwf" type="application/x-shockwave-flash" wmode="transparent" width="YourWidth" height="YourHeight" AllowScriptAccess="never"></embed>
      </object>
    </div>

  10. Замените оба YourWidth на желаемую ширину окна, оба YourHeight на желаемую высоту окна и оба YourSwf на ссылку, которую вы сохранили в пункте 8.

  11. Можете наслаждаться результатом. ^_^
    А пример, который делал я, чуть ниже.



запись создана: 11.02.2011 в 08:54

Вопрос: Мануал писать?
1. Да.  314  (96.62%)
2. Нет.  11  (3.38%)
Всего: 325

@темы: Эпиграф, Редактирование записи, Оформление дневника, Новая запись, Дневник, Вставка музыки, Вставка медиа-объектов, Вставка видео

16:25 

Альтернативное использование тэгов MORE

D Ash
Embrace your dreams and prove your honor...

Надеюсь, нигде не нарушаю никаких правил. Сообщество предварительно перечитал, данного пункта не увидел, но не проверял все комменты, да.

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


[more=<i></i>]Текст, который надо скрыть.[/more]


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


[more=<i></i>]<div style="display:none;">[/more]Текст, который надо скрыть.[more=<i></i>]</div>[/more]


Т.е. вместо того, чтобы скрывать сам текст, мы скрываем тэги, открывающие и закрывающие "невидимый" блок вокруг этого текста.

Я этим пользовался здесь (в ленте), чтобы убирать скролы на блоках при полном просмотре записи, и здесь (в ленте), чтобы убирать вертикальные чёрточки, которыми пользовался для разделения пунктов (в данном случае - чаптеров).






<div style="display:none;">Текст, который надо скрыть.</div>


В дополнение скажу, что использование этой конструкции может быть альтернативой MORE при скрытии комментария. Есть тут и другая хитрость. Через эти div'ы можно сделать фрагмент поста видимым только из RSS.




И ещё несколько моментов.

Во-первых, комбинируя способы скрывания информации тэгами MORE, можно сделать два абсолютно разных поста, оставив один видимым только из ленты, а второй только при полном просмотре.

И во-вторых, как следствие, можно содержать в дневнике один пост, куда можно попасть только по ссылке (т.е. пост, который не появится в ленте при написании). Да, речь об эпиграфе. А если точнее - о возможности сделать альтернативную версию эпиграфа, которая будет видна только при его просмотре через ссылку вида diary.ru/~адресДневника/p0.htm. Тут есть только одно но - в первой, видимой всем, версии эпиграфа не ставьте тэгов MORE, иначе пользователи, у которых работа MORE настроена на открытие страницы поста (и гости, соответственно) всё же смогут попасть на эту страницу и прочитать то, что вы, как бы, скрыли.


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

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

главная