| 21/07/2003 |
|
Выпуск#37 |
|
ПОЛЕЗНЫЕ
СОВЕТЫ ВЕБ-ДИЗАЙНЕРУ |
Здравствуйте
уважаемые подписчики!
Как вы уже успели заметить,
дизайн рассылки мы поменяли, как и обещали. Хотелось бы
знать ваше мнение по поводу этого. Есть одна не хорошая
новость: Эдмон был призван по долгу службы в армию:(.
Так что, теперь я одна, буду выпускать рассылку до его
возвращения.
| |
| ......................................................................................................................
|
| CSS |
|
Горизонтальное
отражение.
Продолжая тему встраивания
фильтров , сегодня мы применим технику горизонтального
отражения текста. Такой, довольно простой фильтр.
В
код страницы между тегами <body> и </body>
нужно вставить следующее:
<table border=0
style="filter:fliph">
<tr><td>
<p>Ваш
текст</p>
</td></tr>
</table>
| |
| |
| ......................................................................................................................
|
| ИНТЕРActive |
Упругий текст.
Сегодня вашему вниманию не сложный скрипт, который
имитирует упругий текст.
<HTML>
<HEAD>
<script
LANGUAGE="JavaScript">
// Array of sizes to cycle
over
var sizes = new Array("0px", "1px", "2px",
"4px", "8px", "16px");
sizes.pos = 0;
function
rubberBand() {
var el = document.all.elastic;
if
(null == el.direction)
el.direction = 1;
else if
((sizes.pos > sizes.length - 2) ||
(0 ==
sizes.pos))
el.direction *=
-1;
el.style.letterSpacing = sizes[sizes.pos +=
el.direction];
}
</script>
</HEAD>
<BODY
BGCOLOR="#ffffff" TEXT="#000000" LINK="#0000FF"
VLINK="#7F007F" ALINK="#FF0000"
ONLOAD="window.tm =
setInterval('rubberBand()',
100);"ONUNLOAD="clearInterval(window.tm);">
<h1
ID="elastic" ALIGN="center">Ваш
текст</h1>
</BODY>
</HTML>
| Здесь
упругость текста регулируется параметрами , заданными в первой
части скрипта (выделены жирным) ,путем удваивания текушего
числа. Например, что бы уменьшить упругость необходимо
уменьшить количество цифр, т.е. можно оставить только первые 4
. Чтобы увеличить диапазон растягивания текста нужно добавлять
число , равное предыдущему увеличенному вдвое.
| |
| ......................................................................................................................
|
| #CoLors# |
Это примеры цветов и их шеснадцатеричный
код.
| A |
#FFFFF0 |
A |
#DA70D6 |
А |
#98FB98 |
A |
#008080 |
A |
#708090 |
A |
#DB7093 |
A |
#FFC0CB |
A |
#B0E0E6
|
| |
| ......................................................................................................................
|
| Совет |
Для того, что бы поместить часы в строку состояния
можно воспользоваться следующим скриптом
Между тегами
<head> и </head> помещаем:
<Body
OnLoad="startclock(); TimerOne=window.setTimeout">
<Script Language="JavaScript">
var timerID =
null;
var timerRunning = false;
function stopclock ()
{if(timerRunning)
clearTimeout(timerID);
timerRunning = false;}
function showtime ()
{var
now = new Date();
var hours = now.getHours();
var
minutes = now.getMinutes();
var seconds =
now.getSeconds();
var timeValue = "" + hours;
timeValue += ((minutes < 10) ? ":0" : ":") + minutes;
timeValue += ((seconds < 10) ? ":0" : ":") + seconds;
window.status = timeValue;
timerID =
setTimeout("showtime()",1000);
timerRunning = true;}
function startclock ()
{stopclock();
showtime();}
</Script>
| |
|
|
|