Asket_na — @дневники: асоциальная сеть

понедельник, 04 августа 2014

23:36

Настройка Журнала Коды и Хитрости ЖЖ

Оригинал взят у

regularis_news в Настройка Журнала Коды и Хитрости ЖЖ

Нашёл интересную информацию которую подготовил человек явно грамотный и добрый Спасибо ему!

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Все теги ставятся в блог copy-paste‘ом
(В режиме «HTML», а не «Визуальный редактор» !!!

Оформление текста
(рекомендую спец. страничку Tекст):

Перечёркнутый текст: ~~ТЕКСТ~~
<s> ваш текст </s>
Подчёркнутый текст: ТЕКСТ

[Error: Irreparable invalid markup ('<textarea [...] ">') in entry. Owner must fix manually. Raw contents below.]

Оригинал взят у <lj user="regularis_news" /> в <a href="regularis-news.livejournal.com/45427.html"... Журнала Коды и Хитрости ЖЖ</a><div class="repost">Нашёл интересную информацию которую подготовил человек явно грамотный и добрый Спасибо ему!
<div class="repost"><div class="repost"><div style="text-align: center; "><img alt="144.42 КБ" height="252" src="www.ljplus.ru/img4/d/g/dgz/_Image-2.png"; width="685" /></div><lj-cut text="Далее...">
<div style="text-align: center;"><table align="center" background="www.ljplus.ru/img4/d/g/dgz/aaad99149b19.jpg&quo...; border="1" cellpadding="4" cellspacing="0" class="tb_bord_col" style="border: 1px solid rgb(192, 192, 192);"><tbody>
<tr>
<td style="border: 1px solid rgb(192, 192, 192); padding: 4px;"><table background="www.ljplus.ru/img4/d/g/dgz/f0ffd3b25b17.jpg&quo...; border="1" cellpadding="5" cellspacing="0" class="tb_bord_col" style="border: 1px solid rgb(192, 192, 192);"><tbody>
<tr>
<td align="center" style="border: 1px solid rgb(192, 192, 192); padding: 5px;" width="700"><div><font size="4"><font color="#000066"><img align="middle" alt="" border="0" class="post_img" height="125" src="content.foto.mail.ru/mail/gou2098/_animated/i-3...; width="124" /><span style="font-size: large;"><b><font face="Comic Sans MS">ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ </font></b></span></font></font></div><div style="text-align: center;"><span style="font-size: medium;"><strong><font color="#000066"><font face="Comic Sans MS">ВСЕ В ОДНОМ МЕСТЕ </font></font></strong>

<font color="#000066"><strong>Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.</strong></font></span></div><div style="text-align: left;">
<i>Все теги ставятся в блог <b>copy-paste</b>‘ом</i>
<span style="font-size: medium;"><i><strong><small>(В режиме «HTML», а не «Визуальный редактор»

</small></strong></i></span> <em><strong>!!!</strong></em>
<hr /><p><font size="+1"><font color="#008b8b">Оформление текста</font> </font>
(рекомендую спец. страничку <a href="htmlka.com/text/"; target="_blank">Tекст</a>

:</p><p><b>Перечёркнутый текст:</b> <s>ТЕКСТ</s>
<textarea cols="30" rows="1" width="60%""> <s> ваш текст </s></textarea>
<b>Подчёркнутый текст:</b> <u>ТЕКСТ</u>
<textarea cols="30" rows="1" width="60%""> <u> ваш текст </u></textarea>
<b>Полужирный текст:</b> <b>ТЕКСТ</b>
<textarea cols="30" rows="1" width="60%""> <b> ваш текст </b></textarea>
<b>Полужирный крупный:</b> <big>ТЕКСТ</big>
<textarea cols="30" rows="1" width="60%""> <big> ваш текст </big></textarea>
<b>Курсивный текст:</b> <i>ТЕКСТ</i>
<textarea cols="30" rows="1" width="60%""> <i> ваш текст </i></textarea>
<b>Маленький текст:</b> <small>текст</small>
<textarea cols="30" rows="1" width="60%""> <small> ваш текст </small></textarea>
<b>Неразрывный пробел:</b>
<textarea cols="20" rows="1" width="60%""> </textarea>
<b>Центрирование:</b></p>
<center>
текст (картинка) по центру</center>

<textarea cols="40" rows="1" width="60%""> <center>ваш текст (картинка) </center></textarea>
<b>Выравнивание текста по правому краю поста:</b>
<textarea cols="40" rows="1" width="60%""> <div align=right> ваш текст </div></textarea>
<b>Выравнивание текста по всей ширине поста:</b>
<textarea cols="40" rows="1" width="60%""> <div align=justify> ваш текст </div></textarea>
<b>Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):</b>
<textarea cols="40" rows="1" width="60%""> <blockquote> текст </blockquote> </textarea>
<b>Бегущая строка (рекомендую <a href="htmlka.com/begushhaya-stroka/"; target="_about">Бегущая строка</a>

:</b>
<marquee><span style="font-size: medium;"><span style="color: rgb(0, 0, 255);">бегущая, как коняшка, строка</span></span></marquee>
<textarea cols="40" rows="1" width="60%""> <marquee> ваша бегущая строка</marquee> </textarea>
<strong>Вместо текста можно вставить картинку:</strong>
<marquee><img alt="" src="dgzzz.ucoz.ru/avatar/150.gif"; /></marquee>
Код этой картинки:
<textarea cols="45" rows="1" width="60%""><marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee></textarea><p><b>Сноска вверху:</b> ТЕКСТ<sup>сноска</sup>
<textarea cols="30" rows="1" width="60%""> <sup>ваша сноска</sup></textarea></p><p><b>Сноска внизу:</b> ТЕКСТ<sub>сноска</sub>
<textarea cols="30" rows="1" width="60%""> <sub>ваша сноска</sub></textarea></p><p><b>Линия:</b></p><hr />ее код:<textarea cols="10" rows="1" width="60%""><hr></textarea>
<b>Ударение:</b>
Cтавим <i>после</i> нужной буквы:
<textarea cols="10" rows="1" width="60%"">́</textarea>
<b>«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):</b>
<pre>
Я
Пешу
Лесинкой!!!</pre>
<p><textarea cols="30" rows="1" width="60%""> <pre>ваш текст</pre> </textarea></p><p><strong><u><font color="#008b8b">РАЗМЕР ШРИФТА:</font></u></strong></p><p><b>Уменьшить текст:</b> <font size="-2">текст – 2</font>
<textarea cols="55" rows="1" width="60%""> <font size="-2"> уменьшенный текст </font> </textarea>
<b>Увеличить текст на 1 пункт:</b> <font size="+1">текст</font>
<textarea cols="55" rows="1" width="60%""> <font size="+1"> увеличить текст на 1 пункт </font> </textarea></p><p><b>Увеличить текст на 2 пункта:</b> <font size="+2">текст</font></p><p><textarea cols="55" rows="1" width="60%""> <font size="+2"> увеличить текст на 2 пункта </font></textarea></p><p><b>Увеличить текст на 3 пункта:</b> <font size="+3">текст</font></p><p><textarea cols="55" rows="1" width="60%""> <font size="+3"> увеличить текст на 3 пункта </font></textarea></p><p><b>Увеличить текст на 4 пункта:</b> <font size="+4">текст</font></p><p><textarea cols="55" rows="1" width="60%""> <font size="+4"> увеличить текст на 4 пункта </font></textarea></p><p><u><font color="#008b8b">ЦВЕТ ШРИФТА:</font></u></p><p><b>КРАСНЫЙ:</b> <font color="red">красный текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="red"> красный текст </font> </textarea>
<b>ЖЕЛТЫЙ:</b> <font color="yellow"> желтый текст </font>
<textarea cols="55" rows="1" width="60%""> <font color="yellow"> желтый текст </font> </textarea>
<b>ФИОЛЕТОВЫЙ:</b> <font color="purple">фиолетовый текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="purple"> фиолетовый текст </font> </textarea>
<b>ЗЕЛЕНЫЙ:</b> <font color="lime">зеленый текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="lime"> зеленый текст </font> </textarea>
<b>СИНИЙ:</b> <font color="navy">синий текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="navy"> синий текст </font> </textarea>
<b>ФУКСИЯ:</b> <font color="fuchsia">фуксия текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="fuchsia"> фуксия текст </font> </textarea></p><p>Таблица «базовых» цветов (вводим «Имя» или «Код»

:</p>
<table border="1" cellpadding="5" cellspacing="0"><tbody>
<tr>
<th>
Имя</th>
<th>
Код</th>
<th>
Имя</th>
<th>
Код</th>
<th>
Имя</th>
<th>
Код</th>
<th>
Имя</th>
<th>
Код</th>
</tr>
<tr>
<td>aqua</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 255, 255); color: rgb(0, 0, 0); font-family: monospace;">#00FFFF</td>
<td>green</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 128, 0); color: rgb(255, 255, 255); font-family: monospace;">#008000</td>
<td>navy</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 0, 128); color: rgb(255, 255, 255); font-family: monospace;">#000080</td>
<td>silver</td>
<td style="background: none repeat scroll 0% 0% rgb(192, 192, 192); color: rgb(0, 0, 0); font-family: monospace;">#C0C0C0</td>
</tr>
<tr>
<td>black</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: monospace;">#000000</td>
<td>gray</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 128, 128); color: rgb(255, 255, 255); font-family: monospace;">#808080</td>
<td>olive</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 128, 0); color: rgb(255, 255, 255); font-family: monospace;">#808000</td>
<td>teal</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 128, 128); color: rgb(255, 255, 255); font-family: monospace;">#008080</td>
</tr>
<tr>
<td>blue</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 0, 255); color: rgb(255, 255, 255); font-family: monospace;">#0000FF</td>
<td>lime</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 255, 0); color: rgb(0, 0, 0); font-family: monospace;">#00FF00</td>
<td>purple</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 0, 128); color: rgb(255, 255, 255); font-family: monospace;">#800080</td>
<td>white</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: monospace;">#FFFFFF</td>
</tr>
<tr>
<td>fuchsia</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 0, 255); color: rgb(0, 0, 0); font-family: monospace;">#FF00FF</td>
<td>maroon</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 0, 0); color: rgb(255, 255, 255); font-family: monospace;">#800000</td>
<td>red</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 0, 0); color: rgb(255, 255, 255); font-family: monospace;">#FF0000</td>
<td>yellow</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 255, 0); color: rgb(0, 0, 0); font-family: monospace;">#FFFF00</td>
</tr>
</tbody></table><div class="entry"><ul>
<li><a href="www.artlebedev.ru/tools/colors/"; rel="nofollow" target="_blank">Таблица безопасных цветов</a></li>
<li><a href="www.ficml.org/jemimap/style/color/wheel.html&qu...; rel="nofollow" target="_blank">Все цвета Интернета</a><p><a href="yandex.ru/yandsearch?text=%D0%A7%D0%B5%D1%80%D0... alt="" border="0" src="cg.f.yandex.net/cmdiPTFhNDc4MCZ0ZXh0PSVEMCU5RCV...; /></a></p><p><u><font color="#008b8b">ВИД ШРИФТА:</font></u></p><p><font face="Monotype Corsiva" size="+1">Шрифт этого текста «Monotype Corsiva»</font>
<textarea cols="50" rows="1" width="60%""> <font face="Monotype Corsiva"> текст </font> </textarea>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
<font color="fuchsia" face="Monotype Corsiva" size="+2">Шрифт этого текста «Monotype Corsiva»</font>
код этого текста:
<textarea cols="50" rows="2" width="60%""><font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font> </textarea></p><p><font color="#008b8b" size="+1">Оформление ссылок</font>
(рекомендую спец. страницу <a href="htmlka.com/ssylki">Ссылки</a>

:</p><p><b>Как вставить ссылку на веб-страницу:</b>
<textarea cols="55" rows="1" width="60%""><a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a></textarea>
<b>Как сделать, чтобы картинка была ссылкой на веб-страницу:</b>
<textarea cols="55" rows="1" width="60%""><a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a></textarea>
<b>Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:</b>
<textarea cols="55" rows="1" width="60%""><a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> </textarea></p><hr /><p><img align="left" alt="" hspace="8" src="img2.pict.com/84/a2/d6/95e0870783eef2c56dd73e92...; /><font color="#008b8b" size="+1">Спец. теги ЖЖ:</font></p><p>Элементарный жж-кат (с “Read more&rdquo

:
<textarea cols="30" rows="1" width="60%""><lj-cut> ТЕКСТ </lj-cut></textarea>
<font size="+1"><font color="#008b8b">Публикация картинок: </font> </font>
<strong>По картинкам смотрим здесь:</strong>

<a href="htmlka.com/pictures"; target="_blank">htmlka.com/pictures</a></p><hr /><b>Окошечко для вставки кода</b>, типа:
<textarea cols="50" rows="2"> ВАШ КОД </textarea>
получаем так:
<textarea cols="50" rows="1"><textarea rows="2" cols="60"> ВАШ КОД </textarea></textarea>
где <b>rows</b> и <b>cols</b> определяют площадь окна<p>Можно сделать покрасивше:</p><p><textarea style="border: 2px solid black; background-color: dodgerblue; color: white; width: 100%;"> <textarea>ВАШ КОД</textarea></textarea></p><p><textarea cols="50" rows="3" width="60%"><textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ </textarea></textarea></p><p><b>Кнопка-ссылка на веб-страничку</b>
Например, на эту:</p>
<form action="dgz.livejournal.com/1005696.html"; method="get" target="_blank">
<input type="submit" value="htmlka" /></form>
<p><textarea cols="50" rows="2" width="60%""><form action="dgz.livejournal.com/1005696.html"; target="_blank" method="get"><input type="submit" value="htmlka"></form></textarea></p><p><b>Некоторые спецсимволы:</b></p><table border="2" cellpadding="4" width="30%"><tbody>
<tr>
<td align="center">Спецсимвол</td>
<td align="center">Вид в браузере</td>
</tr>
<tr>
<td align="center"><</td>
<td align="center"><</td>
</tr>
<tr>
<td align="center">></td>
<td align="center">></td>
</tr>
<tr>
<td align="center">&</td>
<td align="center">&</td>
</tr>
<tr>
<td align="center">"</td>
<td align="center">"</td>
</tr>
<tr>
<td align="center">®</td>
<td align="center">®</td>
</tr>
<tr>
<td align="center">™</td>
<td align="center">™</td>
</tr>
<tr>
<td align="center">©</td>
<td align="center">©</td>
</tr>
<tr>
<td align="center">♥</td>
<td align="center">♥</td>
</tr>
<tr>
<td align="center">×</td>
<td align="center">×</td>
</tr>
<tr>
<td align="center">≈</td>
<td align="center">≈</td>
</tr>
<tr>
<td align="center">•</td>
<td align="center">•</td>
</tr>
<tr>
<td align="center">°</td>
<td align="center">°
<small>(градус)</small></td>
</tr>
<tr>
<td align="center" colspan="2"><a href="www.digitalmediaminute.com/reference/entity/ind...; rel="nofollow" target="_blank"><b>много символов</b></a></td>
</tr>
</tbody></table><p>Если вы видите это:


Запомнить