• ↓
  • ↑
  • ⇑
 
Записи с темой: color (список заголовков)
11:33 

Цвет фона внутри cmd

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Внутри окна оболочки командной строки cmd можно изменять цвет фона и текста. Например, сделать в стиле Norton Commander:
color 1b
color 9e
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor euismod ante eu maximus. Cras accumsan.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor euismod ante eu maximus. Cras accumsan.

Это может быть удобным, например, для использования в bat-файлах, чтобы окно с запущенным скриптом хоть чем-то визуально отличалось от аналогичных. Поэтому удобно прописывать смену цветов первой строкой в bat-файле. Напоминаю, что @ в начале строки bat-файла означает, что команда выполнится, но не будет печататься на экране.
@color 1b

Можно задавать одну или две 16-ричных цифры: 1) изменится цвет текста; 2) первая цифра определяет цвет фона, вторая — цвет текста. Запуск color без параметров возвращает цветовую схему к исходному виду. Подробный список цветов можно увидеть в справке:
color /?

Таблица разрешённых цветов

Кстати, окну с выполняемым bat-скриптом можно задать собственный заголовок. Но не забываем, что если хочется использовать в заголовке кириллицу, файл должен быть сохранён в кодировке OEM 866.
@title Commander Window Caption

@темы: Цвет, Мелочи под рукой, cmd, bat, HTML, Color, CSS

06:31 

Геометрические фигуры на CSS

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит

Мне очень понравилась ⇑ эта статья, где рассказывается, как можно «нарисовать» всевозможные треугольники средствами одного только CSS, без участия преобразований, а всего лишь манипулируя рамками. Вроде бы простое решение, но мне в голову никогда не приходило.

Суть отрисовки проста: берем пустой блок, назначаем ему прозрачную рамку большой толщины, одну из частей рамки делаем непрозрачной, и вуаля — получаем на выходе цветной треугольник, потому что стороны в рамках CSS соприкасаются между собой под углом 45°.

Итак, пусть задан блок с классом triangle.

<div class="triangle"></div>

.triangle {
    width: 0;
    height: 0;
    border: 10px solid transparent;
}

Манипуляции с рамкой производим, добавляя свойства в CSS-определение класса triangle.

border-top-color: teal;
border-left-color: maroon;
border-bottom-color: teal;
border-right-color: maroon;
border-color: teal transparent;
border-color: transparent maroon;
border-top-color: blue;
border-left-color: blue;
border-top-color: blue;
border-right-color: blue;
border-bottom-color: blue;
border-left-color: blue;
border-bottom-color: blue;
border-right-color: blue;
border-color: purple;
border-color: purple;
border-radius: 50%;
border-color: black red;
border-color: red transparent red red;
border-radius: 50%;

@темы: Мелочи под рукой, Color, CSS, Border

10:11 

Именованные HTML-цвета

❖ Мышка-программышка в стране Информатике ❖ Друг — это тот, кто тебя знает, но всё равно любит
Источник: ⇑ W3Schools и ⇑ DevGuru
А также:
⇑ Color Picker — оттенки цвета от тёмного к светлому
⇑ Color Mixer — результат смешения двух цветов
⇑ Kuler® — генератор тем от Adobe®

Имена цветов, отпределённых в спецификациях HTML и CSS (16 основных плюс 130 дополнительных). При клике по имени цвета можно увидеть, как он выглядит в качестве фона.

Основные цвета HTML: Aqua, Black, Blue, Fuchsia, Gray, Green, Lime, Maroon, Navy, Olive, Purple, Red, Silver, Teal, White, Yellow.

Таблица отсортирована по именам цветов. Продолжение — в комментах.

Цвета от AliceBlue до SeaGreen

@темы: Цвет, Мелочи под рукой, Theme, SVG, HTML, Color, CSS

Не будите спящего программиста

главная