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

Настраиваемые кнопки

Дейдара Роджерс
человек не хочет, чтобы его запихивали в квадратик, даже если он квадратной формы (с)
Может, я плохо смотрел - вроде бы про это еще не было)
Между тем, исходя из личного опыта - мне очень облегчили жизнь настраиваемые кнопки. Не нужно вводить теги вручную, щелкнул по кнопочке и красота!)
Итак, у каждого в настройках есть ссылочка: "Настраиваемые кнопки".


Кликнув по строчке, попадаем в меню настройки кнопок.
Значения для добавления кнопки "вставить картинку с другого ресурса":


В графе "Обозначение" нужно вставить ссылку на картинку, которая и будет кнопкой на панели форматирования текста. Можно со стороннего ресурса, можно из собственной БИ. Я использовал эту:


Код для графы "Значение":


Далее, у меня есть еще 2 кнопочки (бесплатный тип @дневника позволяет до 3-х настраиваемых кнопок, а с подключённым сервисом число кнопок не ограничивается): "Картинка с другого ресурса в превью (MORE)" и "Вставка кликабельной картинки вместо строчки "Читать дальше" в MORE". Если интересно, как это делается, то под катом инструкции:)

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

* * *

Подключить платный сервис "Настраиваемые кнопки редактирования" (с этим сервисом число кнопок не ограничивается; без сервиса доступны только три кнопки) можно в настройках. Если для сервиса доступно бесплатное ознакомительное подключение, то сначала нужно использовать его: выбрать сервис и нажать на кнопку "Попробовать". Если бесплатное ознакомительное подключение недоступно, то сервис можно подключить только платно: выбрать сервис галочкой, выбрать для него срок действия и нажать кнопку "Оплатить".

запись создана: 05.11.2012 в 23:37

@темы: Теги оформления записи, Сервис настраиваемых кнопок, Платные сервисы, Настройки, Настраиваемые кнопки, Добавление изображений

19:58 

Обрезка картинок c помощью html

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Шерстила тут интернеты на предмет обрезки картинок средствами html, может кому пригодится.



Итак, вот наша картинка, размером 400х400 пикселей, украшенная некрасивой надписью внизу (все примеры кликабельны). Чтобы ее убрать, потребуется следующий код:

,
где width - желаемая ширина, height - желаемая высота.

На глазок отсекаю 40px, получается:

(Поскольку убирала только по высоте, ширину не вписывала).

Результат:

Обрезать по ширине и высоте :



Все бы хорошо, но таким способом можно обрезать только снизу и справа. Чтобы обрезать с нужной стороны, код чуть-чуть усложняется.
Смотреть примеры с кодами

@темы: Теги оформления записи, Добавление изображений

11:51 

Индивидуальное оформление записи через теги + css

Chapt
Качество нашей жизни определяет качество наших поступков
Большинство людей оформляя запись не подозревают, что с ней можно сделать. Обычно они вставляют картинку или картинки, делают разноцветный текст и разный его размер, в общем всё, что можно кнопочками в визуальном редакторе.
НО! Те кто хотя бы немного знаком с Html-тегами и правилами CSS могут делать изумительные вещи с постами и комментариями! Вот так! При этом подключать платный сервис CSS не надо!!!!
Скромным примером использования связки тегов и css является этот пост.

Преимуществом индивидуального оформления записи является то, что при просмотре в избранном человек будет видеть запись так, как оформили её вы, а не так, как у него дизайн настроен. Соответственно именно ваша запись будет всегда заметна, но злоупотреблять этим не стоит



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

21:10 

Lists

D Ash
Embrace your dreams and prove your honor...
Сегодня довольно коротко. О списках.

Есть два типа. Нумерованные и ненумерованные.

Синтаксис.



Итак, идея в том, что можно перекрашивать только метки элементов, таким образом отмечая определённые из них. Скажем, вы пишите список продуктов, и вам хочется обратить внимание на какие-то пункты. Или что-то в этом роде.

