Загрузка. Пожалуйста, подождите...

Главная страница → → Уроки дизайна

Затемнение счётчиков, картинок, баннеров и т.д CSS

Сначала добавляем в css файл ниже написанный код

Отвечает за степень прозрачности, цифры ставьте на нужные Вам.

filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2;
/* Начало-Затемнение */

.gradualfader img {
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2;
}

.gradualfader a:hover img {
opacity:2.0;
-moz-opacity:2.0;
-khtml-opacity:2.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=200);
}

/* Конец-Затемнение */

А сам баннер, картинку, счётчик и др. берём в эти теги
<span class="gradualfader"> ТУТ КОД </span>

При выборе категории..меню с категориями съезжает куда-то..как решить проблему?

При выборе категории.. меню с категориями съезжает куда-то.. как решить проблему?

Фотоклипарт дети,Фотоклипарты дети,Детские клипарты

Вертикальное раздвижное меню

Это меню подойдет для любого сайта в том числе и ucoz. Вертикальное раздвижное меню на Ucoz легкое в установке и работает во всех популярных браузерах. Добавьте вначале вот этот скрипт
<script language="JavaScript"> 
function hide(obj) {
if(document.getElementById(obj).style.display == '')
{document.getElementById(obj).style.display = 'none';
}
else
{document.getElementById(obj).style.display = '';
}
}
</script>

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

Форма входа - мини профиль для ucoz

Форма входа - мини профиль для ucoz. Не только красивый но и удобный для ваших пользователей мини профиль. При вставлении кода вписывается под ваш дизайн сайта

Форма входа - мини профиль для ucoz Форма входа - мини профиль для ucoz Форма входа - мини профиль для ucoz

Включите на главной вверхнем меню конструктор. Нажмите редактирование на своем блоки формы входа (шестеренка) там перейдите в раздел HTML и замените вставив весь код с текстового файла нашего под названием форма_входа. Сохраните изменения - это в конструкторе кнопка.

Урок по верстке. Активная кнопка (эффект при наведении)

В этом уроке я Вам расскажу как можно сделать, чтоб при наведении на кнопку, менялся фон. Есть два варианта. Первый - это когда есть две картинки и с помощью a:hover указываем бэкграундом ту, на которую должно менятся при наведении. Но, мы рассмотрим вариант, когда картинка одна, но состоит из двух частей, так как при первом варианте вторая подгружается не сразу при загрузке сайта, а только по требованию, тоесть только при наведении и это может занять некоторое время, что при не очень скоростном интернете довольно таки заметно. И так, возьмем за основу такое изображение, состоящие из двух нужных нам картинок: Урок по верстке. Активная кнопка