Уникальный справочник цветов, а так же, все о цветах и оттенках

Табличка - Коды цвета

Коды HTML для оформления постов, блогов

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта, как убрать под кат,цвет шрифта,слайд-шоу и т.д.

ИТАК... <b>ВАШ ТЕКСТ</b> Полужирный текст <i>ВАШ ТЕКСТ</i> Выделение текста курсивом <u>ВАШ ТЕКСТ</u> Подчёркнутый текст <s>ВАШ ТЕКСТ</s> Зачёркнутый текст маленький текст <small>ВАШ ТЕКСТ</small> маленький текст Уменьшить текст <font size="-2">текст</font> текст - 2 Увеличить текст+1: <font size="+1">текст</font> текст + 1 Увеличить текст+2: <font size="+2">текст</font> текст + 2 Увеличить текст+3: <font size="+3">текст</font> текст + 3 Увеличить текст+4: <font size="+4">текст</font> текст + 4 КРАСНЫЙ: <font color="red">текст</font> красный текст ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст ЗЕЛЕНЫЙ: <font color="lime">текст</font> зеленый текст КОРИЧНЕВЫЙ: <font color="maroon">текст</font> коричневый текст ГОЛУБОЙ: <font color="aqua">текст</font> голубой текст СИНИЙ: <font color="navy">текст</font> синий текст ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст текст по центру <center>ВАШ ТЕКСТ</center> текст (картинка) будет по центру бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee> бегущая влево бегущая вправо строка <marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправобегущая от края к краю строка <marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю текст с правого краю в две строчки с выравниванием справа <div align=right>ВАШ ТЕКСТ</div> текст с правого краю в две строчки с выравниванием слева <div align=left>ВАШ ТЕКСТ</div> Сноска сверху ТЕКСТ<sup>сноска</sup> ТЕКСТ сноска сноска снизу ТЕКСТ<sub>сноска</sub> ТЕКСТ сноска список. /жирная точка спереди/ <ul><br /><br /><br /> <li>ВАШ ТЕКСТ<br /><br /><br /> </li><li>ВАШ ТЕКСТ<br /><br /><br /> </li></ul> Во-первых - все козлы, один я иван-царевич! Во-вторых - как вам нравится это во-первых? Другой такой пункт "закрепитель" текст остается таковым, каким вы его пишете <pre>ВАШ ТЕКСТ</pre> Я пишу как хочу!!! текст со всплывающей подсказкой <acronym title="то, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym> Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. <blockquote>ВАШ ТЕКСТ</blockquote> Процитированый в отдельном блоке текст у которого будет небольшой отступ слева. предложение с отступом в абзаце <p style="text-indent: 40px">ВАШ ТЕКСТ</p> Привет! В этом абзаце первое предложение будет с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. скользящий вверх текст <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> скролящийся вверх текст с полезной информацией или ещё какой-то ерундой скользящий вних текст с такой же ерундой ))) <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> или ещё какой-то ерундой информацией текст с полезной скролящийся вниз ну и еще, если например хотите дать ссылку на что-либо /к примеру ссылку на мой дневник=)/, то ставите <b><a href="ссылка">ВАШ ТЕКСТ к примеру, мой дневник</a></b> получается: МОЙ ДНЕВНИК НА ЛИРУ непосредственно на ЛиРу, если у вас большой пост или много фоток в посте, можно его убрать под кат, посередине поста ставите [more=ТЕКСТ ДЛЯ ПЕРЕХОДА] ставите /без звёздочки/, при нажатии на который, посетитель вашего дневника перейдет в ваш дневник непосредственно на пост целиком. Как сделать рисунок ссылкой? Для того, чтобы поместить картинку, которая уже лежит где-то в интернете, надо написать следующее (без звёздочки): <*img src="адрес картинки"> где "адрес картинки" - полный адрес (http:// и т.д.) 2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов [url] (или ) и можно использовать натуральные HTML теги: <*a href="адрес ссылки">Имя ссылки<*/a> где "адрес ссылки" - полный адрес (http:// и т.д.) 3. Для того, чтобы поместить картинку, которая будет являться ссылкой, надо объединить пункты 1 и 2: <*a href="адрес ссылки"><*img src="адрес картинки"><*/a> P.S. И не забудьте, что символ "звёздочка" ("*") везде необходимо удалить. Сделать слайд-шоу Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами. Движение снизу вверх <marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee> Движение сверху вниз <marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee> Движение справа налево <marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee> Движение слева направо <marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee> Порядок действий: 1.Загрузите нужное количество картинок на сервер 2.Определитесь с направление и добавляйте код. Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки. 100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна. scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения. Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней. Примеры: Движение снизу вверх Движение сверху вниз Движение справа налево Движение слева направо

Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок

Этот урок для новых моих читателей, начинающих, только что пришедших. Они сразу сталкиваются с самой главной проблемой - не знают как вставить в комментарий под постом картинку-благодарность. Мучаются, переживают из-за этого. По крайней мере, ко мне за последнюю неделю обратилось очень много читателей. У меня в рубрике есть пост по этому вопросу, но он уже устарел. И поэтому я вам сейчас еще раз объясню, как это легко делается. ВСТАВЛЯЕТСЯ КАРТИНКА - БЫСТРО И ПРОСТО! Возьмем для примера вот этот cуперский смайлик, который кто-то захочет вставить мне в комментарий.

смотрим и читаем внимательно

УРОК Как ВЗЯТЬ КОД КАРТИНКИ для ЛИРу

ИДУ НА САЙТ в ПОИСКОВИКЕ НАБИРАЮ ЧТО МНЕ НУЖНО
Читать далее...

КАК НАДПИСЬ СДЕЛАТЬ ССЫЛКОЙ КОТОРАЯ ВЕДЕТ НА ДРУГОЙ САЙТ.

Увидела у  пользователя Li.ru  ссылка вставлена в надпись и решила  сделать урок, кто научился вставлять ссылку в картинку ,то для него это будет сделать легко. Как надпись сделать ссылкой которая ведет на другой сайт.  Идем в расширенный редактор нажимаем кнопку редактировать открывается окно пишем текст НАЖМИТЕ НА МЕНЯ

 Выделяем текст синим цветом  [проводим по тексту мышкой  от начала до конца] текст выделяется синим цветом,  нажимаем на кнопку вставить редактировать ссылку, открывается окно ,туда вставляем ссылку,  нажимаем ок 

.

интересно узнать результат, что у вас получилось,напишите в комментариях.
НАЖМИТЕ НА МЕНЯ 

Сделать текстовую ссылку - это элементарно!
[ url=ваша ссылка ]ТЕКСТ ССЫЛКИ[ /url ]
Скопируйте указанный код.
Там где слова "ваша ссылка" поставьте собственно адрес ресурса, на который ссылаетесь, например: http://www.liveinternet.ru/users/2670115/profile. Обратите внимание, что ссылка должна начинаться с http.
Далее, там где "текст ссылки" напишите собственно свой текст.
Внимание! Самое главное! Удалите пробелы после первой квадратной скобки, перед второй квадратной скобкой, после третьей квадратной скобки и перед четвертой! Удалите только пробелы, не задевая символы!
Вот как будет выглядеть готовая текстовая ссылка:
Дневник Душицы

Как быстро вставить в пост на ЛиРу картинку из Интернета

Как быстро вставить в пост на ЛиРу любую картинку из Интернета, из альбома на Яндекс-фото, или ЛиРу? Многие читатели моего дневника, пришедшие на ЛиРу совсем недавно (как впрочем и я), в основном из за закрытия блогов на майле, не знают, как можно быстро, и не прописывая никаких кодов, вставить картинку в свой пост. Для этого надо всего лишь получить ссылку на фотографию (то есть ее адрес) и вставить ее в расширенном или простом редакторе. Картинку можно брать из любого альбома или с любой интернет-страницы.

Делаем кликабельную ссылку с помощью панели спецкода.

ДЕЛАЕМ НАДПИСЬ НА КАРТИНКЕ.

Скопируйте эту формулу и вставьте СВОИ параметры ЛЮБОЙ картинки!
Если вам надо опустить чуть ниже текст
то перед текстом нужно поставить несколько вот таких тегов<br />
<center><table background="АДРЕС КАРТИНКИ РАДИКАЛ-1"><tr><td width="ширина картинки" height="высота картинки"><center><font face="шрифт текста"><font size="4"><font color="#000000"><b>Ваш текст</b></font></font></font></center></td></tr></table></center>
Значения в кавычках можно менять.

Например, размер букв font size="4". Если цифру 4 изменить на большую, то и буквы в тексте станут больше, если поставить цифру меньше, то и размер букв станет меньше. Цвет букв font color="#000000". Если вместо 000000 (так обозначается черный цвет), поставить ffffff (так обозначается белый цвет), то и буквы станут белого цвета. Шрифт написания букв face="Monotype Corsiva". Если вместо названия шрифта Monotype Corsiva написать Arial или Georgia то написание букв изменится.
Теги center - картинка или текст располагаются по центру.

ПРИВЕТИК!

ЖЕЛАЮ УДАЧИ!

Дневник Nataliya_Bezyshko

Несколько вариантов оформления своих фото,картинок

