Ознакомьтесь с нашей политикой обработки персональных данных
  • ↓
  • ↑
  • ⇑
 
Записи с темой: теги оформления записи (список заголовков)
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-редактор, при просмотре в визуальном редакторе пропадает цвет тени, тень становится того же цвета, что и текст.

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

15:15 

Таблицы

Вопрос: Как спрятать часть таблицы под тег MORE?
Ответ: Используйте следующий код:

[MORE=<table border="1">
<tr><td>1</td><td>2</td></tr>
</table>]<table border="1">
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr>
</table>[/MORE]

Результат:

12
34
56

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

15:24 

Текст в два столбика

ArLe
Арлоло, админота,
администратор
и админотавр
Вопрос: Как сделать текст в два столбика?

Ответ: Вот так:



Получится:

Текст левой колонки Текст левой колонки Текст левой колонки Текст левой колонки Текст левой колонки Текст левой колонки Текст левой колонки Текст левой колонки Текст левой колонки Текст левой колонки
Текст правой колонки Текст правой колонки Текст правой колонки Текст правой колонки Текст правой колонки Текст правой колонки Текст правой колонки Текст правой колонки Текст правой колонки

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

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 и она откроется.

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

22:49 

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

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


Пример неправильно оформленной ссылки: www.yandex.ru


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

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

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

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

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]

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

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

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

главная