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

Разноцветные буквы или текст в сообщении

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

оформление текста


К примеру, вот так.
 
Всем привет  меняющийся  текст  из  цветных  букв  и  слов!


Можно варьировать в верхней панели редактора разные варианты шрифта  -тип, размер, жирный, курсив, цвет, выделяя каждую буковку. И, если затем перейти в режим HTML, обратите внимание, что мы имеем строчный элемент <span> ( англ. span — охватывать), который предназначен для выделения отдельных строк, символов или других строчных элементов и  изменения их оформления с помощью стилей. 


Как -то так для каждой буквы 

<span style="color: #f1c232; font-size: large;">е</span>

Таким образом, с применением разных стилей к тексту или отдельным буквам получаем такой эффект. Вы можете попробовать у себя в редакторе сообщений. Если кому не хочется или лень, вот код для моего примера.  Заменяйте на свои буквы и всё.

<b><span style="color: #cc0000;">В</span></b><span style="color: #0b5394; font-size: medium;"><i>с</i></span><span style="color: #f1c232; font-size: large;">е</span><span style="color: #38761d; font-family: courier; font-size: x-large;">м&nbsp;</span><span style="color: #741b47; font-size: medium;">п</span><span style="color: #ffa400; font-family: georgia; font-size: large;"><b>р</b></span>и<i><span style="color: #38761d; font-family: verdana; font-size: large;">в</span></i><span style="color: #f1c232; font-family: helvetica; font-size: medium;"><i style="background-color: white;">е</i></span><span style="color: #e06666; font-size: large;">т</span>

<font color="#22AA44" size="5">&nbsp;</font><font color="#661111" size="4">м</font><font color="#885588" size="5">е</font><font color="#11EEDD" size="6">н</font><font color="#33FF77" size="5">я</font><font color="#9955BB" size="6">ю</font><font color="#44CC99" size="5">щ</font><font color="#DD3377" size="5">и</font><font color="#AA8833" size="5">й</font><font color="#77AA44" size="5">с</font><font color="#EE5555" size="4">я</font><font color="#007766" size="3"> </font><font color="#771199" size="5">&nbsp;</font><font color="#DDEEDD" size="6">т</font><font color="#99CCFF" size="6">е</font><font color="#551177" size="4">к</font><font color="#336600" size="6">с</font><font color="#2299BB" size="4">т</font><font color="#448844" size="3"> </font><font color="#443366" size="5">&nbsp;</font><font color="#BB99EE" size="6">и</font><font color="#228888" size="6">з</font><font color="#CCFFBB" size="4"> </font><font color="#222244" size="6">&nbsp;</font><font color="#881166" size="5">ц</font><font color="#117744" size="5">в</font><font color="#886644" size="4">е</font><font color="#DD5588" size="3">т</font><font color="#55CC99" size="5">н</font><font color="#BB1166" size="4">ы</font><font color="#AAEE33" size="6">х</font><font color="#00DDAA" size="3"> </font><font color="#FF7788" size="4">&nbsp;</font><font color="#441166" size="4">б</font><font color="#440099" size="5">у</font><font color="#77AA88" size="4">к</font><font color="#DDAADD" size="5">в</font><font color="#44AA11" size="4"> </font><font color="#11EEAA" size="3">&nbsp;</font><font color="#77BB77" size="4">и</font><font color="#CC99CC" size="4"> </font><font color="#EE88BB" size="6">&nbsp;</font><font color="#884455" size="5">с</font><font color="#77BBEE" size="6">л</font><font color="#FF6677" size="5">о</font><font color="#55BB22" size="6">в</font><font color="#EE0099" size="4">!</font><font color="#2277EE" size="3">
</font>

Одним словом - элемент <span> используется для изменения стилей участка текста.

Всем спасибо и до встречи.

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

  1. Спасибо, Виктория! Это интересно! Можно попробовать в тестовом блоге.

    ОтветитьУдалить
  2. Ирина, бери готовый код или своим наборои. Попробуй на тестовом

    ОтветитьУдалить
  3. Прикольно! Спасибо, Вика!

    ОтветитьУдалить
    Ответы
    1. Ирина, и всё достаточно просто, к тому же. Можно добиться оригинального эффекта.

      Удалить
  4. Боже правый! Какой набор закорючек всего на 33 буквы. Но - красиво.

    ОтветитьУдалить
  5. Семён, ха-ха. Ключевое слово-Красиво

    ОтветитьУдалить

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