Как?

Примеры.



Напоследок ещё можно сказать, что на элементы списка разрешено устанавливать свои изображения вместо символов и точек с квадратиками (см. list-style-image) (ясно, предварительно эти изображения надо в БИ закинуть, а ссылку потом пофиксить). Кроме того, можно делать вложенные списки.

Примеры.



That's kinda it. (^__^)

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

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

09:37 

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

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

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

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

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: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:14 

Обтекаемые картинки

Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Картинка с обтекающим ее текстом.
Картинка слева: <img src="адрес картинки" style="float: left; margin-right: 10px;"> Текст текст текст...
Картинка справа: <img src="адрес картинки" style="float: right; margin-left: 10px;"> Текст текст текст...
Margin - это отступ текста от края картинки, размер задается по вкусу.

Обтекаемые превьюшки.
Делаете превью любым доступным вам способом (про вставку превью рассказывается здесь, здесь, здесь и здесь) и затем к ссылке добавляете style="float: left; margin-right: 10px;" либо style="float: right; margin-left: 10px;".

<a href="адрес картинки"><img src="адрес картинки" width=XX style="float: left; margin-right: 10px;"></a>

Если картинка из БИ: <a href="картинка"><img src="превью" style="float: left; margin-right: 10px;"></a>

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

[MORE=<img src="адрес картинки" width=XX style="float: right; margin-left: 10px;">]<img src="адрес картинки" style="float: right; margin-left: 10px;">[/MORE]

Из БИ: [MORE=<img src="превью" style="float: right; margin-left: 10px;">]<img src="картинка" style="float: right; margin-left: 10px;">[/MORE]

Текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

@темы: Теги оформления записи, Добавление изображений

17:07 

Как сделать превью картинки, размещенной в чужой библиотеке изображений

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Например, вы хотите разместить у себя картинку, которую кто-то уже залил к себе, или делаете перепост, но в исходном посте картинка слишком большая. В таком случае можно легко и быстро сделать превью. Чтобы понять, где размещена картинка, щелкните правой кнопкой мыши - открыть в новом окне. Картинки, залитые на дайры, имеют адрес вида http://static.diary.ru/userdir/.... Ссылка на полную картинку выглядит так: static.diary.ru/userdir/1/4/3/9/1439841/5516786.... Перед последними цифрами добавляем thumb/ и получаем превьюшку: static.diary.ru/userdir/1/4/3/9/1439841/thumb/5...

Легкий способ вставить превью
Результат:

@темы: Теги оформления записи, Добавление изображений

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

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

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

19:58 

Кнопка цитаты для пользователей Safari

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

Идем в Настройки > Настройки сайта > Настраиваемые кнопки. Вы можете выбрать понравившуюся кнопку из библиотеки кнопок (отметить галочкой нужную, нажать "Добавить"), затем настроить, как вам нужно, либо создать новую, закачав картинку по вкусу или поименовав ее, как удобно (лично я вместо картинки пишу просто название кнопки).
Кнопка "цитата", содержащаяся в библиотеке, прописывает отступ <blockquote>, а не цитату.

Итак, вы добавили кнопку. Теперь в поле "Значение" пропишите <span class="quote_text">[maRk]</span>[cuRs], нажмите "Сохранить" и пользуйтесь на здоровье. Скопировали текст, вставили, жмете кнопку - тексту присваиваются теги цитаты.

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

01:14 

Если ваши ПЧ жалуются, что у них не работает тэг MORE в ваших записях...

...а вы уверены, что работать должно, то вам сюда :)

Довольно часто бывает так, что визуальный редактор (не обязательно, но чаще всего он) выдает кривой код, и в записях, созданных с его помощью, в некоторых браузерах (например, Mozilla Firefox) не работает тэг MORE. Это бывает грустно, особенно если под этим морем несколько десятков больших картинок.
Поговаривают, что это из-за рассинхронизации, но она у нас надолго, а надо как-то жить :)
Здесь я хочу показать, как избавиться от этой потенциальной проблемы.

