Пишем красивый текст

В этом посте я вам расскажу о том, как можно создать красивые надписи! Сначала мы попробуем сделать это с помощью тегов, а позже я познакомлю вас с ресурсами, которые также помогут вам в этом.

1. Шрифт.

Здесь пойдет небольшой повтор, об этом мы уже говорили в теме "Форматирование теста с помощью HTML". Но, как говорится, повторенье – мать ученья! Сейчас создадим простой текст с красивым шрифтом.

Очень красивый шрифт

Код такого шрифта следующий:

<span style=";font-family:Monotype Corsiva;font-size:22px;color:blue;">Очень красивый шрифт</span>

Объяснять дальше подробно не буду,здесь все понятно:
Monotype Corsiva – шрифт,
22px – размер шрифта;
blue – цвет шрифта.
Где можно выбрать цвет, читайте в посте про форматирование текста.

2. Использование шрифта в качестве буквенницы:

Буквенница

Здесь использован простой прием: в качестве буквенницы для первой буквы установили шрифт Monotype Corsiva:

<span style=";font-family:Monotype Corsiva;font-size:22px;color:blue;">Б</span>уквенница

3. Цветное подчеркивание

Подчеркивание одной чертой:

Текст с одной чертой

Код:

<span style="text-decoration: underline;color:teal;" >Текст с одной чертой</span>

Разный цвет черты и текста:

Разный цвет черты и текста

Код преобразуется в:

<span style="text-decoration: underline;color:teal;" ><span style="color:black;">Разный цвет черты и текста</span></span>

4. Двойное подчеркивание

Двойное подчеркивание

<span style="border-bottom: medium double teal;">Двойное подчеркивание</span>

5. Текст в рамке

Текст в рамке

Код:

<span style="border:1px solid teal; padding:5px;">Текст в рамке</span>

где, border:1px – толщина рамки,
teal – цвет;
padding:5px – расстояние от текста до рамки.

6. Разноцветные буквы

Разноцветныебуквы

Создать такой текст можно тут. В левом окне введите ваш текст и нажмите "Submit", в правом окне скопируйте полученный код.

7. Блестяшки

Аватары и анимация на GIFr.ru

Создать такие блестяшки можно здесь. Зарегистрируйтесь, нажмите "Giffers", введите вес необходимые параметры и цвет блестяшек. Сохраните, скопируйте код

Я надеюсь, что сегодняшняя информация была полезна!

This entry was posted on Воскресенье, Сентябрь 20th, 2009 at 9:24 пп and is filed under HTML теги. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

10 Responses to “Пишем красивый текст”

  1. LENA:

    спасибо, очень нужная информация!

  2. zvezda.ural:

    Отличный сайт. Очень помог. Большое спасибо автору.

  3. Радик:

    спасибо автору

  4. Кирилл:

    Спасибо)

  5. Маша:

    Создать свой красивый текст с разными эффектами и шрифтами можно тут gfto.ucoz.ru

  6. Покупки в магазине:

    спасибо , пригодилось, не плохо было бы сделать примеры на этой странице, чтоб посетители могли просто скопировать, к примеру для вставки в картинки.

  7. Slovena:

    Спасибо помогли!

  8. Елена:

    Здравствуйте! Искренне желаю научиться писать тексты в ноутбуке, затем печатьть их на принтере. Прочла дважды вашу шпаргалку. Увы ! Она понятна только профессионалам. Я начинающий пользователь.

  9. Бесплатные программы:

    красивые шрифты – это бомба!!!

  10. дададад:

    Двойное подчеркивание

Прокомментировать запись: