На данной странице я приведу некоторые примеры по веб-графике
Вот один из них.
размер этой картинки 2,85кб
Размер этого изображения всего 669 байт.
Кроме того вы можете менять ширину и высоту, и это не повлияет на байты.
В любой момент изменить шрифт, сам текст и его цвет.
В общем отформатировать так как вам хочется :)
Исходный код для данного изображения:
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>ГРАДИЕНТ</title>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<style>
v\:* {behavior:url(#default#VML);}
</style>
</head>
<body>
<v:shapetype id=_x0000_t136 o:spt="136" coordsize="0,0"></v:shapetype>
<v:shape id=_x0000_i1027 style="HEIGHT: 40pt; WIDTH: 200pt" type="#_x0000_t136" fillcolor="red" stroked="f">
<v:fill rotate="t" type="gradient" color2="blue"></v:fill>
<v:textpath style="FONT-FAMILY: "Arial"; v-text-kern: t" fitpath="t" trim="t" string="ГРАДИЕНТ"></v:textpath>
</body>
</html>
|
Исходный код для данного изображения:
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>Kreawater</title>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
<style>
v\:* {behavior:url(#default#VML);}
</style>
</head>
<body>
<v:shapetype id="_x0000_t136" coordsize="0,0" o:spt="136">
</v:shapetype>
<v:shape type="#_x0000_t136" style='width:70px;
height:22px' fillcolor="#f80" stroked="0">
<v:textpath style='font-family:"Arial";font-size:1pt;' trim="1" string="Krea"/>
</v:shape>
<v:shape type="#_x0000_t136" style='width:130px;height:21px'
fillcolor="#08f" stroked="0">
<v:textpath style='font-family:"Arial";font-size:1pt;font-weight:bold;' trim="1" string="water"/>
</v:shape>
</body>
</html>
плохо только то что не все браузеры понимают атрибуты v:shapetype, v:shape, v:fill,
|
© MaksMedia kmaxs@list.ru
|
|