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

Как спрятать часть текста в записи, чтобы его не было видно в ленте...

... но было видно комментирующим?

Для этого используется тег [МORE]:

1. Окружите часть текста тегом [МORE]
2. Отредактируйте первую часть тега следующим образом: [МORE= ] (знак равно, а после него - пробел!)
3. Вуаля!

P.S. Еще один вариант: [МORE=<spаn></spаn>]

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

12:55 

Как вставить картинку из сети так, чтобы она одновременно являлась ссылкой?



Пример:


Подойдет, в частности, для обмена баннерами между дневниками и сообществами.

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

13:49 

quirischa
администратор
(с капибарой на аватарке)
Если нужно выделить какой-нибудь абзац текста, а вспоминать, как делать таблицу с пустыми ячейками, -- лень, то можно использовать html-тэг <blockquote>.

----

Непримиримая вражда Катона Старшего к Карфагену вошла в историю вместе с его известной фразой:

И все таки Карфаген должен быть разрушен!


----

Непримиримая вражда Катона Старшего к Карфагену вошла в историю вместе с его известной фразой:

<blockquote>И все таки Карфаген должен быть разрушен!</blockquote>

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

14:57 

Порядок работы тега [MORE]...[/MORE]

ArLe
Арлоло, админота,
администратор
и админотавр
В разделе настроек сайта Просмотр дневников вы можете выбрать из трех опций:

[v] скрытая часть грузится одновременно со страницей;
[ ] скрытая часть показывается на странице с комментариями;
[ ] скрытая часть подгружается динамически;

В первом случае скрытый текст загружается вместе со страницей, и достаточно щелкнуть на «Читать дальше», чтобы его увидеть. Прочитав скрытый текст, вы можете двойным кликом по нему снова его спрятать.

Во втором случае после щелчка на «Читать дальше» вы будете перенесены на страницу комментариев к этой записи.

В третьем случае скрытый текст начнет загружаться только после щелчка на «Читать дальше» (вместо «Читать дальше» появится значок загрузки). Если ничего после этого долго не происходит, нажмите Ctrl+F5. В этом случае тоже можно снова спрятать запись двойным кликом.


По умолчанию стоит первая опция.

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

18:23 

Вставка в сообщение кода или необычных символов

Vasileff
Et d’un, tu vois ma lune; Et deux, vive la commune!
Если в текст записи или комментария нужно вставить какой-то html-код, то можно воспользоваться функцией Unicode. Вставляете требуемый код в поле записи или комментария, выделяете его, и Нажимаете соответствующую кнопку над полем.

Пример: Требуется вставить код:

<html> <head></head> <body></body> </html>

пишем его, и нажимаем на кнопку, получаем результат:

&#60;&#98;&#111;&#100;&#121;&#62;
&#60;&#104;&#101;&#97;&#100;&#62;&#60;&#47;&#104;&#101;&#97;&#100;&#62;
&#60;&#98;&#111;&#100;&#121;&#62;&#60;&#47;&#98;&#111;&#100;&#121;&#62;
&#60;&#47;&#104;&#116;&#109;&#108;&#62;

Так же использование этой функции может помочь при возникновении "Неизвестных ошибок", когда в тексте присутствуют необычные символы. В таком случае надо перевести их в Юникод.

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

23:08 

makcimko
Стране остро не хватает галоперидола
Если вы хотите написать текст со спецзнаками, а при отправке они считаются как служебные - воспользуйтесь кнопкой unicode.

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

Пример: рассказываем про теги [MORE=тут открытый текст]тут скрытый текст[/MORE], <a href="ссылка">альтернативный текст</a> и <img src="адрес картинки в Интернете">

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

22:40 

Картинка с обтекающим её текстом

Это все всего лишь иллюзия

справа <div align="center" style="float:right"><img src="Картинка"><font size="0.8em">«картинка справа»</font></div>
слева <div align="center" style="float:left"><img src="Картинка"><font size="0.8em">«картинка слева»</font></div>


Чтобы обтекающий текст не лепился вплотную к картине, нужно добавить атрибут hspace, например:
<img src="http://адрес картинки" align="left" hspace="20">
где вместо 20 - можно подставить любое значение



«картинка справа»

Авата́р, авата́ра, а́ва, также юзерпик (от англ. user picture — «картинка пользователя») — небольшое статичное или анимированное изображение (часто ограниченное размером в некоторое число пикселей), обычно не являющееся истинной фотографией пользователя. Отображается в профиле зарегистрированного пользователя форума или сайта. Может быть как фотографией, так и некой картинкой, которая отражает суть пользователя и помогает максимально правильно создать первое впечатление у собеседника.

Изготовление

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

«картинка слева»
С другой стороны получить качественную, красивую, запоминающуюся аватар-картинку достаточно сложно, поэтому существуют группы людей, изготовляющих аватары для других на заказ, существуют конкурсы на лучшие аватары и так далее. Некоторые типы аккаунтов ЖЖ позволяют пользователю иметь до 100 аватаров, поэтому спрос всегда растёт.

В связи с развитием всемирной сети, появления у пользователей более качественного доступа к Интернету, существует тенденция к увеличению размеров аватаров, что многими оценивается негативно


Так же для написания формул и прочей лабуды есть 2 тега:
повышающий <sup>текст</sup>
понижающий <sub>текст</sub>
так же их можно вкладывать друг в друга <sup>текст<sup>текст2<sup>текст3</sup></sup></sup>

повышающий: pen2
понижающий: Y11Y12+Y21Y22=YВложенно


Так же есть тег аббревиатуры <abbr title="HyperText Markup Language">ХТМЛ</abbr>
результат виден при наведении и удерживании курсора на тексе (должно появиться рашифрованное значение)

ХТМЛ


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

21:33 

ещё немного html

Сабико
100% sabiko. Please, hug, hold, feed, care for.
Чтобы сохранить
форматирование текста, все пробелы
и табуляции
можно заключить его в тег <pre>.


Ну и не забывайте при необходимости использовать списки.

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

15:47 

Может и пригодится кому

TIMEKILLER
Добрый Лев И бал Бабочек
Украшательства текста, используя для просмотра кодов символов команду пуск>выполнить>charmap: нажимаем нужный символ в появившемся окне с символами и видим его код, например зажимаем alt и набираем обязательно ­на кейпаде 176 (правая цифровая клавиатура) - получаем °

 • Суббота - 25°
• Воскресенье - 30°

© РосГидроМетЦентр


Ну и со временем запоминаем для быстроты пользования

ps бонус, еще и еще ускоряем бродилку в интернете:
Учите горячие клавиши и полезности типа:
• "windows"+R выполнить, команда iexplore (и полезная утила для прописи горячих клавиш, например ctrl+shift+e = C:\Program Files\Internet Explorer\IEXPLORE.EXE)
• ctrl+Enter при добавлении постов или комментариев
• tab/shift+tab; ctrl+tab/ctrl+shift+tab; alt+стрелки влево/вправо при перемещении по сайтам/вкладкам с сайтами, истории
• ctrl+A+X перед нажатием "отправить", а затем по надобности ctrl+V если функция "запись в черновик" на диари не помогает/не успевает
• ctrl+backspace для удаления по слову
• ctrl+W-закрыть, ctrl+R-обновить (до F5 уже лень дотягиваться)
• .... вощм, обращайтесь в комменты :)

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

22:36 

Об изменении вида ссылки и записи

Ω cito ex machina Ω воин-иррационалист
Чтобы одна из ссылок, в отличие от их дефолтного оформления, была определенного цвета цвета, следует воспользоваться добавления атрибута style="color: black;" к тегу <a href>.
Чтобы эта ссылка также не подчеркивалась, имеет смысл воспользоваться добавлением в тег style атрибута TEXT-DECORATION: none, так, как показано в соответствующем комментарии.

Чтобы полностью поменять цветной фон для какой-либо отдельной записи, нужно воспользоваться знаниями о таблицах в html. Например, сделав запись в таком виде: ТЕКСТ ЗАПИСИ
. В комментариях к этой записи добавляют, что в этом случае к тегу table разумно добавить width=100%, тогда нужный фон будет у всей записи целиком.

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

06:29 

Функция "Написать у себя".

ArLe
Арлоло, админота,
администратор
и админотавр
Вдруг кто-то еще не знает: эту функцию можно использовать для просмотра кода записи.

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

11:56 

Как слова сделать ссылкой

all you have to decide is what to do with the time that is given to you
На дайри есть кнопочки, одна из которых (рядом с зеленым деревцем)
"Вставить url"


нажмите на неё - появится тег <a href=""></a>

между кавычек прописывайте нужный адрес, например,
<a href="http://archive.diary.ru/"></a>

а перед тегом
пишите какой угодно текст
<a href="http://archive.diary.ru/"> другие дайри - Архивъ </a>

в результате получается:
другие дайри - Архивъ

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

20:59 

l e a v e m e a l o n e ! ! !
Вот вы написали что можно оформить текст так,чтобы буквы были всех цветов радуги, а как это сделать?

ответ:
1) использовать визуальный редактор (убедитесь, что в настройках отмечена эта опция). своими руками выбрать цвет для каждой буквы
2) при помощи сайта cmp.h14.ru/ написать там текст и получить готовый код.

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

17:17 

Оформление аватарок в виде красивых табличек

quirischa
администратор
(с капибарой на аватарке)
http://lj.indisguise.org/icontablegenerator.php

