-Рубрики

 -Всегда под рукой

Как правильно вставлять код в окошко для кодов.

Среда, 18 Ноября 2015 г. 09:54 + в цитатник

 

 

   ***Дизайн дневника***

На ЛиРу мы часто сталкиваемся с проблемой, что при вставлении кодов в кодовое окошко, код в окне выставляется не полностью - обрезаются "хвостики", и приходиться прибегать к разного рода ухищрениям, типа вставления в код звёздочки * и др.

То есть, я хочу дать коды, например, вот этих кодовых окошек:

 

1. Код с использованием тэга <input 

 

 

<input size="35" type="text" value="ВАШ КОД" />

 

 

2. Код с использованием тэга <textarea

 

 

<textarea cols="60" rows="2">ВАШ КОД</textarea>

 

Секретик 1:

Для того, чтобы код можно было писать прямо в тексте, без окошка, его надо обрамить так:

 

 

 

 

Итак, окошко есть, дело за малым - вместо слов "ВАШ КОД" подставить код самого окошка, чтобы он был виден, и его можно было скопировать.

 

Проделаем это действие и получаем вот ЭТО!!!! cray А где хвостики??? dntknw

 

1. Код с использованием тэга <input обрезался в самом начале кода

 

 

2. Код с использованием тэга <textarea вставился, как надо

 

 

Секретик 2:

Для работы с кодами HTML удобно использовать он-лайн генератор. Пишите код, и сразу смотрите, что получилось. Всё наглядно give_rose

 

 

 

Теперь попробуем изменить параметры окошка - rows и cols, определяющие площадь окна.

 

Большое окошко
 

 

Длинное окошко

 

 

Коды в окне ОБРЕЗАНЫ!!!

 

Что же делать? Секрет этого безобразия в том, что код, который надо вставить в окошко сначала надо преобразовать в текстовом (визуальном)  режиме, то есть осуществить перевод  специальных символов кода в их текстовые обозначения. Заменить все правые угловые скобочки < на  &lt; , левые угловые скобочки > на &gt;

Для этого открываем страницу нового сообщения (лучше сразу отправить её в черновик, чтобы не опубликовать ненароком).

Открываем расширенный редактор, и в визуальном (текстовом) режиме пишем код, который надо вставить в окошко. Вот так:

 

Как правильно вставлять код в окошко для кодов1/3414243_11 (700x308, 23Kb)

Как правильно вставлять код в окошко для кодов2/3414243_12 (700x481, 55Kb)

Как правильно вставлять код в окошко для кодов3/3414243_13 (700x403, 48Kb)

 

Как правильно вставлять код в окошко для кодов4/3414243_14 (700x403, 47Kb)

 

Переключаемся в редактор HTML, для этого нажмём на кнопку "Источник"

 

Как правильно вставлять код в окошко для кодов5/3414243_15 (700x403, 48Kb)

 

Видим уже преображённый код:

 

Как правильно вставлять код в окошко для кодов6/3414243_16 (700x403, 47Kb)

 

Выделяем код мышкой и копируем:

 

Как правильно вставлять код в окошко для кодов7/3414243_17 (700x403, 52Kb)

 

Идём в редактор HTML он-лайн:

Сначала вставляем в поле для кодов основной код:

 

Как правильно вставлять код в окошко для кодов8/3414243_18 (700x403, 82Kb)

 

Теперь вместо слов ВАШ КОД вставляем преобразованный код:

 

Как правильно вставлять код в окошко для кодов9/3414243_19 (700x403, 45Kb)

 

Копируем на мышку и вставляем в наше сообщение в режиме HTML.

Получаем:

 

 

Ура! Всё встало, как надо!!!  yahoo

 

И варианты окошек со стилями:

 

 

С тэгом <input

 

 

 

С тэгом <textarea

 

 

 

 

 

Серия сообщений "Дизайн дневника":
Часть 1 - 4 онлайн сервиса по подбору цветовой гаммы.
Часть 2 - Программа подбора цвета при Web-дизайне и составлении программ Цветик ver.6.3
...
Часть 21 - Окошки для кодов. Как правильно вставлять код.
Часть 22 - Изучаем HTML. Теги. Оформление постов. Ответы на вопросы.
Часть 23 - Как правильно вставлять код в окошко для кодов.
Часть 24 - Все формулы в одном месте
Часть 25 - Фон для записи
...
Часть 29 - Делаем красивый текст для оформления дневника.
Часть 30 - Полезности при оформлении сообщения дневника.
Часть 31 - Коды оформления блога

Серия сообщений "Мои уроки":
Часть 1 - Как убрать рекламу в ЛиРу и во всём инете.
Часть 2 - Уведомления на почту.
...
Часть 4 - Рубрики моего дневника
Часть 5 - Оформление цитаты, эпиграфа и блока похожих постов.
Часть 6 - Как правильно вставлять код в окошко для кодов.
Часть 7 - Проблема с доменами решена!

Серия сообщений "Редакторы он-лайн":
Часть 1 - Scrap by Color_найдет идеальную цветовую схему.
Часть 2 - Как правильно вставлять код в окошко для кодов.
Часть 3 - Редактор-фотошоп прямо в дневнике

Метки:  

Процитировано 20 раз
Понравилось: 12 пользователям



Надежда_Заломина   обратиться по имени Воскресенье, 14 Февраля 2016 г. 13:04 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 14 Февраля 2016 г. 13:08ссылка
Всегда рада помочь!
Florsita   обратиться по имени Четверг, 15 Июня 2017 г. 21:35 (ссылка)
Взяла на заметку
Ответить С цитатой В цитатник
tane4ka777   обратиться по имени Вторник, 07 Ноября 2017 г. 22:00 (ссылка)
Спасибо!То есть здесь 2 варианта:или менять вручную все угловые скобочки или же сделать это в Он-лайн генераторе?
Ответить С цитатой В цитатник
Millena-Li   обратиться по имени Среда, 08 Ноября 2017 г. 00:58 (ссылка)
A very needable post! Thank you!
Ответить С цитатой В цитатник
ЛЮДМИЛА_ГОРНАЯ   обратиться по имени Среда, 08 Ноября 2017 г. 11:09 (ссылка)
Благодарю!
Ответить С цитатой В цитатник
valniko77   обратиться по имени Среда, 08 Ноября 2017 г. 11:33 (ссылка)
Спасибо большое!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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