Объявление
Уважаемые читатели, друзья, подписчики. В связи с участившимся и, порядком надоевшим спамом в комментариях от всяких анонимах(будь они не ладны), я вынуждена включить модерацию комментариев на некоторое время. Очень надеюсь на ваше понимание.

Несколько вариантов оформления текста.

Всем добрых выходных. Очередная субботняя шпаргалка для начинающих блогеров. Несмотря на то, что в редакторе сообщений Блоггер достаточно функций для работы с текстом можно ещё применить некоторый коды для отдельных фрагментов или участков сообщения.
Как сделать красивые эффекты для текста.
Если из предложенных ниже вариантов что-то решите попробовать, просто копируйте нужный код, меняйте текст на свой. Код вставляйте в нужное место в сообщении, перейдя из режима создать в режим HTML.

1. Расстояние между словами.

шла собака по роялю

<div style="word-spacing: 20px;">Ваш текст</div>

 Устанавливайте желаемое расстояние меняя значение 20px.

2. Расстояние между буквами.

Шла собака по роялю

<div style="letter-spacing: 10px;">Ваш текст</div>

3. Приподнять одно или несколько слов над текстом.

Шла собака по роялю

Шла<span style="position: relative; top:-5px;">собака</span>по роялю

4. Опустить слово или фразу.

Шла собака по роялю


шла собака<span style="position: relative; bottom:-5px;">по роялю</span>

5. Текст с подсветкой при наведении курсора.

Шла собака по роялю.

<font onmouseover="style.backgroundColor='pink'; style.cursor='hand'" onMouseOut="style.backgroundColor='silver';">Ваш текст</font>

6. Обтекание картинки текстом.

Читайте варианты оформления сообщения.

Российский поэт Юрий Энтин. Родился 21 августа 1935 года. Совершенно случайно его дар писать смешные стихи был востребован в мультипликации и детском кино.
Если меркнет свет в окошке,
 Hа душе скребутся кошки,
 Кто сумеет вам помочь
И прогонит кошек прочь?
Это знает всякий. Это не слова.
Преданней собаки нету существа!
Преданней собаки, ласковей собаки,
Веселей собаки - нету существа!
 Если кто-нибyдь pешится на хозяев покyситься,
Кто сyмеет pядом встать и нахала покyсать?

<div style="padding-right: 15px; margin-top: 0px; float: left; margin-bottom: 3px; width: 30%; color: blue;">Текст внутри</div> Обтекающий текст</div>

7. Знак копирайта в скопированном тексте с указанием оригинала.

Этой информацией поделился автор блога
© шпаргалки блогерши 2013

<div align=right><cite title="шпаргалки блогерши">&copy; авторство</cite></div>

Сегодня всё. Благодарю за внимание. Удачи всем.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


5 комментариев:

  1. Привет Вика! Мне понравилось несколько оформлений текста, которые ты предоставила. Возможно некоторыми воспользуюсь на своем блоге.Спасибо!

    ОтветитьУдалить
  2. Привет Вика! Мне понравилось несколько оформлений текста, которые ты предоставила. Возможно некоторыми воспользуюсь на своем блоге.Спасибо!

    ОтветитьУдалить
    Ответы
    1. Привет, Игорь. Разгребаю потихоньку свои черновики из уголков. Кажется что и не особо нужно, а думаю может и пригодится кому. Значит именно этот случай.

      Удалить
  3. вариант второй очень понравился

    ОтветитьУдалить
    Ответы
    1. Мне он тоже нравится. А ещё обтекание текста текстом.

      Удалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML