Урок 188. Как вставить текст в HTML рамку

Как вставить текст в HTML рамкуИ снова здравствуйте! Бывает иногда нужно создать красивую HTML рамку для текста, но как это сделать быстро, знают не многие. В этом уроке я расскажу, как быстро вставить текст в html рамку, и для этого не обязательно знать гиперразметку текста, т. е. html. Создавать рамку в этом уроке мы будем с помощью онлайн сервиса «Рамочник».

Как вставить текст в рамку

На сервисе 4maf.ru/ramochnik.php «Рамочник», Вы можете создавать красивые рамки не только для текста, но и для фото или видео. Также можно создавать быстро анимационные рамки для веб-открыток или для сайта. Вы можете взять уже готовые рамки из галереи, чтобы не тратить свое время на создание новой. Только в галерее простую рамку для текста найти не просто.

На сегодняшний день в галерее находится 135280 готовых рамок. Посмотреть образцы, можно по этой ссылке. Все эти рамки изготовлены пользователями сервиса. Чтобы получить код понравившейся рамки, надо нажать кнопку «Получить код».

Если Вы хотите быстро найти рамку по определенной теме, тогда можно воспользоваться поиском выше на странице галереи. Рамки там действительно красивые, но я покажу, как быстро создавать простые рамки для текста. На изготовление новой рамочки уходит буквально несколько минут.

Перейдя на сервис, Вы увидите панель инструментов, где собственно и будете создавать HTML рамки.

Как вставить текст в HTML рамку

Как вставить текст в HTML рамку

В этом конструкторе есть все необходимое инструменты для создания красивых рамок. От выбранного типа рамки задаются нужные параметры: ширина и высота рамки, а также цвета и толщина границы, размер и цвет шрифта. Здесь Вы можете украсить свою рамку блестками и добавить фоновое изображение. Вот пример простой рамки, которую я сделал за пару минут.

как вокруг текста сделать рамку
как вставить текст в рамку
как сделать текст в рамке
вставить текст в красивую рамку
вставить текст в рамку бесплатно
вставить текст в рамку онлайн

А вот образец более сложной рамки

как вокруг текста сделать рамку
как вставить текст в рамку
как сделать текст в рамке
вставить текст в красивую рамку
вставить текст в рамку бесплатно
вставить текст в рамку онлайн

 

вставить текст в красивую рамку
вставить текст в рамку бесплатно
вставить текст в рамку онлайн

 

Как вставить текст в рамку HTML, Вы можете посмотреть в видео. Я наглядно покажу, как просто создавать рамки на этом сервисе. Изменить текст можно потом легко и на своем сайте, в готовой рамке.


_________________________
К уроку 189. Как восстановить, или изменить пароль WordPress

2 Comments

  1. Юра, спасибо. О существовании рамочника не знала, я как раз не умею рамки создавать. Изучила сама, отправила в твиттер. : ❗

    • Людмила, я скоро напишу, как создавать красивые рамки с помощью CSS. Такие рамки очень красиво смотрятся.

Leave a Reply

Яндекс.Метрика