Записи Друзья Комментарии
хлебная
Аватар хлебная

 -Цитатник

Единое Человечество – идеология нового времени - (0)

Единое Человечество – идеология нового времени Нет ничего сильнее идеи, время которой пришл...

Альтернатива майонезу - соус на основе йогурта или сметаныc - (2)

Альтернатива майонезу - соус на основе йогурта или сметаны Если хочется отказаться от майонеза...

ХУДОЖНИК ВЛАДИМИР ЮРЬЕВИЧ ЖДАНОВ - (0)

ХУДОЖНИК ВЛАДИМИР ЮРЬЕВИЧ ЖДАНОВ   ЗИМНИЕ ПЕЙЗАЖИ   Владимир Юрьевич Жд...

Философская сказка про обиду - (0)

Философская сказка про обиду Вот как стоит учить и детей и себя не обижаться: Обида, мале...

УРОКИ.Боб Росс - Учимся рисовать деревья.(с переводом на русский) - (0)

УРОКИ.Боб Росс - Учимся рисовать деревья.(с переводом на русский) Учимся рисовать деревья....

 -Метки

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

 -Фотоальбом

Посмотреть все фотографии серии Общая
Общая
23:44 02.06.2013
Фотографий: 1

 -Поиск по дневнику

Поиск сообщений в хлебная

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.12.2012
Записей: 1926
Комментариев: 85
Написано: 2112


Как в посте блога записать HTML-код в виде текста

Пятница, 28 Июня 2013 г. 14:39 + в цитатник

1223222399_gifs_divers.gifКак в посте блога записать HTML-код в виде текста. Многие сталкиваются с проблемой, когда в посте блога надо написать HTML-код в виде текста. Чтобы, например, дать своим читателям код для баннера, или какой то рамочки. Но вместо этого редактор преобразует этот код в сам баннер или рамку. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
Напишу несколько вариантов, как это сделать.
1. Код банера можно поставить вот в такое окошечко


Вот код этого окошечка, уже преобразованный в текст, который можно сразу копировать.

<input type='text' size='35' value='КОД БАННЕРА'>

где:
size='35' - ширина окошка в пикселях (можно менять значение, если хотите что б окошечко было большего размера.)

Если вы заметили, кавычки в коде одинарные. Это для предотвращения путаницы с кавычками. Если вам нужно вставить код также с одинарными кавычками, то в коде самого окошка нужно поменять кавычки на двойные!!!

2. Но иногда требуется вставить коды большой рамочки, или целого поста. Такое окошечко уже не очень удобно, так как может произойти путаница с кавычками, если где то встретятся одинарные, то вы и вовсе не сможете вставить правильный код в такое окошечко.
Для такого случая используйте ВОТ ЭТИ ТЕГИ.

<textarea> </textarea>

Где <textarea> - это ОТКРЫВАЮЩИЙ ТЕГ, и ставится вначале кода
</textarea> - ЗАКРЫВАЮЩИЙ, который ставится в конце кода. С этими тегами КОД, например простой рамки будет выглядеть ВОТ ТАК.



3. Но если вы просто хотите вставить коды в текст, без ВСЯКИХ ОКОШЕЧЕК, то д ля этого надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на < , левые угловые скобочки > на >

То есть, если вы хотите написать в тесте поста такой код (в этом примере я вставляю код для баннера):
<a href="адрес" target="_blank" title="заголовок"><img src="адрес_изображения" /></a>

То вам в режиме редактирования HTML-кода в своем посте надо вписать его в таком виде:

 
&lt;a href="адрес" target="_blank" title="заголовок"&gt;&lt;img src="адрес_изображения" /&gt;&lt;/a&gt; 


Кроме того, в некоторых редакторах не так отображаются кавычки, возможно еще какие-то символы. Поэтому чтобы не морочить голову с заменой, можно воспользоваться программой, которая вам сама автоматически переведет нужный код в текстовые символы. Это гораздо быстрее, чем вы будете искать и заменять необходимые символы вручную

Конвертеров таких много, я пользуюсь, "Html Character EnCoder"

Программа очень простая и удобная. Зайдя на сайт Html Character EnCoder, вы увидите вот такие окошечки



Выполняете Шаг 1. Вставляете свой код (например той же рамочки, что я дала в окошечке), в пустое окошко внизу



Шаг 2. Нажимаете кнопку "Convert". И в окошке получаете ваш код, переконвертированный в текст



Шаг 3. Копируете этот новый код и вставляете его в своем редакторе сообщений в режиме редактирования HTML.
Теперь, когда вы опубликуете свое сообщение, то код на странице будет виден именно в виде кода, и его можно теперь сразу копировать.
Например код вот этой рамочки

Здесь будет Ваш текст или картинка!



Будет выглядеть вот так. И любой его может сразу скопировать

<table border="0" background="//img-fotki.yandex.ru/get/4133/65387414.1b/0_bfb90_ffd56c2f_L.jpg" cellpadding="3" cellspacing="3" width="200%"><tr><td><table border="2" background="//s46.radikal.ru/i112/0903/e4/ab6d822ce591.jpg" cellpadding="16" cellspacing="16" width="100%"><tr><td><text face="Wingdings"><text size="1"><i></i><font><table border="0" background="//s48.radikal.ru/i120/0903/be/52a852f99421.gif" cellpadding="3" cellspacing="3" width="200%"><tr><td><table border="0" background="//img-fotki.yandex.ru/get/4134/65387414.2c/0_c01d5_64c929ec_L.jpg" cellpadding="2" cellspacing="2" width="100%"><tr><td><br /><center><a target="_blank" href=><img src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" ></a></center><center></center><text face="Comic Sans MS"><text size="5">Здесь будет Ваш текст или картинка! </text></text><center><a target="_blank" href=><img src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" ></a></center></font></text></text><br /></td></tr></table></td></tr></table></td></tr></table>

Точно так же сайт вам переконвертирует любой код в текст, и вы ЛЕГКО ЕГО ВСТАВИТЕ В любой ТЕКСТ.
Успехов в вашем творчестве.
Из блога ГАЛИНЫ ШАДРИНОЙ
Метки:  

Процитировано 3 раз
Понравилось: 1 пользователю
Нравится

Комментировать — К дневнику — Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку


О проекте