Як написати перевернутий текст

Як написати перевернутий текст

Найбільш простий спосіб використовувати перевернуті написи в текстових документах і веб-сторінках — вставити цей текст у вигляді зображення, попередньо перевернутого в будь-якому графічному редакторі. Проте якщо виникне необхідність відредагувати такий текст, то це практично означатиме необхідність повторення всієї процедури і заміни картинки. Існує кілька способів обійтися без графіки при вирішенні такого завдання.

Інструкція

  1. Якщо необхідно вставити перевернуту напис в текстовий документ, то можна скористатися редактором Microsoft Word. Завантаживши вихідний документ, перейдіть на вкладку «Вставка», розкрийте список, що випадає на кнопці з написом WordArt і клацніть найперший стиль в цьому списку. Редактор відкриє діалогове вікно для введення тексту і налаштування використовуваного для його відображення шрифту.
  2. Введіть текст перевернутої написи, а потім виберіть потрібну гарнітуру шрифту та його розмір. При необхідності згодом все це можна буде відредагувати. Натисніть кнопку «OK».
  3. Клацніть WordArt-об’єкт правою кнопкою миші і в його контекстному меню виберіть рядок «Формат об’єкта WordArt».
  4. Виберіть у списку «Колір» на вкладці «Кольори і лінії» потрібний відтінок для шрифту напису. Тут же, у полі «Лінії», можна задати параметри обведення літер тексту.
  5. Клацніть вкладку «Розмір» і встановіть значення 180 ° в поле «Поворот». Натиснувши кнопку «OK», ви закінчите процедуру створення в текстовому документі перевернутої написи.
  6. Якщо потрібно вставити перевернутий текст у веб-сторінку, то для цього можна, наприклад, застосувати наявні в мові CSS опції трансформації тексту. У третій версії стандартів цієї мови властивості transform можна вказувати значення rotate, в якому задається кут нахилу відповідних елементів сторінки. Єдина незручність — доведеться ставити це параметр окремо для кожного типу браузерів. Щоб не весь текст на сторінці, а тільки потрібні його блоки були перевернуті, використовуйте іменовані класи. Наприклад, вставте у вихідний код документа такий блок:

    <div class=»flip»> Це блок перевернутого тексту </ div>

    А в заголовну частину (між тегами <head> і </ head>) додайте відповідний опис стилів. Наприклад:

    <style type=»text/css»>

     . Flip {

      -Webkit-transform: rotate (180deg); / * Chrome і Safari * /

      -Moz-transform: rotate (180deg); / * Mozilla FireFox * /

      -O-transform: rotate (180deg); / * Opera * /

      transform: rotate (180deg); / * За замовчуванням * /

      / * Internet Explorer * /

      filter: progid: DXImageTransform.Microsoft.BasicImage (rotation = 2);

      width: 700px;

     }

    </ Style>