четверг, сентября 23, 2010

Как вставить HTML код в сообщение блога

В этом сообщение мы расскажем о 2 способах, как отобразить в вашей публикации HTML код.
Существуют два способа: один довольно простой и больше подходит новичкам (таким как я), и второй, с помощью второго вы можете создавать более профессиональные "коробочки", но с ними придется немного повозиться.
Итак, простой способ:
Вставьте поданный ниже код в ваш редактор сообщений:
<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">
ВАШ КОД
</textarea>
Вот где нужно вставлять код (HTML вкладка) :


Если же вы предпочитаете более профессиональную "коробку" для кода, вот второй метод:1. Вам придется внести небольшие изменения в шаблон, поэтому пройдите в "Изменить шаблон HTML" (не забудьте перед правкой сделать резервную копию вашего шаблона).
2. Найдите в шаблоне (CTRL+F):
]]></b:skin>

3. Прямо над этим фрагментом кода добавьте:

.code {

  background:#f5f8fa;

  background-image:none;

  background-repeat:no-repeat;

  border: solid #5C7B90;

  border-width: 1px 1px 1px 20px;

  color: #000000;

  font: 13px 'Courier New', Courier, monospace;

  line-height: 16px;



margin: 10px 0 10px 10px;

  max-height: 200px;

  min-height: 16px;

  overflow: auto;

  padding: 28px 10px 10px; width: 90%;

}

.code: hover {

  background: #FAFAFA; background-image:none;

  background-repeat:no-repeat;

}

4. Сохраните шаблон.
5. Теперь попробуйте создать новое сообщение. Просто ставьте в редактор (HTML вкладка)

<div class="code">

ВАШКОД

</div>


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

1 комментарий:

  1. Заметки от брюнетки оказались кстати. Правда у меня получилось только по первому способу. А вот второй почемуто не получился. Но ничего завтра буду еще пробовать сегодня уже поздно. Вот как получилось Спасибо

    ОтветитьУдалить

Web Analytics