Иногда возникает необходимость создания на странице отдельного окна с полосой прокрутки (или без нее), например для выделения отдельного фрагмента текста или вставки кода. В этой статье мы рассмотрим различные способы создания таких окон.
1. Отдельное окно с полосой прокрутки на HTML
Такое окно просто создать при помощи тега div
Изменяя параметры height и width - вы можете регулировать ширину и высоту окна. Это самый простой вариант.Создать окно с полосой прокрутки на HTML при помощи тега div Создать окно с полосой прокрутки на HTML при помощи тега div Создать окно с полосой прокрутки на HTML при помощи тега div Создать окно с полосой прокрутки на HTML при помощи тега div
Создать окно с полосой прокрутки на HTML при помощи тега div
Создать окно с полосой прокрутки на HTML при помощи тега div
Создать окно с полосой прокрутки на HTML при помощи тега div
Создать окно с полосой прокрутки на HTML при помощи тега div
Создать окно с полосой прокрутки на HTML при помощи тега div
С помощью тега div так же можно создать на странице сайта отдельное окошко с фоном, используя подобный код:
ВАШ ТЕКСТ
Выглядеть это будет так:
2. Создание отдельного окна c полосой прокрутки на HTML при помощи тега textarea.
Данное окно удобно тем. что его можно растягивать, потянув мышкой за правый нижний угол.
Пример кода:
Атрибут cols="30" отвечает за ширину окошка. Меняем цифру "30" на нужную нам.
Атрибут rows="1" отвечает за высоту. Высоту окошечка можно менять на удобную вам.
На выходе мы получим следующее:
Выглядеть это будет следующим образом:
Также можно изменить цвет и толщину контура окна. Пример кода:
Выглядеть это будет так:
#800000- цвет контура, меняем на любой другой
border: 2px - это толщина контура в пикселях, можно поставить любое другое значение. Значения цветов опять же берем из таблицы.
Узнать как создавать окно для вставки образца кода с подсветкой синтаксиса вы можете в следующей статье:
➤ Как вставлять образец кода на свой сайт.
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean.
Titanium Dive Knife - Stainless Steel Shaving Kit - Tatanium-Arts
ОтветитьУдалитьTatanium-Arts, micro touch hair trimmer designed by Titha Navey, is an titanium carabiners ideal razor camillus titanium for an experienced beginner or experienced titanium carabiners shaver. The black titanium fallout 76 T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T-T