Примеры использования 3-х мерного шрифта.
Ограничения:
Netscape 4.0+ или Microsoft Internet Explorer 4.0+. Описание:
Инструкция:
В тэг <head> Вашей HTML-страницы вставьте следующий код:
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>Примеры использования з-х мерного шрифта</title>
<!-- Здесь определяются наборы стилей -->
<style>
body { background:wheat; font-family:Arrus BT,Garamond,Times New Roman; }
div { position:absolute; }
</style>
<style>
a { text-decoration: none; color:maroon; vlink:maroon; alink:red;}
a:hover {color: red }
.info { font-family:Times New Roman; positon:relative;}
.light { top:-1; left:-1; color:white;}
.shade { top:+1; left:+1; color:pink; }
.fill { top:0; left:0; color:red; }
</style>
<style>
.shade1 { top:+5; left:+5; color:black; }
.fill1 { top:0; left:0; color:red; }
</style>
<style>
.light2 { top:-1; left:-2; color:white; }
.shade2 { top:+1; left:+2; color:black; }
.fill2 { top:0; left:0; color:silver; } </style>
<style>
.light3 { top:-2; left:-2; color:white; }
.shade3 { top:+2; left:+2; color:lightblue; }
.fill3 { top:0; left:0; color:blue; }
</style>
<style>
.light4 { top:-2; left:-2; color:yellow; }
.shade4 { top:+2; left:+2; color:yellow; }
.fill4 { top:0; left:0; color:darkgreen; }
</style>
</head>
В тэг <body> поместите следующий код:
<div class="info"><div class="light">
<p><i>Web-дизайн:</i></p>
</div><div class="shade4">
<p><i>Web-дизайн:</i></p>
</div><div class="fill">
<p>WEB-дизайн:<strong> <font size="4"><a
href="http://www.crosswinds.net/~ysergeev/money.htm"
onmouseover="status='Секреты заработка в Интернет,
бесплатный софт, документация, Web-дизайн и многое
другое...'; return true;"
onmouseout="status='Примеры использования з-х мерного
шрифта'; return true;">http://www.crosswinds.net/~ysergeev/money.htm
</a></font></strong></p>
</div></div>
<p> </p>
<p><br>
<!--- Пример #1 ---></p>
<div class="Example1"><div class="shade1">
<h1>Текст с тенью</h1>
</div><div class="fill1">
<h1>Текст с тенью</h1>
</div></div>
<p> </p>
<p><!--- Пример #2 ---></p>
<div class="Example2"><div class="light2">
<h1>Пример вдавленного фона</h1>
</div><div class="shade2">
<h1>Пример вдавленного фона</h1>
</div><div class="fill2">
<h1>Пример вдавленного фона</h1>
</div></div>
<p> </p>
<p><!--- Пример #3 ---></p>
<div class="Example3"><div class="light3">
<h1>Пример вдавленного цвета</h1>
</div><div class="shade3">
<h1>Пример вдавленного цвета</h1>
</div><div class="fill3">
<h1>Пример вдавленного цвета</h1>
</div></div>
<p> </p>
<p><!--- Пример #4 ---></p>
<div class="Example4"><div class="light4">
<h1>Пример выделенного цвета</h1>
</div><div class="shade4">
<h1>Пример выделенного цвета</h1>
</div><div class="fill4">
<h1>Пример выделенного цвета</h1>
</div></div>
</body>
Источник материалов: http://dynamicdrive.com/
Copyright © 2001 г. Юрий Сергеев
http://www.crosswinds.net/~ysergeev/money.htm