Стилизация радиокнопок и флажков

JavaScript/CSS/HTML

О чём эта статья? В этой статье я расскажу, как с помощью HTML и CSS (на этот раз без JS) можно легко стилизовать радиокнопки (radioboxes) и флажки (checkboxes) на своём сайте. Исходные данные Эта статья продолжает цикл "Как стилизовать нестилизуемое" :). Ранее мы говорили о том, как поменять внешний вид полос прокрутки с помощью плагина jScrollPane и несложных стилей CSS, а также о том, как стилизовать поле для загрузки файла, используя CSS, правильную разметку и несколько строк кода JS. На оче... Читать далее >>


Creating custom scrollpane using JavaScript

JavaScript/CSS/HTML

Русская версия статьи. What's in this article? I will explain how in nearly 10 minutes you can create a custom scrollpane for your website with the help of the jScrollPane, a jQuery library, and how to style and customize it. Basic information Sooner or later every webdesigner will face the following problem: scrollpanes on the website that he is creating just do not fit in the design (and every browser renders it differently). In many cases this is not a big deal, but there are customers who pa... Читать далее >>


Стилизация поля для загрузки файла

JavaScript/CSS/HTML

О чём эта статья? Я расскажу о том, как быстро стилизовать поле для загрузки файла, используя CSS и jQuery. Этот метод работает во всех браузерах и позволит сделать поле загрузки, которое будет соответствовать дизайну вашего сайта. План действий Поле для загрузки файла наряду с радиокнопками, полем ввода типа select и рядом других относится к тем элементам HTML, стилизовать которые стандартными средствами не получится (точнее, изменять можно только очень ограниченный набор стилей). Рассмотрим оч... Читать далее >>


Нестандартная полоса прокрутки с помощью JavaScript

JavaScript/CSS/HTML

There is an English version of this article available. О чём эта статья? В этой статье я расскажу о том, как буквально за 10 минут с помощью jScrollPane - библиотеки для jQuery - вы сможете сделать нестандартную полосу прокрутки для своего сайта, а также как её стилизовать и настроить. Базовые сведения Рано или поздно веб-дизайнер сталкивается с тем, что полосы прокрутки на сайте, который он создаёт, смотрятся неорганично (и каждый браузер отображает их по-своему). Во многих случаях это не являе... Читать далее >>