Инструкция
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>