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

Сколько дней вашему дневнику?

ArLe
Арлоло, админота,
администратор
и админотавр


Симпатичный счетчик от Arvenktur

@темы: Эпиграф

09:37 

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

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

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

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

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=. Вот это значение и вставляйте.

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

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

10:53 

quirischa
администратор
(с капибарой на аватарке)
Если ваш дневник имеет адрес http://diary.ru/~diary-tips, то ссылка на эпиграф вашего дневника выглядит как http://diary.ru/~diary-tips/p0.htm.

@темы: Эпиграф

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

главная