• ↓
  • ↑
  • ⇑
 
Записи с темой: редактирование записи (список заголовков)
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

16:21 

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

Arthur, darling
в слове «dreams» всегда звучит твоё тёплое имя. [c]
Закрытая запись, не предназначенная для публичного просмотра

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, Новая запись, Редактирование записи, Теги оформления записи

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, Редактирование записи, Теги оформления записи, Эпиграф

18:34 

Краткая шпаргалка HTML

 Оформление текста: 

<u>Ваш текст</u> -  Ваш текст;

<s>Ваш текст</s> - Ваш текст; 

<b>Ваш текст</b> - Ваш текст;

<i>Ваш текст</i> - Ваш текст; 

        - пробел;

<br/> - перенос по строке вниз;

<center>Текст</center> - текст по центру.

Таблица:

<table border=0 widht=52%> - начало таблицы;

<tr> - начало строки;

</tr> - конец строки;

<td> и </td> - между этими символами заключается одна ячейка таблицы;

</table> - конец таблицы.

  Подробнее о таблицах здесь

  Ссылки:<a href="URL СТРАНИЦЫ"> ВАШ ТЕКСТ</a>

<a href="URL СТРАНИЦЫ"><img src="URL КАРТИНКИ"></a> - кликабельная картинка,


<a href="URL СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> - ссылка откроется в новом окне.
   подробнее читать здесь

  Окошко для вставки кода:
1.<textarea rows="2" cols="60"> ВАШ КОД </textarea> ,где cols - ширина окошка в px, а rows - число строк в окне.

2.<input size="35" value="Ваш код"h-text"><div class="b-text"
подробнее читать здесь

 Кат текста: <cut text="Читать далее">Основной текст </cut>
подробнее читать здесь

Шрифт, размер, цвет текста: <span style="font-family:Monotype Corsiva;color:fuchsia;font-size:25px">Ваш текст</span>
подробнее читать здесь 

  Кнопка:  

<a href="Ссылка"><input type="submit" value="Надпись на кнопке" /></a>

Обтекание картинки тектом:
 

<img src="http:…" align=left hspace=20 vspace=20>

  Цвета HTML:


 Подробнее о HTML:

Принципы HTMLГотовые кодыШрифты HTMLКрасивый текстЦвета HTMLFlash по цветамТаблица HTMLКопир. изобр-язащита изобр-яредактор HTMLБродилкаПишем на изобр-и


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

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

главная