Создание бегущей строкиДля того чтобы создать бегущую строку, надо воспользоваться дескриптором <MARQUEE>. Управлять движением позволяет атрибут BEHAVIOR. Значение scroll - заставляет строку появляться с одной стороны экрана и исчезать за противоположной стороной. Значение slide - строка появляется из-за одной стороны экрана и останавливается у другой. Значение alternate - заставляет строку бегать взад-вперед. Атрибут DIRECTION задает направление перемещения строки. Атрибут LOOP - определяет количество циклов перемещения. Атрибут BGCOLOR - позволяет изменять цвет фона бегущей строки. Атрибут SCROLLAMOUNT - служит для задания шага перемещения строки в экранных пикселях. SCROLLDELAY - служит для указания времени задержки в миллисекундах между отдельными тактами перемещения строки. Ниже приведены примеры бегущих строк. Следует сказать, что дескриптор <MARQUEE> до последнего времени поддерживался только Microsoft IE. Пример: HTML-код:
<marquee behavior="scroll" direction="left">Бегущая строка 1</marquee> <marquee behavior="alternate" direction="right" loop="30" scrollamount="10">Бегущая строка 2</marquee> <marquee behavior="scroll" direction="left" scrolldelay="500" bgcolor="#00ff00">Бегущая строка 3</marquee> | |
Размещение текста поверх изображенияЕсли возникает задача размещения изображения поверх текста, то в этом вам поможет, уже изученная, обыкновенная таблица. Надо создать таблицу, состоящую из одной строки и одного столбца. Чтобы удалить обрамление и свободные участки между ячейкой и границей таблицы, надо атрибутам BORDER CELLPADDING CELLSPACING присвоить нулевые значения. Атрибутами WIDTH HEIGHT надо "подогнать" размеры таблицы под размер изображения. Вот и все. Пример смотрите ниже. Пример: HTML-код:
<table border="0" cellpadding="0" cellspacing="0" background="img/tigr.jpg" height="41" width="50"><tr><td> Это тигр </td></tr></table> | Отображение в браузере:
|
Множество полезных скриптов можно найти на сайте Cкрипты для вебмастера очень советую посмотреть
Создание всплывающих подсказокДля создания всплывающих подсказок служит атрибут TITLE. Этот атрибут можно применять в контексте многих тэгов. Например, если применить этот атрибут в теле дескриптора гиперссылки <A>, то при наведении курсора на данную гиперссылку, пользователю будет показан текст, набранный в атрибуте TITLE. Если в графическом изображении был использован атрибут ALT, то пользоваться TITLE вовсе не обязательно, т.к. в этом случае пользователю показывается данные атрибута ALT. Последние поступления на главной
5. Настраиваем шаблон информера:
Code <table border="1" cellspacing="0" style="border-collapse: collapse" width="100%" id="table1"> <td> <center><div class="gallerycontainer"><a class="thumbnail" href=""><img class="glossy" src="" width="180" height="250" title="" border="0"></a></div></center></hr> </td> </tr> </tr></table>
6. Далее вставляем код информера ($MYINF_...$) в нужное место, например "Страницы сайта " вместо , чтобы было на главной, как у меня. 7. Подключаем скрипт Glossy:
Между <head> и </head>
Вставляем: Code <script language="javascript" type="text/javascript" src="http://itorrent.pp.ru/js/glossy.js"></script>
(Советую загрузить скрипт к себе на сайт)
Персональная страница пользователя в ajax как
на uCozFAN.Ru
|
Персональная страница пользователя в
ajax как на uCozFAN.Ru Описание: При клике на слово "профиль" появляется ваша персональная страница в красивом ajax окне Установка: Создайте в файловом менеджере папку ajax и залейте туда файл "mini_profil.xml" Чтобы вызвать данное ajax окно поставьте куда вам угодно данный скрипт:
Code <noindex> <a href="javascript://" onClick="openLayerB('by uCozFAN.Ru',0,'/ajax/mini_profil.xml','Профиль',750,410,'1','','',0,'justify'); return false;">Профиль</a> </noindex>
|
Проверка ЛС (с темами сообщений) Каждые 10 секунд скрипт проверяет не пришли ли вам ЛС. Вы сразу узнаете темы сообщений и прямые ссылки на ЛС. Code <script type="text/javascript">function tMess(n){var a=[' новое сообщение',' новых сообщения',' новых сообщений'];return a[n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2]}; function getPM(){$.get("/index/14",function(a){var s=$("b.unread",a).size();if (s) {var n=tMess(s),all=[],leg=(s==1)?'Сообщение':'Сообщения';$("b.unread",a).each(function(){var title = $(this).html(), href = $(this).parent().attr("href"); all.push('» <a href="'+href+'">'+title+'</a>');}); new _uWnd('ls','Новые ЛС',250,120,{icon:'http://javascript.ucoz.net/images/message.png',align:'left'},'<center>Вам пришло '+s+n+'!</center><br><fieldset><legend>'+leg+'</legend>'+all.join("<br>")+'</fieldset>');}});setTimeout(getPM,10000)};getPM();</script> |
Новейший вид менюшки
Регистрация в AJAX окне
для ucoz
| Заходим в ПУ -> Управление дизайном -> Страница
регистрации пользователей -> заменяем всё на это : Код:
<html><HEAD>
<META http-equiv="content-type" content="text/html;
charset=UTF-8">
<TITLE>Страница регистрации -
Программы аудиокниги фильмы заработок раскрутка</TITLE>
</head><BODY
style="background-color:#FFFFFF; margin:0px; padding:0px;">
<LINK type="text/css" rel="StyleSheet"
href="/.s/src/css/901.css">
<TABLE cellpadding="0" cellspacing="0" border="0" width="100%"
style="padding: 0 10px 10px 10px;"><TBODY><TR><TD
width="100%" align="center">
<script> </script>
</TD></TR></TBODY></TABLE>
</BODY></html>
Далее в ПУ -> Управление дизайном -> Форма регистрации
пользователей -> заменяем всё на это : Код:
<table border="0"
cellspacing="1" cellpadding="2" width="100%" class="manTable"
id="siM63">
<tr id="siM1"><td colspan="2" align="center"
class="manTdError"
id="siM2"></td></tr><tr><td height="10"
class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM42"><td class="manTd1" width="35%"
id="siM43"></td><td class="manTd2"
id="siM44"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM45"><td class="manTd1"
id="siM46"></td><td class="manTd2"
id="siM47"></td></tr>
<tr id="siM48"><td class="manTd1"
id="siM49"></td><td class="manTd2"
id="siM50"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr><td height="10"
class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM70"><td class="manTd1"
id="siM71"></td><td class="manTd2"
id="siM72"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM51"><td class="manTd1"
id="siM52"></td><td class="manTd2"
id="siM53"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM54"><td class="manTd1"
id="siM55"></td><td class="manTd2"
id="siM56"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM3"><td class="manTd1"
id="siM4"></td><td class="manTd2"
id="siM5"></td></tr><tr><td height="10"
class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM6"><td class="manTd1"
id="siM7"></td><td class="manTd2"
id="siM8"></td></tr><tr><td height="10"
class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM9"><td class="manTd1"
id="siM10"></td><td class="manTd2"
id="siM11"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM12"><td class="manTd1"
id="siM13"></td><td class="manTd2"
id="siM14"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM15"><td class="manTd1"
id="siM16"></td><td class="manTd2"
id="siM17"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM30"><td class="manTd1"
id="siM31"></td><td class="manTd2"
id="siM32"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM27"><td class="manTd1"
id="siM28"></td><td class="manTd2"
id="siM29"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM18"><td class="manTd1"
id="siM19"></td><td class="manTd2"
id="siM20"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM21"><td class="manTd1"
id="siM22"></td><td class="manTd2"
id="siM23"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM24"><td class="manTd1"
id="siM25"></td><td class="manTd2"
id="siM26"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM36"><td class="manTd1" valign="top"
id="siM37"></td><td class="manTd2"
id="siM38"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM33"><td class="manTd1"
id="siM34"></td><td class="manTd2"
id="siM35"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM39"><td class="manTd1"
id="siM40"></td><td class="manTd2"
id="siM41"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM63"><td class="manTd1"
id="siM64"></td><td class="manTd2"
id="siM65"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr id="siM60"><td class="manTd1"
id="siM61"></td><td class="manTd2"
id="siM62"></td></tr><tr><td
height="10" class="manTdSep" colspan="2"><hr class="manHr"
/></td></tr>
<tr
id="siM64"><td class="manTdBut" colspan="2" align="center"
id="siM65"><input class="manFlSbm" id="siF20" type="submit"
name="sbm" value="" /></td></tr>
</table>
и вставьте в меню вместо : Код:
<a
href="/register">Регистрация</a>
это : Код:
<a
href="javascript:openLayerA('obsv','/index/3','Регистрация','500','556','yes');">Регистрация</a>
|
|
