17:37
Есть так много вещей , которые мы модем сделать с дополнительными свойствами и возможностями CSS3. Сегодня вы увидите это своими глазами
Смотрим ДЕМО
Установка:
Первый вариант!
Ставим между head и /head:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/css/style1.css" />
<link rel="stylesheet" type="text/css" href="/css1/css/styleIE.css" />
Это код нашего меню, ставим туда , где хотим видеть его :
Code
<ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
Второй вариант!
Ставим между head и /head:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/css/style2.css" />
<link rel="stylesheet" type="text/css" href="/css1/css/styleIE.css" />
Это код нашего меню, ставим туда , где хотим видеть его :
Code
ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
Третий вариант!
Ставим между head и /head:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/css/style3.css" />
<link rel="stylesheet" type="text/css" href="/css1/css/styleIE.css" />
Это код нашего меню, ставим туда , где хотим видеть его :
Code
ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
Четвертый вариант!
Ставим между head и /head:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/css/style4.css" />
<link rel="stylesheet" type="text/css" href="/css1/css/styleIE.css" />
Это код нашего меню, ставим туда , где хотим видеть его :
Code
ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
Пятый вариант!
Ставим между head и /head:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/css/style5.css" />
<link rel="stylesheet" type="text/css" href="/css1/css/styleIE.css" />
Это код нашего меню, ставим туда , где хотим видеть его :
Code
ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
Шестой вариант!
Ставим между head и /head:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/css/style6.css" />
<link rel="stylesheet" type="text/css" href="/css1/css/styleIE.css" />
Это код нашего меню, ставим туда , где хотим видеть его :
Code
ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
Седьмой вариант!
Ставим между head и /head:
Code
<link rel="stylesheet" type="text/css" href="/css/demo.css" />
<link rel="stylesheet" type="text/css" href="/css/style2.css" />
<link rel="stylesheet" type="text/css" href="/css1/css/styleIE.css" />
Это код нашего меню, ставим туда , где хотим видеть его :
Code
ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Personal Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
Из прикрепленного архива все файлы заливаем в соответствующие папки!
Для первого варианта - style1
Для второго варианта - style2
И тд.
