19/07/2002
Еженедельная электронная рассылка
Выпуск# 30
ПОЛЕЗНЫЕ СОВЕТЫ
ВЕБ-ДИЗАЙНЕРУ


Приветствуем всех!
Обращаемся к читателям рассылке с вопросом, а вернее за помощью. Необходим бесплатный хостинг с поддержкой perl или php. Заранее всем благодарны! Свои предложения просьба направлять мылом web-design@hotmail.ru.

 

   CSS


    Изменение границ объекта.
Мы продолжаем говорить о границах объектов и их возможных изменениях. Сегодня поговорим о применении стиля "inset". Этот стиль задает трехмерную врезку вокруг обьекта.
В код страницы между тегами <head> и </head> нужно вставить следующее:

<style type="text/css">
<!--
DIV {border-style: inset; border-color: #000000;}
-->
</style>
Где border-style: есть свойство, задающее стиль рамки вокруг объекта, а border-color: есть свойство, задающее цвет этой рамки.
   ИНТЕРActive

   
    Cкрипт выводит заданный текст побуквенно заданное число раз.

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language=JavaScript>
var str=" Телетайпный текст"
var speed=200
var loop=5
var pausa=1000
var typed=""
var j=0
var i=0
function type(){
if(jbr> hz=setInterval("tele()",speed)
}}
function tele(){
if (str.charAt(i)!="")
{
typed=typed+str.charAt(i)
teletype.innerHTML=typed
i+=1
}
else {clearInterval(hz)
j+=1
i=0
typed=""
hzh=setTimeout("paus()",pausa)
}}
function paus(){clearTimeout(hzh)
type()
}
</SCRIPT>
<BODY>
</BODY>
</HTML>

   Под себя можно настроить 4 переменных: var str - выводимая строка (кавычки обязательны). Пробелами между открывающей кавычкой и текстом можно задать интервал, когда между циклами текст не отображается. var speed - скорсть вывода букв (в милисекундах), чем больше цифра, тем медленнее выводятся буквы. var loop - количество циклов выода строки. var pausa - время, которое текст остаётся неподвижным между циклами. Три другие переменные лучше не трогать.
Теперь в том месте HTML, где нужно увидеть анимированный текст, вставляем вторую часть скрипта:
<SCRIPT language=JavaScript>
if (navigator.appName=="Microsoft Internet Explorer"){
document.write('')
type()}
else{document.write(str)}
</SCRIPT>
Если вставить между тегами форматирования, то будет анимирован форматированный текст, например в моём примере (в прицепе) скрипт вставлен между тегами заголовка первого уровня, получился анимированный заголовок.


   #CoLors#

Это примеры цветов и их шеснадцатеричный код.

A
#BDB76B
A
#FF1493
А
#1E90FF
A
#DCDCDC
A
#FFFACD
A
#32CD32
A
#9370DB
A
#FFDAB9


   Совет

Для того, что бы рамка таблицы выводилась только справа и слева , примените атрибут "frame" к дескриптору <table> и установите ему значение "hsides".
Например: <table frame="hsides">
Примечание: при этом в теге <table> следует указать значение атрибута "border" большее "0" .
Эдмон и Ирэн
Напоминаем, что в скриптах могут быть ошибки, о которых мы бы хотели, чтобы вы сообщали.
Архив рассылки вы можете посмотреть на http://friends.pomorsu.ru/~admont/
Наш e-mail: web-design@hotmail.ru