Всё реже на сайтах встречаются цветные полосы прокрутки, так как этот эффект подходит не ко всем дизайнам.

Но есть и сайты на которых хорошо вписывается цветная полоса прокрутки, в основном она под цвет сайта.

Для реализации этого, нам понадобится css стили. Есть множество форумов, где люди представляют эти свойства(цвет полосы прокрутки) в плохом виде, типа того, что они портят дизайн, и раздражают. Да это так. Но есть малое кол-во сайтов, где полоса прокрутки имеет цвет сайта, и не мешает вообще. Но достичь того эффекта не так просто.

Теперь давайте рассмотрим все возможные свойства полосы прокрутки:Читать полностью »

Вы должно быть встречали на сайте фиксированные блоки, которые при

прокрутке остаются на месте, то есть не исчезают с экрана. В основном в

этих блоках можно встретить меню или ссылку оставить отзыв. Такие блоки

задаются при помощи css. В css существует свойство position, которое

определяет позицию блока, и в нём есть параметр fixed, который

фиксирует блок на одном месте, и при прокруте блок остаётся на том же

месте и не исчезает с экрана, то есть он не прокручивается вместе с

контентом сайта, и всегда виден пользователю. Этот не хитрый приём

можно использовать, например чтобы заманить пользователя на какую

нибудь страницу Вашего сайта, скажем на страницу с акцией, или чтобы

пользователь оставил отзыв о статье, или чтобы зарегистрировался.

И так для начала создадим файл index.html, в котором не будет контента вообще:Читать полностью »

В этом уроке мы создадим стиль для блока, и в html файле создадим два блока и в них какие нибудь текста.
Для начала создадим html файлб в котором пропишем какой нибудь текст:Читать полностью »

В стилях css существует 8 свойст текста:

text-indent;
letter-spacing;
word-spacing;
text-decoration;
text-align;
line-height;
text-transform;
vertical-align;

Первое свойство отвечает за красную строку, если мы хотим чтобы текст как-то выделялся, а не был сплошным, то мы должны использовать это свойство.
Давайте будем рассматривать это на примерах:
Создадим html файл index.html и пропишем в нём такой код:
Читать полностью »

На большинстве сайтов, Вы могли всё чаще встречать всплывающую подсказку к интересующей Вас ссылке или картинке. Но если просто у картинок прописывать alt, то будет подсказка стандартного вида, а не такая, как на большинстве сайтов, а именно - красивая, и функциональная, с возможностью добавлять в подсказку картинку, или сделать фон подсказки в виде картинки с скруглёнными углами и с тенью. Для реализации этой затеи нам понадобится css, hmtl и javascript. Некоторые начинающие веб-мастера когда слышат слово javascript, то не понимают что это, или они наслышаны о том, что javascript затормаживает работу сайта, так и есть, только если не злоупотреблять javascript'ом, то и работа сайта не будет заторможена. Вы могли встречать работу javascript в формах добавления комментария - мы говорим про добавление смайлов или bb-кода в форму комментария, именно javascript осуществляет добавление данных через кнопку в форму.
Перейдём к созданию всплывающей подсказки:
Для начала создадим css таблицу стилей под названием style.css
И в ней пропишем стиль для подсказки под названием - floatTip:
Читать полностью »