Бесподобный салат с говядиной и морковью по-корейски - (0)
Стильный объемный свитер оверсайз: два варианта вязания узора «Косы» - (0)
Гладим вещи правильно: секреты работы с утюгом - (0)
Цветоводство Хоста (Hosta Tratt.) - (0)
Как отбелить пластиковый подоконник от пятен, жира, грязи без разводов за 5 минут - (0)
Границы HTML: свойство border Границы html задаем при помощи свойства border. Border з...
Как создать таблицы HTML - (0)Как создать таблицы HTML Таблицы помогают структурировать контент, доносить более наглядно и...
как сбросить настройки мыши в Windows 11 и 10 - (0)Урок 2030: как сбросить настройки мыши в Windows 11 и 10 В ходе экспериментов с различными настр...
Как подключить и настроить VPN на телефоне с Android - (0)Как подключить и настроить VPN на телефоне с Android В наше время безопасность в интернете — один...
Цветочный узор спицами! - (0)Цветочный узор спицами! Раппорт 10 петель и 20 рядов Количество петель кратно 10 +1 +...
Зимняя рамочка!!! |
|
Осенние рамочки (2,3,4 с музыкальными плеерами) |
|
Рамочки-блокнотики/записные книжки для текста и объявлений. |
|
Как выделить часть текста в рамку |
Выделение текста рамкой и оформление на заданном цветном фоне
Любому из веб мастеров в своих статьях бывает необходимо выделить какую-то часть текста в рамку. Текст будет более заметным, читатели обращают внимание на такие выделенные записи. Сегодня мы рассмотрим наиболее простые способы выделения текста в рамку. Вы сможете выделить любую часть текста или весь текст на странице, а также узнать, как выделить текст на заданном Вами фоне. Итак приступим:
Точечная рамка, заключить текст в этом коде:
<div style="border:5px dotted #0e5198;padding:10px;">ваш текст</div>
Заключить текст простой линией в этот код:
<div align="center" style="border: 1px solid #9b089e;">ваш текст</div>
Это рамка с измененными размерами border:10 px и цветом solid #9b089e;
Код для выделения текста сплошной линией
<div style="border:3px solid #000000;padding:10px;">ваш текст</div>
Пунктирная рамка
<div style="border:3px dashed #0e5198;padding:10px;">ваш текст</div>
Края рамка вдавленные
<div style="border:10px inset #ff9900;padding:10px;">ваш текст</div>
Выпуклые края рамки
<div style="border:10px outset #054f04;padding:10px;">ваш текст</div>
Двойная рамка
<div style="border:10px double #0a9e08;padding:10px;">ваш текст</div>
Края рамки выемкой
<div style="border:10px groove #047AFE;padding:10px;">ваш текст</div>
Края рамки в виде кромки
<div style="border:10px ridge #8b00ff;padding:10px;">ваш текст</div>
Такая рамочка с краями кромкой
<div style="border:10px ridge #FFFACD;padding:10px;"><div style="text-align: center; font-size: 20px Arial;font-style: italic; color: #000000; padding:2px;">ваш текст</div></div>
Этот стиль CSS вставляется в шаблон, изменить шаблон: Ваш текст будет выделен на заданном Вами фоне, как у меня здесь. Вы так же можете установить фон для всей страницы. Найти в шаблоне после тэга <head> строку <b:skin> ... </ b:skin>,нажмите на стрелку слева.
Прокрутите вниз и находите строку ]]></ b:skin>
Выше этой строки вставляете код ниже
.code 1 {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;background : #f3f3f3;
border-top : 1px solid #E3E3E3; цвет границы
border-right : 1px solid #E3E3E3; цвет гранцы справа
border-bottom : 1px solid #E3E3E3; цвет нижней границы
border-left : 1px solid #E3E3E3; цвет границы слева
border-radius: 5px; размер рамки
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
Вы можете вставить в шаблон и использовать несколько стилей CSS. Измените только code2; code3; code4; и.т.д. вставьте другие цвета и размеры. Затем, когда напишите текст, заключите его в редакторе сообщений, нажав на вкладке HTML в следующем коде
<div class="code1"> ваш текст </div>
|
|
Чем пахнет зима... |
|
Рамочки зимние 7 штук |
Серия сообщений "зимняя ч.2":зимняя ч.2
Часть 1 - Рамочка Новогодняя красота
Часть 2 - Рамочка "Новогодний бал"
...
Часть 30 - Рамочка зимняя Пейзаж
Часть 31 - Декабрь уводит дни за поворот...
Часть 32 - Рамочки зимние 7 штук
|
последние в этом году рамочки с осенним фоном |
|
рамочка с осенним пейзажем |
|
рамочка Осень |
|
Рамочка для текста № 54. ОСЕНЬ |
Размер картинки можно вставлять 700 пикселей в ширину, если будете использовать кнопочку далее. А если будете использовать прокрутку текста, то размер картинки можно вставлять в ширину только 680 пикселей.
|
Благодарю за цитирование и нажатие кнопочки "Нравится".
|
Рамочка для текста "Для рукодельниц № 1" от Beauti_Flash |
|
Рамочка для текста "Для рукодельниц № 5" от Beauti_Flash |
|
|
Рамочка для текста "Для рукодельниц № 4" от Beauti_Flash |
|
|
Рамочка для текста "Для рукодельниц № 3" от Beauti_Flash |
|
|
Вина - Наливки | Рамочка |
|
кулинарная рамочка"Простые и вкусные рецепты" |
|
рамочка весенняя |
|
Рамочки фруктово-ягодные |
|
рамка будь здоров |
|
рамка не болей |
|
|
рамка будь здоров |
|
Рамочка цветочная |
|
Рамочка "Хорошо на даче летом..." |
|
рамочка"Садовые хитрости и секреты" |
|
рамочки с однотонным фоном |
|
|
|
|
рамочки для текста |
|
|
|
|
Рамочка Белая пушистая зима |
|
Рамочка осенняя |
|
Осень в твоём дневнике-бродилочка |
|
Моя осенняя рамочка |
|
Рамочка цветочная |
|
Рамочки Кулинарные от Beauti_Flash |
|
|
бродилки, рамочки, схемы и многое другое............... |
|
Лето!-рамочка |
Текст |
|
Как сделать рамку или обводку на фото в Paint. |
|
|
Схема и рамочка от astra4 |
Название: Уютное местечко
Автор: astra4 Создана: 30.05.2019 11:25 Скопировали: 4 раз Установили: 14 раз Примерить схему | Cохранить себе |
|
Рамочка для рецептов красоты |
|
Рамочка "Цветет черемуха сегодня лишь для вас..." |
|
рамочка с осенним фоном |
|
ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК |
Серия сообщений "Создание рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Обводка текста рамочкой
Часть 3 - УРОКИ ОФОРМЛЕНИЯ ПОСТОВ С ПОДЛОЖКОЙ ИЗ ФОНА
Часть 4 - Урок от Zomka. ПОЛЕЗНЫЕ ТЕГИ ПРИ ИЗГОТОВЛЕНИИ РАМОЧЕК
Часть 5 - ОБРАМЛЯЕМ КАРТИНКУ РАМОЧКОЙ (урок от Zomka)
Часть 6 - ЩАБЛОНЫ ДЛЯ ВСТАВКИ В КАРТИНКУ АНИМАЦИИ, ПЛЕЕРОВ И ССЫЛОК
...
Часть 11 - ШАБЛОНЫ 2-Х СЛОЙНЫХ РАМОЧЕК
Часть 12 - Обводка текста и картинки рамочкой
Часть 13 - Обводка фоном картинки в ФШ //урок от nadin_senina/
|
Делаем рамочку с картинками |
|
Серия сообщений "Рамочки":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
Часть 3 - Рамочка "Зимняя" от MANGIANA
Часть 4 - Рамочка от MANGIANA - "Фонари"
...
Часть 17 - Рамочка от MANGIANA - "Маки в кувшине"
Часть 18 - Рамочка от MANGIANA "Начало осени"
Часть 19 - Шаблон рамочки //из инета /
Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
Часть 3 - Обводка текста рамочкой
Часть 4 - УРОКИ ОФОРМЛЕНИЯ ПОСТОВ С ПОДЛОЖКОЙ ИЗ ФОНА
...
Часть 34 - ПОЛЕЗНАЯ ИНФОРМАЦИЯ ПО ЖЖ
Часть 35 - Переход на коды...HTML5 для ЛиРу - коды плееров
Часть 36 - Шаблон рамочки //из инета /
Серия сообщений "Создание рамочек":
Часть 1 - Делаем рамочку с картинками
Часть 2 - Обводка текста рамочкой
Часть 3 - УРОКИ ОФОРМЛЕНИЯ ПОСТОВ С ПОДЛОЖКОЙ ИЗ ФОНА
...
Часть 11 - ШАБЛОНЫ 2-Х СЛОЙНЫХ РАМОЧЕК
Часть 12 - Обводка текста и картинки рамочкой
Часть 13 - Обводка фоном картинки в ФШ //урок от nadin_senina/
|
рамочка"все о даче" |
|
Интересные сообщества ЛиРу( используем прокрутку справа) |
|
рамочки для текста весна |
|
рамочка"На даче" |
|
рамочки для постов 'фон рубчик с узором' |
|
|
|
|
Простые цветочные рамочки... |
|
Рамочки для записи...простые |
|
рамочки для записей с светлым нежным фоном |
|
|
|
|
Рамочки весенние |
|