Все для Css

Мы рады приветствовать вас уважаемые почитатели Counter-Strike: Source на нашем сайте Tfiles.3dn.Ru. Специально для вас были отобраны лучшие на сегодняшний момент карты для Css. Вы без труда выберете именно ту, на которой впоследствии будете играть на своем сервере. Помимо этого широко представлены все необходимые моды для игры. Под самые требовательные запросы. Наш сайт представляет самые актуальные сборки и готовые сервера для css. Все что вам останется, просто перенести готовые файлы на игровой хостинг. Безусловно всех любителей Counter-Strike: Source порадуют представленные нами в огромном ассортименте модели оружия для Css. Надоело играть со стандартными дефолтными моделями, нет проблем, замените на любые понравившиеся у нас на сайте. Проект предназначен не только для любителей и новичков в игре, но и вполне профессиональных кибер спортсменов. Каждый непременно найдет что-либо полезное для себя. Мы ценим доверие своих пользователей и взамен предлагаем только качественную, достоверную информацию и файлы. Можете без тени сомнения положится в этих вопросах на наш сайт. Постоянное обновление материалов гарантирует ,что только наши пользователи будут всегда первыми в самой игре Counter-Strike: Source. Реальный мир противостояния добра и зла, террористов и спецназа, вот именно то, что вы непременно почерпнете у нас. И используете во благо ваших дальнейших побед на всех серверах css. Как говорится, больше фрагов и выше рейтинг! Добро пожаловать на Tfiles.3dn.Ru, в мир контерстрайка!

Главная » Статьи » Уроки html,css

Меню на спрайтах

1.Создаём картинку и делим её пополам
На верхней части пишем то что будет так висеть,а на нижней то что будет показываться при наведении

2.В CSS Вставляем:

Code

a.sprite {display:block;width:150px;height:30px; background:url(http://tfiles.3dn.ru/lessons/menu_sprite/main.png);float:left;margin:0px 2px;} <br>a.sprite:hover {background-position:left 30px;}

3.Там где хотим видеть меню вставляем:

Code

<a class="sprite" href="http://tfiles.3dn.ru"></a>

4.Индивидуальные настройки в CSS (Характеристика)

display:block; - Элемент показывается как блочный.
width:100px; - Ширина изображения.
height:30px; - Высота изображения.
background - Фон.
float - Выравнивание.
margin - Отступ по часовой стрелке / Сверху / Справа / Снизу / Слева. (в нашем случае стоит отступ справа в 2 пикселя.)

5.Демо

http://tfiles.3dn.ru/lessons/menu_sprite/menu_sprite.htm

Статья by TFiles

Категория: Уроки html,css | Добавил: Maestro (27.05.2011)

Просмотров: 771 | Теги: меню с помощью спрайтов, меню сайта ucoz, спрайт меню | Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]