-Интересы

любопытный

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 10.02.2009
Записей: 20868
Комментариев: 378669
Написано: 443411


Поля для кодов. Внешний вид и пр.

Вторник, 01 Февраля 2011 г. 22:07 + в цитатник
Цитата сообщения Legionary

Поля для кодов. Внешний вид и пр.

Такой небольшой, но очень полезный постик:)

Речь пойдет про поля, в которые прописывается некий код, для того, чтобы читатель мог потом этот код с легкостью взять. Коды флешек, картинок, постов и пр. Окошки такие, к примеру:





Такие простенькие окошки. Про первое говорить не будем. Оно как бы не совсем предназначено для этих целей (содержать в себе некий код), а вот про второе,- поговорим.

Пишется оно очень просто:


<textarea>А сюда просто вставляем нужный нам код, который должен отображаться в окошке</textarea>

Просто и легко. Можно весь пост "вставить" в такое вот окошко:) В качестве борьбы с плагиатом, например:) Ведь захотят взять,- возьмут, а так... больше шансов, что возьмут то, что вам надо

Отошли от темы:)

Окошко это конечно замечательное, но уж слишком стандартное.
Займемся его внешним видом

Я не буду рассказывать о всех возможных изменениях,- их уж слишком много. Можно столько всего накрутить:)

Размер окошка.

За размер окошка отвечают два параметра:
cols - ширина и rows - высота

Применим эти два параметра например так:


Или так:


Пишется это все так:

<textarea cols="5" rows="20">код, который должен отображаться в окошке</textarea>


Обводка и фон окошка.
Тут уже будем применять стили. Вообще, стили можно применять практически к чему угодно ( сейчас даже и не вспомню, есть ли в html хоть один тег, к которому нельзя применить стиль)

В результате всех этих манипуляций,- можем получить даже такое окошко:


Это я конечно переборщил с яркостью, чтоб нагляднее было:) НИКОГДА ТАК НЕ ДЕЛАЙТЕ! Это жутко давит на глаза:)

Итак, пишем так:

<textarea style="background-color: ЦИФРОВОЕ обозначение цвета; border: 2px solid ЦИФРОВОЕ обозначение цвета;">код, который должен отображаться в окошке</textarea>

Про "цифровые" обозначения цвета уже сто раз говорили, но напомню к примеру:
#ffffff - белый,
#cccccc - серый,
#000000 - черный.

В коде есть кусок border: 2px - 2px это толщина обводки. Меняем двойку как хотим:)

На этом пока все, т.к. я тут затронул тему стилей, а это ооочень уж большая тема, но жутко интересная и удобная. Основные знания вы получили, вам их пока хватит:)

Только одно важное дополнение.
Вот коды окошек, которые мы учили выше,- позволяют пользователю не только брать код из окошка, но и писать самому в этом окошке:))
В этом нет ничего страшного, но вдруг, нечаянно чего-нибудь ткнет и видоизменит код:) Скопирует его, а потом побежит к вам с вопросом "почему ничего не работает?":)
Так вот, чтобы этого избежать, приписываем дополнительный параметр readonly. Пишется так:
<textarea readonly="readonly">код, который должен отображаться в окошке</textarea>

Ну и результат:


Написать что-либо в это окошко пользователю уже не удастся:)

-----------------------------------------------------

* Добро пожаловать на сайт по ремонту компьютеров.Скорая компьютерная помощь сзао ! Любые виды ремонта персональных компьютеров и ноутбуков .

Рубрики:  полезные советы
компьютер
Метки:  
Понравилось: 1 пользователю

TEACHER_OF_PHYSICS   обратиться по имени Среда, 02 Февраля 2011 г. 09:14 (ссылка)
Спасибо огромное! Обязательно воспользуюсь советом!

(Добавил ссылку к себе в дневник)

Ответить С цитатой В цитатник
Queen_de_la_reanimaR   обратиться по имени Среда, 02 Февраля 2011 г. 16:09 (ссылка)
Полезная информация...
Ответить С цитатой В цитатник
vas53   обратиться по имени Воскресенье, 03 Апреля 2011 г. 10:39 (ссылка)
Теперь все ясно. Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 03 Апреля 2011 г. 11:16ссылка
ОК!:)Пользуйся!:)
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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