Значение кодировок в веб дизайне

Наверняка каждый не раз сталкивался с проблемой кодировки — «тарабарщина» вместо информативного текста на загруженной веб странице, это и есть наглядный пример неправильного определения кодировки текстового содержания. Прочитать полностью »

Гирлянды на сайт

гирлянды для сайта Скоро новый и надо бы украшать не только ёлку, но и наш с вами сайт. С помощью урока снег на сайте, мы уже добавили падающие снежинки с помощью Javascript. Теперь же мы добавим гирлянды. Для того чтобы повесить на сайт гирлянды всего-то нужна одна строчка.
Украсить сайт гирляндами

Теги: , , ,

Специальные символы HTML

Обозначения специальных символов в HTML 4

Обозначения специальных символов в HTML 4

Теги:

Выпадающее меню на CSS

Выпадающее меню на CSSПростой пример реализации выпадающего меню без javascript, чисто на CSS+HTML

Принцип действия: при наведении курсора на заголовок меню, выбирается класс котором есть пункт показа выпадающего меню, то есть display:none превращается в display:block. Посмотреть пример выпадающего меню.

Сделать для своего сайта выпадающее меню на CSS без Javascript

Теги: ,

Простое Popup окно

Простое popup окно можно посмотреть в этом примере.

Код до безобразия прост:

Код popup окна
<div id="mypopup" name="mypopup" style="position: absolute; width: 200px; height: 200px; display:none; background: #000; border: 2px dotted #00f; left:10px; top:100px;color:#fff; text-align:center; font-size:24px; font-weight:700;">
<p>POPUP окно</p>
<p onClick='document.getElementById("mypopup").style.display="none"'>закрыть окно</p>
</div>

Код вызова
<p onClick='document.getElementById("mypopup").style.display="block"' style="font-size:24px; background-color:#ccc; text-align:center;">Нажми сюда</p>

Теги:

1