Мобильный LiveInternet Простые Рамки для выделения текста

Авторизация

Дневник Nastya_1986 Лента друзей - Дневник - Полная версия

Простые Рамки для выделения текста 28-03-2016 14:17 к комментариям - к полной версии - понравилось!

Это цитата сообщения просто__Ольга Оригинальное сообщение

Простые Рамки для выделения текста

[показать]
Простые Рамки для выделения текста

1. Шпаргалочка по тегам № 1

рамка имеет сплошную линию.

КОД - <div style="border:3px solid #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div>

рамка выделяется точками.

КОД - <div style="border:5px dotted #008E00;padding:10px;">ВАШ ТЕКСТ.</div>

рамка - пунктир.

КОД - <div style="border:3px dashed #FF0000;padding:10px;">ВАШ ТЕКСТ.</div>

вдавленная рамка

КОД - <div style="border:10px inset #8E006B;padding:10px;">ВАШ ТЕКСТ. </div>

выпуклая рамка

КОД - <div style="border:10px outset #009999;padding:10px;">ВАШ ТЕКСТ. </div>

рамка с двойной рамкой.

КОД - <div style="border:10px double #B2B300;padding:10px;">ВАШ ТЕКСТ.</div>

рамка с выемкой.

КОД - <div style="border:10px groove #69EFFB;padding:10px;">ВАШ ТЕКСТ. </div>

рамка в виде кромки.

КОД - <div style="border:10px ridge #E6FE80;padding:10px;">ВАШ ТЕКСТ.</div>

Кстати, все это можно комбинировать:

рамка - пунктир.

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

Поменять шрифт, цвет и размер шрифта для ссылки:

КОД - <a href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a> 1 - пример: Мой блог

КОД - <a style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">С точками</a> 2- пример: С точками

КОД - <a style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 3- пример: Пунктиром

КОД - <a style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 4- пример: трехмерная вдавленная

КОД - <table style="border-style: solid; border-width: thick; border-top-color: blue; <br /><br /><br /> <br />border-right-color: red; border-bottom-color: green; border-left-color: Yellow;"><tr> <td> <a href="АДРЕС СТРАНИЦЫ">Ваш текст</a></td> </tr><br /><br /><br /> <br /></table> 5- пример:

Ссылка в разноцветной рамке

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

Подчеркнутая ссылка

КОД - <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ссылка зеленого цвета, подчеркнутая красной чертой</span></a> 1- пример: Ваш текст

КОД - <a href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Задается аналогично ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom</a> 2- пример: Ваш текст

КОД - <a style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="http://taurass.com/blog.html">На цветном фоне</a> 3- пример: На цветном фоне

КОД - <span style="border-bottom: 2px dashed red;">Текст, подчеркнутый пунктиром</span> 4- пример: ВАШ ТЕКСТ

КОД - <span style="border-bottom: 3px dotted lime;">Текст, подчеркнутый пунктиром</span> 5- пример: ВАШ ТЕКСТ

КОД - <span style="border-bottom: double red;">Текст, подчеркнутый двойной чертой</span> 6- пример: ВАШ ТЕКСТ

КОД - <span style="border-style:dashed;"> Текст, окаймленный разноцветным пунктиром </span> 7- пример: ВАШ ТЕКСТ

КОД - <span style="border-style: double; padding:3px;">Текст в двойной рамке</span> 8- пример: ВАШ ТЕКСТ

КОД - <span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span> 9- пример: ВАШ ТЕКСТ
КОД - <span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span> 10- пример: Ваш текст в объемной 3D-рамке

КОД - <div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке </div>
7- пример:
ВАШ ТЕКСТ

Окошко для кодов.

1.

,где cols - ширина окошка в px, а rows - число строк в окне.

2.

-

3.

-

4.

Шаблон контейнера для вставки кода рамочек - с прокруткой

5.

Код обычного переключателя

Рамочки для текста

1.

Рамочка вокруг текста -

2.

[показать]Рамочка вокруг текста (разрыв слева)

3.

Рамочка вокруг текста (разрыв справа) [показать]

12.Картинки в записи

1.

[показать]Картинка слева от текста

2.

[показать]Картинка справа от текста

3.

[показать] Картинки по бокам текста [показать]

13.Картинки в Ряд:

2 картинка: [показать] [показать] -

3 картинки: [показать] [показать] [показать] -

4 картинки: [показать] [показать] [показать] [показать] -

5 картинок: [показать] [показать] [показать] [показать] [показать] -

Линии для оформления:

Линии

1)

<hr />

2)

<hr size="3" color="#FF0000" />

3)

<hr size="6" color="#000000" />

палитра цветов

Ещё уроки ЗДЕСЬ и ЗДЕСЬ
[показать]

[400x32]
[показать]

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Простые Рамки для выделения текста | Nastya_1986 - Дневник Nastya_1986 | Лента друзей Nastya_1986 / Полная версия Добавить в друзья Страницы: раньше»