Море работает через раз потому, что после открывающего тэга [MORE] стоит закрывающий тэг — чаще всего это </span> или </p>, но все остальные закрывающие тэги тоже могут быть причиной (в том числе и [/MORE], собственно поэтому море внутри моря не работает).

Я приведу пример записи с неработающим морем.
смотреть
код этой записи
Как видно из кода, сразу после открывающего тэга [MORE] стоит два закрывающих тэга </span> и один закрывающий тэг </div>. Визуальный редактор бывает коварен, закрывающих тэгов может быть несколько подряд :)
Я вынесу интересующий нас кусочек отдельно: </span>[MORE]</span></span></div>

Между ними могут быть пробелы, абзацы, любой другой текст (</span></span>[MORE]</span>любойтекст</div>), но результат от этого не изменится: море будет работать криво:
смотреть
код этой записи

Либо, если любойтекст стоит сразу после [MORE], то под море спрячется только он, что тоже грустно, потому что это чаще всего заголовок длинного текста.
Пример:
смотреть
код этой записи
Интересующий нас кусочек: </span></span></span>[MORE]любойтекст</div>


Для того, чтобы море заработало, нужно чтобы все тэги, открытые до моря, были закрыты тоже до моря.

То есть, нам нужно в HTML-редакторе переставить тэг [MORE] после всех закрывающих тэгов.

Вот что должно получиться:
смотреть
код этой записи
Интересующий нас кусочек: </span></span></span></div>[MORE]любойтекст

Если вы хотите как-то выделить фразу "читать дальше" (или то, что вы поставили вместо нее), заключайте в тэги только эту запись, а не весь тэг, вот так: [MORE=<u><b>читать дальше</b></u>][/MORE]

В принципе, ничего сложного. Если есть вопросы, задавайте :)

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

22:49 

Вставка ссылок

Котички
Не раз видела, что многие люди при вставке ссылок упорно юзают тег MORE, что не есть верно.
Пример правильно оформленной ссылки: Яндекс


Пример неправильно оформленной ссылки: Яндекс


В чем отличие? В первом примере, нажав на ссылку, мы сразу попадаем на нужную страницу, во втором сначала откроется ссылка, и только потом по ней можно будет перейти.
Ткнуть в ссылку еще раз не проблема, когда сидишь за компьютером, но не будем забывать, что множество людей пользуются мобильным интернетом, читая Дайри с телефонов и КПК. Когда они жмут ссылку, скрытую под тегом MORE, страница перегружается заново, и только после этого открывается скрытая под морем ссылка. Это неудобно и тратится трафик.
Чтобы вставить ссылку, нужно нажать кнопку (Вставить url).
Появится следующая надпись:

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

Вот и все. Вставляйте ссылки правильно, и ваши читатели, пользующиеся GPRS-ом, будут вам благодарны :)

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

22:38 

Несколько мелочей

Котички
Быстрая вставка тегов
Присваивать теги <b></b>, <u></u>, <i></i> можно не только с помощью кнопок, но и с помощью горячих клавиш.
Ctrl+B - жирный шрифт, Ctrl+I - курсив, Ctrl+U - подчеркнутый шрифт. Работает в Опере, IE, Мозилле.

Быстрая вставка изображений.
Берем ссылку, выделяем и при нажатой клавише CTRL либо ALT нажимаем кнопку (Вставить картинку..), ссылка получает теги картинки.
<img src="http://img-fotki.yandex.ru/getx/10000/photoface.168/funtry_288558_2_S1"/>


Если не открывается ссылка на чей-то дневник.
Если не открывается ссылка вида ник.diary.ru/p123456789.htm, возможно владелец дневника перешел на бесплатный аккаунт, в таком случае ссылки на его дневник перестают работать. В этом случае достаточно привести ссылку к виду diary.ru/~ник/p123456789.htm и она откроется.

@темы: Горячие клавиши, Добавление изображений, Теги оформления записи

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

главная