Необходимость перевернуть обычный текст - задача, которая встречается достаточно редко. Наиболее простой способ решения заключен в использовании какого-либо графического редактора, позволяющего делать с текстом все, что придет в голову. Но результат будет только в виде файла с изображением. Есть несколько способов перевернуть текст непосредственно в документе без вставки заранее заготовленных картинок из графического редактора.
Инструкция
Щелкните созданный объект правой кнопкой мыши и выберите в контекстном меню пункт «Формат объекта WordArt».Перейдите на вкладку «Цвета и линии» и установите в поле «Цвет» нужный оттенок цвета надписи, а в поле «Линии» - параметры обводки букв. Если обводка не нужна - выберите строку «Нет цвета».Перейдите на вкладку «Размер» и в поле «Поворот» установите значение 180°, чтобы сделать текст перевернутым. Затем нажмите кнопку «OK» и задача будет решена - у вас будет перевернутая надпись, которую можно редактировать, перемещать, раскрашивать и т.д.Если нужно перевернуть текст в HTML-документе, то следует воспользоваться новой спецификацией языка описания стилей CSS3. В нем теперь можно задать угол наклона элементов страницы с помощью синтаксиса transform: rotate(XXXdeg);. Правда придется для каждого типа браузеров писать отдельную строку:
.flipDiv {
-o-transform: rotate(180deg); /* Для Opera */
-moz-transform: rotate(180deg); /* Для Mozilla FireFox */
-webkit-transform: rotate(180deg); /* Для Chrome и Safari */
transform: rotate(180deg); /* По умолчанию */
/* Следующие 2 стр - для Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
width: 500px;
}Поместите код описания стилей в заголовочную часть документа (между тегами и ), а в нужном месте страницы разместите блок (div) с указанием в атрибуте class описанного класса flipDiv. Он может выглядеть, например, так: Это перевернутый текст Кроме этого можно воспользоваться скриптами, которые заменяют обычные буквы значками других алфавитов, похожих на перевернутые буквы. Он-лайн сервисы с такими скриптами можно найти в сети - например, один есть в социальной сети Вконтакте - http://vkontakte.ru/app1494828
Оцените статью!