Предлагаю вам друзья несколько вариантов обрамления ваших фото, картинок обводкой, тенью. Под каждым вариантом я проставила коды. На скрине ниже, я отметила, что в кодах можно менять. Одно единственное - цвет обводки. Больше ничего. И подчеркнула для начинающих пользователей, куда вставлять адресную ссылку на свою картинку. Для начала я взяла вот эту картинку-пейзаж, у которой и ширина и высота одинакова - 500px. И поэтому начиная с первого варианта по четвертый включительно, в кодах ничего больше не меняйте, кроме цвета обводки и вставки адресной ссылки на своё изображение. В пятом и шестом варианте размер картинки не имеет значения. Всё-равно будет так, как стоит у меня. В дальнейшем я выставлю урок, как получить такие формы обрамления, если width и height (ширина и высота) изображения имеет разные значения, и как вставить такие варианты в обычную рамочку для текста. Почему я это подчеркиваю? Да просто, если вы в приведенные мною ниже коды вставите фото, которое имеет ширину 500px, а высоту, например 340px... то верхние 4 варианта получатся немного искаженные. Поэтому для начала возьмем попроще, равные величины. А потом уже будем учиться сложностям. Согласны? Так же рассмотрим вариант как можно будет подписать такую картинку без фотошопа, ведь многие еще не владеют им. Поздравить друга к примера или подружку. Да, чуть не забыла. Картинки на прозрачном фоне тоже можно вставлять. Не забывайте только подбирать цвет обводки под ваши работы.. Ну вот для начала пока все. Пользуйтесь на здоровье. Будут вопросы, пожалуйста...задавайте. Первый вариант <img alt="" src="https://img-fotki.yandex.ru/get/9092/39663434.46d/0_9155c_e3579c0a_L.jpg" style="border: 2px solid #A10048; border-radius: 50%; box-shadow: 0px 0px 20px black;" />

далее скрин и остальные варианты

Напоминаю,как сделать слайд-шоу своих фото,картинок

Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение справа налево



Вот тут на скрине видно, коды картинок идут один за другим без пробелов

далее

Основные стандартные шрифты

Иногда для того,чтобы украсить Вашу запись нужно совсем немного,
например использовать какой- необычный ШРИФТ.
Скопируйте из окошка понравившийся Вам шрифт,
при необходимости поменяйте цвет и размер шрифта.
Вот и все!!!

Palatino Linotype Мне бы домик около Парижа <font face="Palatino Linotype" size="5"><font color="#0E3E5D"><i><b>шрифт Palatino Linotype</b></i></font></font> Monotype Corsiva Мне бы домик около Парижа <font color="#196C1B" face="Monotype Corsiva" style="font-size:24px"><i><b>шрифт Monotype Corsiva</b></i></font> шрифт Arial Мне бы домик около Парижа <font color="#B61119" face="Arial" style="font-size:20px"><i><b>шрифт Arial</b></i></font> Comic Sans MS Мне бы домик около Парижа <font face= "Comic Sans MS" color="#20147B" style="font-size:20px"><i><b>шрифт Comic Sans MS</b></i></font> шрифт Georgia Мне бы домик около Парижа <font color="#3D5F11" face="Georgia" style="font-size:20px"><i><b>шрифт Georgia</b></i></font>

Делаем самую простую кликабельную кнопочку с надписью.

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

http://my.mail.ru/community/blog_galina.lena/73DD5DFB9CB79AA9.html

ТРИ СПОСОБА СДЕЛАТЬ НАДПИСЬ НА ФОТО

(СМОТРЕТЬ ЗДЕСЬ)

Как вставить код любого изображения в аккуратную рамку (урок)

Большинство из вас выставляют посты с картинками, анимацией и т.д. А под ними коды. Коды бывают разные... Мне например, не нравятся некоторые из них - широкие, некрасивые и не аккуратные. Хочу вам предложить коды, которые я использую постоянно. А нужно это вам или нет, решайте сами. Вот код окошка, в которое вставляется код: <input type='text' size='35' value='<ВАШ КОД>'>

Читать далее...

Учимся делать свои банеры.

Как убрать часть сообщения под кат?

Итак, о вечном)). Как убрать сообщение под кат? Если у вас очень длинный текст или много-много фотографий, то читать в общей линейке дневника вашим читателям его будет неудобно - займет много места. Соответственно, чтобы сделать вид дневника более компактным и облегчить читателям поиск и просмотр сообщений, часть длинного поста убирают под кат. Так принято, это своего рода правило хорошего тона в блогосфере).
Для того, чтобы скрыть часть сообщения, переходим на английскую раскладку клавиатуры (сочетание клавиш Alt+Shift или Ctrl+Shift, на разных компьютерах по-разному), находим квадратные скобки (они на русских буквах Х и Ъ), далее печатаем квадратную скобку: [
Далее сразу после этой квадратной скобки БЕЗ ПРОБЕЛА печатаем слово MORE. Далее - закрываем это слово в другую квадратную скобку: ]
Опять-таки, без пробелов.
А далее повторяем то же самое в самом конце поста.
Вот и готово! Теперь у вас при просмотре ленты сообщений там, где ваш пост, будет только его начало, а далее появится ссылочка "Читать далее". Это значит, что вы все сделали правильно).