Все интуитивно понятно:
1. Выбирается дизайн (можно вводить свой)
2. Вводятся адреса аватарок
3. Создается код для вставки
4. ???
5. Profit



Пример результата:

001
002
003

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

01:17 

Легкий способ вставить невставляемый флеш

quirischa
администратор
(с капибарой на аватарке)
Легкий способ вставить невставляемый флеш

Сразу предпреждаю, что может работать не всегда, но уж если работает — то работает!

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

Вы вставляете данный код:



...и у вас, натурально, ничего не работает. Проницательный читатель, наверное, уже догадался, в чем тут дело, а для непроницательного я поясню: некоторые html-тэги, из которых состоит вставляемый код, обязательно требуют наличия закрывающегося тэга (типа такого: </blah>). Поэтому, если к предложенному сервером коду добавить закрывающий тэг </embed>:



...то вставляемый html-код станет исключительно правильным и вставится без всяких дальнейших проблем.


@темы: Вставка медиа-объектов, Теги оформления записи

01:37 

Отступы

И всё-таки творческий пёр прекрасен!
    Я долго мучилась, пытаясь сделать отступы первой строчки, как в ворде, потом научилась... Делюсь опытом, если в начале строчки вставить: &nbsp; то там появляется один пробел, если их вставить больше, то можно сделать вполне серьёзный отступ. Очень полезно для объемных постов и фанфиков.

или
Чтобы сохранить
форматирование текста, все пробелы
и табуляции
можно заключить его в тег <pre> </pre>

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

10:31 

Всплывающие подсказки

Ashley community
Вопрос: Как сделать, чтобы при наведении на ссылку выскакивала небольшая подсказка (описание ссылки)?

Ответ:


Содержание поста было отредактировано, чтобы соответствовать формату сообщества.

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

14:41 

Как вставить картинку превьюшкой

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

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

<a href="адрес картинки"><img src="адрес картинки" width="150px"></a>

Первый "адрес картинки" - это сама картинка, второй - это то, что мы будем видеть. width="150" - это ширина превьюшки в пикселях, ее можно варьировать по вашему вкусу. Можно задавать не ширину, а высоту - height.



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

[MORE=<img src="адрес картинки" width="150px">]<img src="адрес картинки">[/MORE]

То есть под морем прячем большую картинку, а прячем мы ее под картинку шириной 150 px!



Примечание: это не экономит траффик, просто помогает сделать ваши посты более красивыми и читабельными.

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

21:58 

Как дать ссылку на LJ юзера или сообщество

Dyavalenak
Сиреневая Сова
:) иногда возникает подобная потребность и, благодаря функции «Настраиваемые кнопки», теперь это можно делать очень просто:

Название: lj user
Иконка: http://static.diary.ru/images/openid/livejournal.gif
Значение:

Тест: orangelusik :right: [info]orangelusik

Название: lj community
Иконка: http://l-stat.livejournal.com/img/community.gif (тоже надо бы в БИ)
Значение:

Тест: orange_corner :right: [info]orange_corner

Как работает:
UPD :laugh: понадобился новый пункт для тех, кто не знает, как вообще эти кнопки устанавливать
:right: чтобы установить кнопку нужно зайти в меню Мои настройки :right: Настройки сайта: Настраиваемые кнопки (ссылка)
:right: Добавить новую кнопку: что вбивать в поля смотрите выше :laugh:
:right:сначала пишете имя юзера или названия сообщества, выделяете его и жмете на нужную кнопку;
:right:при выделении текста будьте внимательны, выделив лишний пробел, вы не добьетесь результата.
:ps: Не пугайтесь, код кнопки массивный, чтобы выглядело ближе к оригиналу:goodgirl:

Буду рада, если кому-то пригодится:shuffle:
Если кто-то взял, отпишитесь в комментах здесь или здесь
Кросспост приветствуется
Если вдруг будут выявлены баги или недочеты - говорите :rolleyes:

URL записи

Вопрос: ;)
1. спасибо  264  (100%)
Всего: 264

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

20:18 

Текст с тенью

Практической пользы в этом особой нет :D Исключительно для красоты, поздравить кого или привлечь внимание френдленты к посту.

Для того, чтобы сделать текст с тенью, используем следующий код:



Ваш текст

Цифры text-shadow означают сдвиг по горизонтали, вертикали и степень размытия. Положительные значения сдвигают вправо и вниз, отрицательные - влево и вверх.

Ваш текст

Ваш текст

Ваш текст

Обозначения цветов быстро можно посмотреть здесь или с помощью Яндекса.

Ахтунг! Используйте HTML-редактор, при просмотре в визуальном редакторе пропадает цвет тени, тень становится того же цвета, что и текст.

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

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

главная