Обводка текста и картинки рамочкой .

Четверг, 27 Апреля 2017 г. 00:35 + в цитатник

Цитата сообщения MANGIANA

Прочитать целиком В свой цитатник или сообщество!

Обводка текста и картинки рамочкой

Здесь будет ваш текст

<blockquote style="BORDER-LEFT: #F70000 8px solid; padding: 15px; BORDER-TOP: #119931 8px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 8px solid; padding: 15px;BORDER-RIGHT: #924E96 8px solid" padding:="padding:" 15px="15px"><center><span style="font-family: Arial; color: #000000; font-size: 18px;"><b>Здесь будет ваш текст</blockquote>

Цвет сторон рамочки и их толщину можно менять по своему вкусу

//Формула рамочки из инета//

Если вас устраивает тот фон который есть у вас на страничке, а пост просто хочется как-то выделить, можно выделить рамкой, а уж какой край будет у рамки выбирайте сами по НАЗВАНИЮ.

Копируем код и вставляем к себе в блог в Простом редакторе. Там где написано ВАШ ТЕКСТ
- Вставляете свой текст.
Ещё в коде можно поменять цвет рамки.
Находим вот такой значок,он обозначает цвет#FFFACD и меняем цвет на тот, который подходит вам.
Выбираем цвет.

solid - край рамки имеет сплошную линию.
КОД solid<div style="border:3px solid #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div>

dotted - край рамки выделяется точками.
КОД dotted<div style="border:5px dotted #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div>

dashed - край рамки - пунктир.
КОД dashed<div style="border:3px dashed #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div>

inset - край рамки получается вдавленным.

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

outset - край рамки получается выпуклым.
КОД outset<div style="border:10px outset #FFFACD;padding:10px;">ВАШ ТЕКСТ. </div>

double - край рамки с двойной рамкой.
КОД double<div style="border:10px double #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div>

groove - край рамки с выемкой.

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

ridge - край рамки выделяется в виде кромки.
КОД ridge<div style="border:10px ridge #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div>

дневник Милолика Покровская - www.liveinternet.ru/users/3687440/profile

********************************************************

ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Zomka)

Есть у нас картинка

вот её код

<img title="вишенки" src="http://wordwoman.ru/wp-content/uploads/2010/03/0216ps_8.jpg" alt="" hspace="15" vspace="10" width="186" height="250" >

просто вставляем внутрь этого кода вот этот тег

style="border:5px solid red;"

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

Вот так будет выглядеть новый код

<img title="вишенки" src="http://wordwoman.ru/wp-content/uploads/2010/03/0216ps_8.jpg" alt=""style="border:5px solid red;" hspace="15" vspace="10" width="186" height="250" >

а так новая картинка

она у нас обрела рамочку!! Толщину регулируем цифрой там где у нас 5 px а цвет- меняем слово red (красный) на другое по табличке

найдено здесь: kantemiirina.ya.ru/replies.xml?item_no=4080

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 33 - Карта сайта LiveJournal + ЖЖ-теги: шпаргалка //Кат, ссылки, форматирование текста и другое /
Часть 34 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ // Как в ЖЖ сделать пост цитируемым + Коды для музыки и плейлистов в ЖЖ
Часть 35 - Обводка текста и картинки рамочкой
Часть 36 - "БЕГУЩАЯ СТРОКА" И СЛАЙД-ШОУ СВОИМИ РУКАМИ
Часть 37 - КРАСИВЫЕ ШАБЛОНЫ ДЛЯ ВСТАВКИ МУЗЫКАЛЬНЫХ ПЛЕЕРОВ ОТ lana lanochka
Часть 38 - Flash-uploader

Серия сообщений "Создание рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Обводка текста рамочкой
...
Часть 11 - Генераторы!!! Четыре в одном!
Часть 12 - ШАБЛОНЫ 2-Х СЛОЙНЫХ РАМОЧЕК
Часть 13 - Обводка текста и картинки рамочкой

Серия сообщений "Палитра цветов":
Часть 1 - ПАЛИТРА ЦВЕТОВ ( I часть) Цвета: жёлтый, сиреневый, фиолетовый, розовый, красный
Часть 2 - ПАЛИТРА ЦВЕТОВ ( II часть) Цвета: сиреневый, фиолетовый, синий, зелёный, жёлтый
...
Часть 11 - БЕСПЛАТНАЯ ПРОГРАММА PAINT.NET
Часть 12 - Цветосмеситель
Часть 13 - Обводка текста и картинки рамочкой
Часть 14 - Хитрости инструментов Photoshop. Пипетка за пределами программы.