Записи Друзья Комментарии
ШУРУПЧИК МОЙ
Аватар ШУРУПЧИК_МОЙ

 -Рубрики

 -Цитатник

Лучшие программы для создания визиток своими руками. - (0)

Лучшие программы для создания визиток своими руками. Развитие цифрового пространства не во всём п...

13 СЕКРЕТНЫХ КОДОВ ДЛЯ СМАРТФОНОВ, КОТОРЫЕ СТОИТ ЗАПОМНИТЬ КАЖДОМУ. - (0)

13 секретных кодов для смартфонов, которые стоит запомнить каждому. Обычный пользователь смарт...

15 Удивительных телефонафункций . - (0)

15 Удивительных функций телефона.

Remo Video Repair 1.0.0.13 восстановление битых видео - (0)

Remo Video Repair 1.0.0.13 восстановление битых видео. Remo Video Repair восстановление битых вид...

Динамик телефона пропадает звук что делать? Давайте решим проблему! - (0)

Динамик телефона пропадает звук что делать? Давайте решим проблему! Динамик телефона пропадает зв...

 -Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Программа телепередачУдобная программа телепередач на неделю, предоставленная Akado телегид.

 -Видео

Весна
Смотрели: 4 (0)

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

Поиск сообщений в ШУРУПЧИК_МОЙ

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 2) All-for-photoshop Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 05.04.2012
Записей: 2518
Комментариев: 575
Написано: 3787


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

Среда, 16 Октября 2013 г. 00:35 + в цитатник
Цитата сообщения fatima62
Прочитать целикомВ свой цитатник или сообщество!
Как в посте блога записать HTML-код в виде текста.


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><font face="Wingdings"><font size="1"><i></i><font><table border="0" background="http://www.fotohost.kz/images/2013/06/11/XGJUO.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><font face="Comic Sans MS"><font size="5">Здесь будет Ваш текст или картинка! </font></font><center><a target="_blank" href=><img src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" ></a></center></font></font></font><br /></td></tr></table></td></tr></table></td></tr></table>

Точно так же сайт вам переконвертирует любой код в текст, и вы ЛЕГКО ЕГО ВСТАВИТЕ В любой ТЕКСТ.
Успехов в вашем творчестве.

Из блога ГАЛИНЫ ШАДРИНОЙ
Рубрики:  Начинающему блогеру
Нравится

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

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

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

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

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


О проекте