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

Суббота, 14 Ноября 2015 г. 22:38 + в цитатник

Цитата сообщения MANGIANA

Прочитать целиком В свой цитатник или сообщество!

ШАБЛОН КОНТЕЙНЕРА ДЛЯ ВСТАВКИ КОДОВ:

<div style="width: 220px; height:40px; overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><TEXTAREA COLS="30" ROWS="2" NAME=>Код рамочки</TEXTAREA> </div>

В результате - это будет выглядеть приблизительно также, как мы привыкли это видеть раньше:

*****************************************

ДЕЛАЕМ ОКОШКО ДЛЯ КОДА

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

*****************************************

Для большого окна: <textarea rows="3" cols="40">ВАШ КОД</textarea>

Если код слишком большой, то можно подогнать окошко, поменяв значение "3" на большую цифру

*****************************************

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

Вместо слов ВАШ КОД вставьте код вашей рамочки

*****************************************

ОКОШКО ДЛЯ КОДА, - С ПРОКРУТКОЙ (от Zomka)

<table width="60%" height="50" style="border: #000000;background-image:url(//s48.radikal.ru/i119/1007/16/cc0c70f25446.jpg)"><tr><td><div style="width: 100%; height: 50px; margin-top: 0px; margin-left: 0px; text-align: center; overflow: auto"><font size="4" color="#000000" face="Aero Font One">ВАШ КОД БУДЕТ ТУТ</font></d></tr></table></a>

ТОЛЬКО ВНИМАНИЕ!!!!Код вставлять таким образом....копируем код того что хотим....открываем дополнительную страничку с редактором"записать мысль" вставляем туда скопированный код но В РЕЖИМЕ ОФОРМЛЕНИЯ вставили? теперь сразу переключаем в режим HTML и уже копируем эту "кракозябру" Не волнуйтесь эти иероглифы кое что значат....они не дают коду превратиться сразу в картинку...а остаются формулами...Скопировали? Вот теперь это и вставляем в этот шаблон....И только так...Иначе в прокрутке у вас будет само изображение...И вот как это будет выглядеть....смотрите ниже..

ТОЛЬКО ВНИМАНИЕ!!!!Код вставлять таким образом....копируем код того что хотим....открываем дополнительную страничку с редактором"записать мысль" вставляем туда скопированный код но В РЕЖИМЕ ОФОРМЛЕНИЯ вставили? теперь сразу переключаем в режим HTML и уже копируем эту "кракозябру" Не волнуйтесь эти иероглифы кое что значат....они не дают коду превратиться сразу в картинку...а остаются формулами...Скопировали? Вот теперь это и вставляем в этот шаблон....И только так...Иначе в прокрутке у вас будет само изображение...

Серия сообщений "Шаблоны":
Часть 1 - Меняем цвет под определённым участком текста
Часть 2 - Делаем рамочку с картинками
...
Часть 22 - Красивое разворачивание картинки в постах и рамках
Часть 23 - Простая цветная рамочка для ваших постов
Часть 24 - ОКОШКИ ДЛЯ КОДОВ
Часть 25 - Как вставить музыку во флеш-плеер на ЖЖ
Часть 26 - СОЗДАНИЕ ТАБЛИЦ
...
Часть 34 - Разноцветные точки перед текстом...
Часть 35 - Делаем фоновую подложку под текст
Часть 36 - КОДЫ ОСНОВНЫХ КНОПОЧЕК

Серия сообщений "Дизайн дневника":
Часть 1 - 4 онлайн сервиса по подбору цветовой гаммы.
Часть 2 - Программа подбора цвета при Web-дизайне и составлении программ Цветик ver.6.3
...
Часть 19 - Оформление цитаты, эпиграфа и блока похожих постов.
Часть 20 - Выпадающее меню (все ссылочки на одной строке)
Часть 21 - Окошки для кодов. Как правильно вставлять код.
Часть 22 - Изучаем HTML. Теги. Оформление постов. Ответы на вопросы.
Часть 23 - Как правильно вставлять код в окошко для кодов.
...
Часть 30 - Делаем красивый текст для оформления дневника.
Часть 31 - Полезности при оформлении сообщения дневника.
Часть 32 - Коды оформления блога