18,71 КБ

Школьный форум

Объявление

Кому понравился форум и хочет помочь ему раскрутится прошу сюда. С уважением GARRY, Олег и CrystalFire админы форума!

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Школьный форум » Всякая всячина » Коды для форумов


Коды для форумов

Сообщений 1 страница 28 из 28

1

Здесь вывешиваем коды для администратирования,пользователей.

0

2

B, I, U, S стили начертания
полужирный
наклонный
подчеркнутый
маленький

COLOR цвета (только для администрации)
белый
зелёный
[red]красный[/red]
[blue]синий[/blue]
[gray]серый[/gray] (этот тег доступен всем)

OFF оффтоп
[off]оффтоп[/off] (равнозначен [gray]оффтоп[/gray])

URL гиперссылка
http://www.multicom.ru (обратите внимание, пробелов нигде быть не должно!)
или
Отечественный производитель мини АТС

IMG рисунок
http://www.multicom.ru/ubb/bbtitle.gif (обратите внимание, пробелов нигде быть не должно!)

EMAIL ссылка на e-mail
- (обратите внимание, пробелов нигде быть не должно!)

LIST списки

Неупорядоченный список
[list]
[*] Это первая строка списка.     
[*] Это вторая строка списка.
[/list] Это первая строка списка.
Это вторая строка списка.

Упорядоченный нумерованный список
[list=1]
[*] Это первая строка списка.     
[*] Это вторая строка списка.
[/list] 1. Это первая строка списка.
2. Это вторая строка списка. 

Упорядоченный список по имени A-Z
[list=A]
[*] Это первая строка списка.     
[*] Это вторая строка списка.
[/list] A. Это первая строка списка.
B. Это вторая строка списка. 

QUOTE, Q цитата, будет вставлена с небольшим отступом по ширине и высоте от основного текста.

цитата

или
[q]цитата[/q]

CODE код, используйте для предотвращения форматирования (автопереноса текста на новую строку, убирания лишних пробелов), удобно для исходных текстов программ. Код будет вставлен с небольшим отступом по ширине и высоте от основного текста.

Код:
print "Hello World!"

TABLE, TR, TD таблица, используются по аналогии с HTML (доступно только зарегистрированным участникам)

- 1 -

- 2 -

- 3 -

- 4 -

- 5 -

         - 1 - - 2 -
- 3 - - 4 -
- 5 -
         [TR]: valign=top/middle/bottom
[TD]: colspan/rowspan=2-9 align=center/right

0

3

Коды форума
Вводите Вид отображения
Текст для примера Текст для примера
Текст для примера Текст для примера
Текст для примера Текст для примера
Текст для примера Текст для примера
- user@domain.com
Нажмите сюда! Нажмите сюда!
http://www.domain.com 
Нажмите сюда! 
Текст для примера Текст для примера
Текст для примера Текст для примера
Текст для примера Текст для примера
http://www.tulatalk.ru/forums/http://www.tulatalk.ru/forums/style_images/1/icon11.gif 
[list][*]List Item [*]List Item[/list] List Item
List Item

[list=1][*]List Item [*]List Item[/list] List Item
List Item

[list=a][*]List Item [*]List Item[/list] List Item
List Item

[list=i][*]List Item [*]List Item[/list] List Item
List Item

Текст для примера

QUOTE 
Текст для примера

Код:
$this_var = "Hello World!";

CODE 
$this_var = "Hello World!";

[sql]SELECT t.tid FROM a_table t WHERE t.val="This Value"[/sql] SQL 
SELECT t.tid FROM a_table t WHERE t.val="This Value" 

[html]<a href="test/page.html">A Test Page</a>[/html] HTML 
<a href="test/page.html">A Test Page</a>

0

4

ЛОВИ репку(уважушку)! :)

0

5

Пасиб.

0

6

как создать стандартный код:

[a href="http://www.сайт.ru"/][img src="http://www.сайт.ru/uploads/88x31.gif" border=0 width=88 height=31 alt=""/] - тут необходимый текст[/a]

или так

[a href="http://www.сайт.ru"/][img src="http://www.сайт.ru/uploads/88x31.gif" border=0 width=88 height=31 alt=""/][/a][a href="http://www.сайт.ru"/]тут необходимый текст[/a]

скрипт не дает добавить такой вариант, либо текст либо img.

P.S. версия скрипта последняяКонечно не дает. В Ваших примерах Вы совмещаете в один код и текстовый линк и кнопку туда же. Вообще-то эти вещи отдельно делаются. Текстовый линк он и есть текстовый, а кнопка - кнопка....
Это кнопка:Код
[a href="http://www.сайт.ru"/][img src="http://www.сайт.ru/uploads/88x31.gif" border=0 width=88 height=31 alt=""/][/a]
Это текстовая ссылка:Код
[a href="http://www.сайт.ru"/]тут необходимый текст[/a]
Очень просто.

0

7

Рамка форума.

Code

<FORM action="mailto:svetlana__2006@mail.ru">   
<TEXTAREA name="KHOIIKA" cols="20" rows="3" wrap="virtual"> <(...) ></a> </TEXTAREA>

Где cols="20"-ширина, rows="3"-высота строк, (...) - нужное вставить
Бегунок с боку

Code

<div ="center" width="100%" style="line-height: 1.0;scroll:auto; overflow:auto; height: 500px;text-align:left;">

Где height: 500px -высота
Двигующаяся лента

Code

<marquee direction="up" scrollamount="3" width="160" height="100" onmouseover="this.stop()" onmouseout="this.start()">   

Где direction= можно ставить "up"-вверх, "down"-низ, "left"-лево, "right"-право, scrollamount="3"-скорость движения, width="160"-ширина, height="100"-высота
Верхушка форума №1

Code

  <!-- Header -->
<tr><td height="20" align="right" style="padding-right:10px;">$WDAY$, $DATE$, $TIME$</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="970" height="140" style="background:url(' http://svetlanochka.ucoz.ru/_ld/0/84.gif ');">
<td style="background:   
<td style="background:font-size:10px ;color:#00FFFF; padding-left:5px;" width="10%" class="topLink"><a href=

<tr><td align="left" style="padding-left:10px;"><a href="$HOME_PAGE_LINK$" title="Главная">Главная</a>%IF($USER_LOGGED_IN$)% | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль">Мой профиль</a>%ELSE% | <a href="$REGISTER_LINK$" title="Регистрация">Регистрация</a>%ENDIF% %IF($USER_LOGGED_IN$)% | <a href="$LOGOUT_LINK$" title="Выход">Выход</a>%ELSE% | <a href="$LOGIN_LINK$" title="Вход">Вход</a>%ENDIF%</td>
<td align="right" style="padding-right:10px;">%IF($USER_LOGGED_IN$)%Вы вошли как <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><b>$USERNAME$</b></a> | Группа "<u>$USER_GROUP$</u>"%ELSE%Приветствую Вас <b>$USERNAME$</b>%ENDIF% </td></tr>
</table>
<!-- /Header -->

Музыка на форуме

Code

<!--Музыка -->   
<fieldset style="width: 200px;"><legend><img src ="http://svetlanochka.ucoz.ru/_nw/0/32654.gif" border="0"></legend>   
<OBJECT ID="NSPlay" WIDTH="250" HEIGHT="26" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">   
<PARAM NAME="FileName" VALUE= "http://www.playcast.ru/uploads/work/191943.mp3" >   
<PARAM NAME="ShowControls" VALUE="1">   
<PARAM NAME="ShowPositionControls" VALUE="0">   
<PARAM NAME="ShowAudioControls" VALUE="1">   
<PARAM NAME="ShowTracker" VALUE="0">   
<PARAM NAME="ShowDisplay" VALUE="0">   
<PARAM NAME="ShowStatusBar" VALUE="0">   
<PARAM NAME="ShowGoToBar" VALUE="0">   
<PARAM NAME="ShowCaptioning" VALUE="0">   
<PARAM NAME="AutoStart" VALUE="1">   
<PARAM NAME="AutoSize" VALUE="0">   
<PARAM NAME="PlayCount" VALUE="1000">   
<Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaplayer/en/default.asp"   
filename= "http://www.playcast.ru/uploads/work/191943.mp3"   
src= "http://www.playcast.ru/uploads/work/191943.mp3"   
Name=NSPlay   
ShowControls="1"   
ShowPositionControls="0"   
ShowAudioControls="1"   
ShowTracker="0"   
ShowDisplay="0"   
S       howStatusBar="0"   
ShowG oToBar="0"   
ShowCaptioning="0"   
AutoStart="1"   
AutoSize="0"   
PlayCount="1000"   
width="150"   
height="26">   
</embed>   
</OBJECT></fieldset>   
<!--/-->   

Закрыть свои сайт или отдельную страницу

Code

script>   
function pass() {   
pass_txt=prompt('Введите пароль для входа:','');   
if(pass_txt=='pass') {   
window.open('/forum','full','scrollbars=1,resizable=1,top=0, left=0,width='+screen.width+',height='+screen.height);   
}   
else alert('Пароль не верный! Если вы не Модератор у вас нет прав заходить сюда.');   
}   
</script>   
<a href="javascript://" onClick="pass();">Форум</a>   

Табу на свой форум

Code

<SCRIPT LANGUAGE="JavaScript">   
document.ondragstart = test;   
//запрет на перетаскивание   
document.onselectstart = test;   
//запрет на выделение элементов страницы   
document.oncontextmenu = test;   
//запрет на выведение контекстного меню   
function test() {   
return false   
}</SCRIPT>   

Новогодний прикол
Вставте ниже приведённый текст в адресную строку (желательно на форуме, где открыта тема в которой написали побольше пользователей) и нажмите переход. В МОЗИЛЕ НЕ РАБОТАЕТ

Code

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24;x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length;function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style;DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5;DIS.top=Math .cos(R*y1+i*y2+y3)*y4+y5}R++ }setInterval('A()',5); void(0);   

Как сделать таймер обратного отсчета
Для этого надо в код шаблона вставить следующий скрипт:

Code

<SCRIPT language=JavaScript type=text/javascript>   
function fulltime () {   
var time=new Date();   
var newYear=new Date("jan,01,2007,00:00:00");   
var totalRemains=(newYear.getTime()-time.getTime());   
if (totalRemains>1){   
var RemainsSec = (parseInt(totalRemains/1000));//5   
var RemainsFullDays=(parseInt(RemainsSec/(24*60*60)));//33   
var secInLastDay=RemainsSec-RemainsFullDays*24*3600; //5   
var RemainsFullHours=(parseInt(secInLastDay/3600));//33   
if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours};   
var secInLastHour=secInLastDay-RemainsFullHours*3600;//5   
var RemainsMinutes=(parseInt(secInLastHour/60));//51   
if (RemainsMinutes<10){RemainsMinutes="0"+RemainsMinutes};   
var lastSec=secInLastHour-RemainsMinutes*60;//5   
if (lastSec<10){lastSec="0"+lastSec};   
document.getElementById("RemainsFullDays").innerHTML=RemainsFullDays+"дн. ";   
document.getElementById("RemainsFullHours").innerHTML=RemainsFullHours+"ч. ";   
document.getElementById("RemainsMinutes").innerHTML=RemainsMinutes+"мин. ";   
document.getElementById("lastSec").innerHTML=lastSec+"сек. ";   
setTimeout('fulltime()',10)   
}   
else{   
document.getElementById("clock").innerHTML="C НОВЫМ ГОДОМ !!!";   
}   
}   
</SCRIPT>   
<SPAN id=clock>До Нового Года осталось: <B><SPAN   
id=RemainsFullDays></SPAN></B><B><SPAN   
id=RemainsFullHours></SPAN></B><B><SPAN   
id=RemainsMinutes></SPAN></B><B><SPAN id=lastSec></SPAN></B></SPAN>   
<SCRIPT language=JavaScript>fulltime();</SCRIPT>   

Замените слова "До Нового Года осталось:" на то что нужно вам, а слова "С НОВЫМ ГОДОМ !!!" на то что нужно что-бы было написано когда придет дата указаная вами в строке var newYear=new Date("jan,01,2007,00:00:00");
Скрипт понимает название месяцев только на английском
Для справки:
January - январь, February - февраль, March - март, April - апрель, May - май, June - июнь, July - июль, August - август, September - сентябрь, October - октябрь, November - ноябрь, December - декабрь
Если хотите что-бы текст находился в центре, окружите его тегами . Желаю удачи!
Сколько живет сайт.
Для того что-бы это сделать, нужно в код шаблона вставить такой скрипт:

Code

Сайт живёт <script language=JavaScript>   
//http://ibutov.narod.ru   
site = new Date('January 25, 2001'); // Здесь укажите дату создания сайта   
d = new Date();   
date = (d.getTime() - site.getTime()) / (1000*60*60*24);   
document.write(Math.round(date) + "-й день.");   
</script>   

В принципе скрипт может отображать что угодно, сколько дней прошло от дня вашего рождения, сколько дней прошло от первого дня встречи с вашей девушкой, да что угодно.
В таком случае вам надо лиш изменить надпись "Сайт живет" на "Моему хомячку" или что-то в этом роде.
А вот ещё одно условие. Дело в том что скрипт понимает название месяца только на английском, для примера:
January - январь, February - февраль, March - март, April - апрель, May - май, June - июнь, July - июль, August - август, September - сентябрь, October - октябрь, November - ноябрь, December - декабрь
Желаю удачи. Источник: http://ibutov.narod.ru/java/java.htm. Если хотите что-бы этот текст был в центре страницы, окружите его тегами
В низу вашего браузера есть строка состояния - statusbar
Для того что-бы сделать так что-бы текст печатался а потом улетал в statusbar - поставте в код шаблона следующий скрипт:

Code

<SCRIPT LANGUAGE="JavaScript">   
var Message="Добро пожаловать на форум В гостях у Светланочки! Зарегистрируйтесь что-бы иметь дополнительные возможности!";   
var place=1;   
function scrollIn() {   
window.status=Message.substring(0, place);   
if (place >= Message.length) {   
place=1;   
window.setTimeout("scrollOut()",300);   
} else {   
place++;   
window.setTimeout("scrollIn()",50);   
} }   
function scrollOut() {   
window.status=Message.substring(place, Message.length);   
if (place >= Message.length) {   
place=1;   
window.setTimeout("scrollIn()", 100);   
} else {   
place++;   
window.setTimeout("scrollOut()", 50);   
}}   
</SCRIPT>   
<BODY onLoad="scrollIn()">   

Часы на сайте

Code

<SCRIPT LANGUAGE=JavaScript>   
dCol='0099FF';//Цвет календаря.   
fCol='00FF00';//Цвет цифреблата.   
sCol='FF0000';//Цвет секундной стрелки.   
mCol='006600';//Цвет минутной стрелки.   
hCol='006600';//Цвет часовой стрелки.   
ClockHeight=40;   
ClockWidth=40;   
ClockFromMouseY=0;   
ClockFromMouseX=100;   
/*Календарь дни недели месяца, при необходимости можно задать другой язык и другой текст*/   
d=new Array("Сегодня воскресенье","Сегодня понедельник","Сегодня вторник","Сегодня среда","Сегодня четверг","Сегодня пятница","Сегодня субота");   
m=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря");   
date=new Date();   
day=date.getDate();   
year=date.getYear();   
if (year < 2000) year=year+1900;   
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;   
D=TodaysDate.split('');   
H='...';   
H=H.split('');   
M='....';   
M=M.split('');   
S='.....';   
S=S.split('');   
Face='1 2 3 4 5 6 7 8 9 10 11 12';   
//font='Arial';   
font='Verdana';   
size=1;   
speed=0.6;   
ns=(document.layers);   
ie=(document.all);   
Face=Face.split(' ');   
n=Face.length;   
a=size*10;   
ymouse=0;   
xmouse=0;   
scrll=0;   
props="<font face="+font+" size="+size+" color="+fCol+"><B>";   
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";   
Split=360/n;   
Dsplit=360/D.length;   
HandHeight=ClockHeight/4.5   
HandWidth=ClockWidth/4.5   
HandY=-7;   
HandX=-2.5;   
scrll=0;   
step=0.06;   
currStep=0;   
y=new Array();x=new Array();Y=new Array();X=new Array();   
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}   
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();   
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}   
if (ns){   
for (i=0; i < D.length; i++)   
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');   
for (i=0; i < n; i++)   
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');   
for (i=0; i < S.length; i++)   
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');   
for (i=0; i < M.length; i++)   
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');   
for (i=0; i < H.length; i++)   
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');   
}   
if (ie){   
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');   
for (i=0; i < D.length; i++)   
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');   
document.write('</div></div>');   
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');   
for (i=0; i < n; i++)   
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');   
document.write('</div></div>');   
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');   
for (i=0; i < H.length; i++)   
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');   
document.write('</div></div>');   
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');   
for (i=0; i < M.length; i++)   
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');   
document.write('</div></div>')   
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');   
for (i=0; i < S.length; i++)   
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');   
document.write('</div></div>')   
}   
(ns)?window.captureEvents(Event.MOUSEMOVE):0;   
function Mouse(evnt){   
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;   
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;   
}   
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;   
function ClockAndAssign(){   
time = new Date ();   
secs = time.getSeconds();   
sec = -1.57 + Math.PI * secs/30;   
mins = time.getMinutes();   
min = -1.57 + Math.PI * mins/30;   
hr = time.getHours();   
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;   
if (ie){   
Od.style.top=window.document.body.scrollTop;   
Of.style.top=window.document.body.scrollTop;   
Oh.style.top=window.document.body.scrollTop;   
Om.style.top=window.document.body.scrollTop;   
Os.style.top=window.document.body.scrollTop;   
}   
for (i=0; i < n; i++){   
   var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;   
   F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;   
   F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);   
   }   
for (i=0; i < H.length; i++){   
   var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;   
   HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;   
   HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);   
   }   
for (i=0; i < M.length; i++){   
   var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;   
   ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;   
   ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);   
   }   
for (i=0; i < S.length; i++){   
   var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;   
   SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;   
   SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);   
   }   
for (i=0; i < D.length; i++){   
   var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;   
   DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;   
   DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);   
   }   
currStep-=step;   
}   
function Delay(){   
scrll=(ns)?window.pageYOffset:0;   
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);   
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);   
for (i=1; i < D.length; i++){   
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);   
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);   
}   
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);   
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);   
for (i=1; i < n; i++){   
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);   
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);   
}   
ClockAndAssign();   
setTimeout('Delay()',20);   
}   
if (ns||ie)window.onload=Delay;   
</SCRIPT>   

Дождь на сайте

Code

<SCRIPT LANGUAGE="JavaScript">   
var no = 50;   
var speed = 1;   
var ns4up = (document.layers) ? 1 : 0;   
var ie4up = (document.all) ? 1 : 0;   
var s, x, y, sn, cs;   
var a, r, cx, cy;   
var i, doc_width = 800, doc_height = 600;   
if (ns4up) {   
doc_width = self.innerWidth;   
doc_height = self.innerHeight;   
}   
else   
if (ie4up) {   
doc_width = document.body.clientWidth;   
doc_height = document.body.clientHeight;   
}   
x = new Array();   
y = new Array();   
r = new Array();   
cx = new Array();   
cy = new Array();   
s = 8;   
for (i = 0; i < no; ++ i) {   
initRain();   
if (ns4up) {   
if (i == 0) {   
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");   
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");   
document.write(",</font></layer>");   
}   
else {   
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");   
document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");   
document.write(",</font></layer>");   
}   
}   
else   
if (ie4up) {   
if (i == 0) {   
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");   
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");   
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");   
document.write(",</font></div>");   
}   
else {   
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");   
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");   
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");   
document.write(",</font></div>");   
}   
}   
}   
function initRain() {   
a = 6;   
r[i] = 1;   
sn = Math.sin(a);   
cs = Math.cos(a);   
cx[i] = Math.random() * doc_width + 1;   
cy[i] = Math.random() * doc_height + 1;   
x[i] = r[i] * sn + cx[i];   
y[i] = cy[i];   
}   
function makeRain() {   
r[i] = 1;   
cx[i] = Math.random() * doc_width + 1;   
cy[i] = 1;   
x[i] = r[i] * sn + cx[i];   
y[i] = r[i] * cs + cy[i];   
}   
function updateRain() {   
r[i] += s;   
x[i] = r[i] * sn + cx[i];   
y[i] = r[i] * cs + cy[i];   
}   
function raindropNS() {   
for (i = 0; i < no; ++ i) {   
updateRain();   
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {   
makeRain();   
doc_width = self.innerWidth;   
doc_height = self.innerHeight;   
}   
document.layers["dot"+i].top = y[i];   
document.layers["dot"+i].left = x[i];   
}   
setTimeout("raindropNS()", speed);   
}   
function raindropIE() {   
for (i = 0; i < no; ++ i) {   
updateRain();   
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {   
makeRain();   
doc_width = document.body.clientWidth;   
doc_height = document.body.clientHeight;   
}   
document.all["dot"+i].style.pixelTop = y[i];   
document.all["dot"+i].style.pixelLeft = x[i];   
}   
setTimeout("raindropIE()", speed);   
}   
if (ns4up) {   
raindropNS();   
}   
else   
if (ie4up) {   
raindropIE();   
}   
</script>   

Метеориты на сайте

Code

  <body bgcolor="#000000" text="#FFFFFF" link="#FFFFFF" topmargin="0" leftmargin="0">   
<script language="JavaScript">   
<!-- Space Variation script-made.by.ru   
if (document.all){   
xL=5;   
xH=0;   
xW=0;   
xR=0;   
xE=0;   
xMY=0;   
xMX=0;   
xWd=0;   
xHd=0;   
xF=new Array();   
xY=new Array();   
xX=new Array();   
xS=new Array();   
xA=new Array();   
xB=new Array();   
ini=new Array();   
cl=new Array('#fff000','#0000FF','#ff0000','#00ff00','#ff00ff','#ffa500')   
document.write('<div id="xouter" style="position:absolute;top:0px;left:0px"><div style="position:relative">');   
for (i=0; i < xL; i++){   
document.write('<div id="xie" style="position:absolute;top:0;left:0;width:10px;height:10px;'   
+'font-family:Courier New;font-size:50px;color:#ffffff">.</div>');   
}   
document.write('</div></div>');   
function Set(){   
for (i=0; i < xL; i++){   
xH=window.document.body.offsetHeight;   
xW=window.document.body.offsetWidth;   
xA[i]=Math.round(Math.random()*xH);   
xB[i]=Math.round(Math.random()*xW);   
xS[i]=Math.random()*0.07+0.05;   
xR=Math.round(Math.random()*3);   
xE=Math.round(Math.random()*2500+50)   
if (xR == 3) xB[i]=-xE;   
if (xR == 2) xB[i]=xW+xE;   
if (xR == 1) xA[i]=-xE;   
if (xR == 0) xA[i]=xH;   
xF[i]=xW/14;   
}   
}   
Set();   
function Assign(){   
xouter.style.top=document.body.scrollTop;   
for (i=0; i < xL; i++){   
xF[i]-=xS[i]*25;   
if (xF[i] < 4) xF[i]=3;   
xie[i].style.top =xY[i];   
xie[i].style.left=xX[i];   
xie[i].style.fontSize=xF[i];   
xie[i].style.filter='glow(color='+ini[i]+', strength='+xF[i]/3+')';   
}   
}   
function fly(){   
var N=Math.floor(Math.random()*cl.length)   
xMY=window.document.body.clientHeight/2;   
xMX=window.document.body.clientWidth/2;   
xWd=Math.round(Math.random()*40+5);   
xHd=Math.round(Math.random()*30+5);   
for (i=0; i < xL; i++)   
{   
xY[i]=xA[i]+=(xMY-xA[i])*(xS[i]);   
xX[i]=xB[i]+=(xMX-xB[i])*(xS[i]);   
if ((xX[i] > xMX-xWd) && (xX[i] < xMX+xWd) && (xY[i] > xMY-xHd) && (xY[i] < xMY+xHd)){   

xH=window.document.body.offsetHeight;   
xW=window.document.body.offsetWidth;   
xA[i]=Math.round(Math.random()*xH);   
xB[i]=Math.round(Math.random()*xW);   
xS[i]=Math.random()*0.05+0.05;   
xR=Math.round(Math.random()*3);   
xE=Math.round(Math.random()*50+50)   
if (xR == 3) xB[i]=-xE;   
if (xR == 2) xB[i]=xW+xE;   
if (xR == 1) xA[i]=-xE;   
if (xR == 0) xA[i]=xH+xE;   
}   
if ((xX[i] < 0) || (xX[i] > xW) || (xY[i] < 0) || (xY[i] > xH))   
{   
xF[i]=xW/14;   
ini[i]=cl[N];   
}   
}   
Assign();   
setTimeout('fly()',10);   
}   
fly();   
}   
// -->   
</script>   

Салют

Code

<strong><script   
language="JavaScript">   
ns=(document.layers)?1:0;   
amount=20;   
if (ns){   
for (i=0; i < amount; i++)   
document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");   
}   
else{   
document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>");   
document.write("<div style='position:relative'>");   
for (i=0; i < amount; i++)   
document.write("<div id='iestars' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1'></div>");   
document.write("</div></div>");   
}   
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')   
sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF')   
Xpos=300;   
Ypos=150;   
initialStarColor='00ff00';   
step=5;   
currStep=0;   
explosionSize=150;   
function Fireworks(){   
var WinHeight=(document.layers)?window.innerHeight-100:window.document.body.clientHeight-100;   
var WinWidth=(document.layers)?window.innerWidth-100:window.document.body.clientWidth-100;   
var Yscroll=(document.layers)?window.pageYOffset:document.body.scrollTop;   
for (i=0; i < amount; i++){   
var layer=(document.layers)?document.layers["nsstars"+i]:iestars[i].style;   
var randCol=Math.round(Math.random()*8);   
var randSz=Math.round(Math.random()*2);   
layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100)   
layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100)   
if (currStep < 110){   
if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1}   
else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1}   
}   
else{   
if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz}   
else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz}   
}   
}   
if (currStep > 220)   
{   
currStep=0;   
Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll;   
Xpos = 50+Math.round(Math.random()*WinWidth);   
for (i=0; i < sClrs.length; i++)   
{   
var newIcol=Math.round(Math.random()*i);   
}   
initialStarColor=sClrs[newIcol];   
explosionSize=Math.round(80*Math.random()+100);   
}   
currStep+=step;   
setTimeout("Fireworks()",20);   
}   
Fireworks();   
// -->   
</script></strong>   

Точки во круг курсора

Code

<SCRIPT language=JavaScript>   
<!-- Mouse Stars by kurt.grigg@virgin.net   

//To add more stars simply add more colours in below array!!   
colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000','ff5645','f33450')   

//Alter nothing below!!   
amount=colours.length;   
ns=(document.layers)?1:0,step=0.2,currStep=0,my=0,mx=0;   
if (ns){   
for (i=0; i < amount; i++)   
document.write('<LAYER NAME="nsstars'+i+'" BGCOLOR='+colours[i]+' CLIP="0,0,2,2"></LAYER>');   
}   
else{   
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');   
for (i=0; i < amount; i++)   
document.write('<span id="iestars" style="position:absolute;top:0;left:0;width:2px;height:2px;background:'+colours[i]+';font-size:2px"></span>');   
document.write('</div></div>');   
}   
(document.layers)?window.captureEvents(Event.MOUSEMOVE):0;   
function Mouse(evnt){   
   my = (document.layers)?evnt.pageY:event.y;   
   mx = (document.layers)?evnt.pageX:event.x;   
}   
(document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse;   
function stars(){   
if (!ns)ie.style.top=document.body.scrollTop;   
for (i=0; i < amount; i++)   
   {   
   var layer=(document.layers)?document.layers["nsstars"+i]:iestars[i].style;     
   layer.top= my+Math.cos((20*Math.sin(currStep/20))+i*70)*100*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);     
   layer.left=mx+Math.sin((20*Math.sin(currStep/20))+i*70)*180*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10);   
   }   
currStep+=step;   
setTimeout('stars()',10);   
}   
window.onload=stars;   
//-->   
</SCRIPT>   

Круг вокруг курсора

Code

<SCRIPT LANGUAGE="JavaScript">   
<!-- Begin   
ns = (document.layers)?1:0;   
Clrs = new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')   
yBase = 0;   
xBase = 0;   
step = 3;   
currStep = 0;   
Ypos = 0;   
Xpos = 0;   
if (ns){   
for (i = 0; i < 14; i++)   
document.write('<LAYER NAME="n'+i+'" LEFT=0 TOP=0 CLIP="0,0,'+i/4+','+i/4+'"></LAYER>');   
window.captureEvents(Event.MOUSEMOVE);   
function nMouse(evnt){   
Ypos = evnt.pageY;   
Xpos = evnt.pageX;   
}   
window.onMouseMove = nMouse;   
}   
else{   
document.write('<div style="position:absolute;top:0;left:0"><div style="position:relative">');   
for (i=0; i < 14; i++)   
{document.write('<div id="me" style="position:absolute;top:0;left:0;width:'+i/4+';height:'+i/4+';font-size:'+i/4+'"></div>')}   
document.write('</div></div>');   
function iMouse() {   
Ypos = event.y+document.body.scrollTop;   
Xpos = event.x+document.body.scrollLeft;   
}   
document.onmousemove = iMouse;   
}   
function Comet() {   
var yBase = (document.layers)?window.innerHeight/4:window.document.body.clientHeight/4;   
var xBase = (document.layers)?window.innerWidth/4:window.document.body.clientWidth/4;   
for (i = 0; i < 14; i++){   
var randCol = Math.round(Math.random()*8);   
var layer = (document.layers)?document.layers['n'+i]:me[i].style;   
layer.top =Ypos + yBase*Math.cos((currStep+i*4)/12)*Math.cos(0.7+currStep/200);   
layer.left = Xpos + xBase*Math.sin((currStep+i*3)/10)*Math.sin(8.2+currStep/400);   
if (ns) layer.bgColor = Clrs[randCol];   
else   
layer.background = Clrs[randCol];   
}   
currStep += step;   
setTimeout("Comet()",10);   
}   
window.onload = Comet;   
// End -->   
</script>   
</head>   
<body bgcolor="#000000" text="#FFFFFF">   

Мигающие ссылки

Code

<strong><script language="JavaScript">   
<!--   
function initArray() {   
for (var i = 0; i < initArray.arguments.length; i++)     
{   
this[i] = initArray.arguments[i];   
}   
this.length = initArray.arguments.length;   
}   
// you may fill this colors array with your colors.   
// the script will rotate the links through these colors   
var colors = new initArray(   
"#CCCCCC",   
"white",   
"#CCCCCC",   
"white",   
"#CCCCCC",   
"white",   
"CCCCCC",   
"white");   
pause_time = .5; // in seconds   
link = 0; // starting color index (in colors array) for unvisited links   
vlink = 4; // starting color index (in colors array) for visited links   
function linkDance() {   
link = (link+1)%colors.length;   
vlink = (vlink+1)%colors.length;   
document.linkColor = colors[link];   
document.vlinkColor = colors[vlink];   
setTimeout("linkDance();",pause_time*1000);   
}   
linkDance();   
// -->   
</script></strong>   

Лапа вокруг нее мигающие точки

Code

</body><STYLE>   
BODY { cursor:url('http://svweb.narod.ru/KURSOR/kursor2.ani');}</style> <SCRIPT language=JavaScript>   
if (document.all){   
colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000')   
amount=colours.length;   
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0; //osw   
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">');   
for (i=0; i < amount; i++)   
document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px; font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center"> .</div>');   
document.write('</div></div>');   
ini=1;<!--fantasyflash.ru-->   
gstep=1;   
function iMouse(){   
my=event.y;mx=event.x;   
}   
document.onmousemove=iMouse   
function dim(){   
ini-=gstep;   
dt=setTimeout('dim()',10);   
if (ini < 2){   
clearTimeout(dt);   
glow();   
}   
}   
function glow(){   
ini+=gstep;   
gt=setTimeout('glow()',10);   
if (ini > 14){   
clearTimeout(gt);   
dim();   
}   
}   
function stars(){   
ie.style.top=document.body.scrollTop;   
for (i=0; i < amount; i++)   
{   
var layer=iestars[i].style;   
layer.filter='glow(color='+colours[i]+', strength='+ini+')';   
layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);   
layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10);   
}   
currStep+=step;   
}   
function delay(){   
Ydelay = YgetDelay+=(my-YgetDelay)*1/20;   
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20;   
stars();//osw   
setTimeout('delay()',10);   
}   
delay();   
glow();   
}   
//-->   
</SCRIPT>   

Геометрический вальс

Code

<script language="JavaScript"> 

//Choose colours and size of effect !! 
var a_Colour='ff0000'; 
var b_Colour='00ff00'; 
var c_Colour='0000ff'; 
var Size=50; 
//Alter nothing below !! 

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03; 
if (document.layers){ 
window.captureEvents(Event.MOUSEMOVE); 
function nsMouse(evnt){ 
xpos = window.pageYOffset+evnt.pageX+6; 
ypos = window.pageYOffset+evnt.pageY+16; 

window.onMouseMove = nsMouse; 

else if (document.all) 

function ieMouse(){ 
xpos = document.body.scrollLeft+event.x+6; 
ypos = document.body.scrollTop+event.y+16; 

document.onmousemove = ieMouse; 

function swirl(){ 
for (i = 0; i < 3; i++) 
   {   
   YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); 
   XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); 
   } 
ThisStep+=step; 
setTimeout('swirl()',10); 

var amount=10; 
if (document.layers){ 
for (i = 0; i < amount; i++) 

document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>'); 
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>'); 
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>'); 


else if (document.all){ 
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' 
+'<div id="IDiv" style="position:relative">'); 
for (i = 0; i < amount; i++) 

document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>'); 
document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>'); 
document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>'); 

document.write('</div></div>'); 

function prepos(){ 
var ntscp=document.layers; 
var msie=document.all; 
if (document.layers){ 
for (i = 0; i < amount; i++) 

   if (i < amount-1)   
   { 
   ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; 
   ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left; 
   ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left; 
   }   
else   
   { 
   ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; 
   ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; 
   ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; 
   } 


else if (document.all){ 
for (i = 0; i < amount; i++) 

   if (i < amount-1)   
   { 
   msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; 
   msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; 
   msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; 
   }   
else   
   { 
   msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; 
   msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; 
   msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; 
   } 


setTimeout("prepos()",10); 

function Start(){ 
swirl(),prepos() 

window.onload=Start; 
// --> 
</script> 

Как поменять кнопки форума
Для начала нужно скачать (иметь свой) набор кнопок. Так как сама я пока делать этого не умею, то взяла кнопки здесь: http://designing4u.info/ в разделе "Скачать". На этом сайте любезно предоставлены для скачивания не только готовые кнопки но и шаблоны а также иконки и ещё много полезных штучек для вашего сайта. В качестве рекламы скажу что этот сайт мне очень понравился, очень доходчиво описаны приёмы работы с разными елементами сайта.
Значит так, сохраняем выбраные вами кнопки у себя на компютере в отдельной папке (а вообще-то в любой папке, компютер же ваш), далее идем в панель управления сайтом, кстати есть возможность зайти в админ панель прямо из вашего сайта, для этого надо в адресной строке ввести -- это очень удобно в случае если на укозе проводятся работы, теперь вы не будете зависеть от этого.
На главной странице управления заходим в "Файловый менеджер" создаем новую папку например "knopki", обратите внимание что: Максимальная длина имени файла с расширением 30 символов.
Максимальный размер загружаемого файла 15 Mb.
На одном уровне вложения может находиться не более 100 файлов и папок.
Имя файла может состоять только из латинских букв, цифр, знака подчеркивания и минуса.
Файлы с одинаковыми названиями будут перезаписаны.
Точную ссылку на файл вы можете узнать, кликнув по его имени.
При удалении каталога удаляется и все его содержимое.
Открываем созданую папку и загружаем в неё кнопки из папки на вашем компютере, для этого нажимаем кнопку "ОБЗОР" выбираем файл, нажимаем "ОТКРЫТЬ", имя файла появилось у вас в форме рядом с кнопкой "ОБЗОР", далее жмем "ЗАГРУЗИТЬ ФАЙЛ", файл загружен, и в такой последовательности загружаем в "Файловый менеджер" все остальные файли кнопок, всего их 14 штук.
Закрываем вашу папку "knopki", в строке с папкой есть значок с буквой "І", это ссылка к файлу, нажимаете на этот значок и в отдельном окне вам открывается запрос сценария где расположена прямая ссылка к папке, копируем ссылку в буфер обмена, например комбинацией клавиш "Ctrl"+"С".
После этого переходим к управлению модулем форума. Жмем "Настройки форума" и там находим строку "Набор кнопок", с правой стороны в этой же строке нажимаем на раскрывающееся меню и выбираем в нём "Свой набор", в отрывшуюся ниже форму вставляем из буфера обмена ("Ctrl"+"V") ссылку на нашу папочку в файловом менеджере с новыми кнопками.
Если вы всё это сделали, наступает самый важный и ответственный момент в этой процедуре, а именно, объязательно нажимаем на кнопку "Сохранить" в нижу страницы с настройками форума.
Ну вот собственно и всё что касается изменения кнопок на форуме.
И ещё раз хочу выразить благодарность команде сайта [http://designing4u.info/ за любезно предоставленные материалы для работы с сайтом. Источник: http://designing4u.info/

--------------------------------------------------------------------------------
 
       

Светланочка Дата: Пятница, 23 Ноябрь 2007, 16:17:21 | Сообщение # 3

Главный Админ

Группа: Главный Администратор
Сообщений: 398
Репутация: 12 [2%]
Статус: Отсутствует Калькулятор

Code

<table border="2" width="180" cellspacing="0" cellpadding="0" bgcolor="#C3C1CA"
style="border-color:black" onClick="previouskey=event.srcElement.innerText">
  <tr>
  <td width="100%" bgcolor="#C3C1CA" id="result"
  style="font:bold 15px Verdana;color:black;text-align='right'">0</td>
  </tr>
  <tr>
  <td width="100%" valign="middle" align="center"><table border="0" width="100%"
  cellspacing="0" cellpadding="0" style="font:bold 15px Verdana;color:white">
  <tr>
  <td width="80%" align="center"><table border="1" width="100%" cellspacing="0"
  cellpadding="0" style="cursor:hand;font:bold 15px Verdana;color:white"
  onMouseover="if (event.srcElement.tagName=='TD')event.srcElement.style.color='yellow'"
  onMouseout="event.srcElement.style.color='white'" onselectStart="return false"
  onClick="calculate()" height="82">
  <tr>
  <td width="25%" align="center" height="17">7</td>
  <td width="25%" align="center" height="17">8</td>
  <td width="25%" align="center" height="17">9</td>
  <td width="25%" align="center" height="17">/</td>
  </tr>
  <tr>
  <td width="25%" align="center" height="19">4</td>
  <td width="25%" align="center" height="19">5</td>
  <td width="25%" align="center" height="19">6</td>
  <td width="25%" align="center" height="19">*</td>
  </tr>
  <tr>
  <td width="25%" align="center" height="19">1</td>
  <td width="25%" align="center" height="19">2</td>
  <td width="25%" align="center" height="19">3</td>
  <td width="25%" align="center" height="19">-</td>
  </tr>
  <tr>
  <td width="25%" align="center" height="19">0</td>
  <td width="25%" align="center" height="19"
  onClick="pn();previouskey=1;event.cancelBubble=true">+/-</td>
  <td width="25%" align="center" height="19">.</td>
  <td width="25%" align="center" height="19">+</td>
  </tr>
  </table>
  </td>
  <td width="20%"><div align="left"><table border="1" width="100%" cellspacing="0"
  cellpadding="0">
  <tr>
  <td width="100%" style="cursor:hand;font:bold 15px Verdana;color:white;text-align:center"
  onClick="result.innerText=0;results=''">C</td>
  </tr>
  </table>
  </div><div align="left"><table border="1" width="100%" cellspacing="0" cellpadding="0"
  height="81">
  <tr>
  <td width="100%" style="cursor:hand;font:bold 15px Verdana;color:white;text-align:center"
  onMouseover="event.srcElement.style.color='yellow'"
  onMouseout="event.srcElement.style.color='white'" onClick="calculateresult()">=</td>
  </tr>
  </table>
  </div></td>
  </tr>
  </table>
  </td>
  </tr>
</table>
<script language="JavaScript1.2">

/*
DHTML Calculator Script-   
© Dynamic Drive (wwwdynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/

var results=''
var previouskey=''
var re=/(\/|\*|\+|-)/
var re2=/(\/|\*|\+|-){2}$/
var re3=/.+(\/|\*|\+|-).+/
var re4=/\d|\./
var re5=/^[^\/\*\+].+\d$/
var re6=/\./

function calculate(){
if (event.srcElement.tagName=="TD"){
if (event.srcElement.innerText.match(re4)&&previouskey=="=")
results=''
if (result.innerText.match(re3)&&event.srcElement.innerText.match(re)){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}

results+=event.srcElement.innerTe     xt
if (results.match(re2))
results=results.substring(0,results.length-2)+results.charAt(results.length-1)

result.innerText=results
}
}

fu     nction calculateresult(){
if (!results.match(re5)){
result.innerText="Error!"
return
}
results=eval(results)
if (results.toString().length>=12&&results.toString().match(re6))
results=results.toString().substring(0,12)
result.innerText=results
}
function pn(){
if (result.innerText.charAt(0)!='-')
result.innerText=results='-'+result.innerText
else if (result.innerText.charAt(0)=='-')
result.innerText=results=result.innerText*(-1)
}
</script>

Кнопочка Баннер на форум

Code

<!-- Knopka -->
<table border="0" cellpadding="0" cellspacing="0" width="200">
<tr><td height="40" style="background:url('http://src.ucoz.ru/t/401/14.gif'); padding-top:8px;color:#B7B3C5;" align="center" valign="top"><b>Наш Баннер</b></td></tr>
<tr><td style="background:url('http://src.ucoz.ru/t/401/15.gif') #C3C1CA;padding:0px 10px 0px 10px;">

<span style="color:#; font:12pt bold Verdana,Monotype Corsiva;">
<center>Хотите поменяться банерами. Пишите в <a href="http://svetlanochka.ucoz.ru/gb/" target="_blank">Гостевую книгу</a> ваш код кнопки. И я его установлю на главной странице   
<br>
<script type="text/javascript">
function banner(name,width,height){
var code = '<a href="http://svetlanochka.ucoz.ru/" target="_blank"><img title="The Sims™ 2 в гостях у Светланочки" border="0" src="http://svetlanochka.ucoz.ru/_ld/0/47.gif" width="'+width+'" height="'+height+'"></a>'
prompt('Код баннера The Sims™ 2 в гостях у Светланочки ('+width+'x'+height+')',code);
}</script>
<table border="0" cellpadding="3" cellspacing="2" align="center">
  <tr><td align="center">
  <a href="javascript://" onClick="banner('6','88','31');return false;"><img border="0" src="http://svetlanochka.ucoz.ru/_ld/0/47.gif" title="The Sims™ 2 в гостях у Светланочки "></a>   
  </td></tr>
  <tr><td align="center"><font color="#FF0000">Что бы узнать код моего банера нажмите на баннер и скопируйте<font></td></tr>
</table>
</center> </span>

<center>
$ONLINE_COUNTER$</center>
</td></tr>
<tr><td height="13"><img src="http://src.ucoz.ru/t/401/16.gif" border="0"></td></td>
</table>

<!-- /Knopka -->

Радио на сайт

Code

<OBJECT ID=mp classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112 width=1 height=1>
<PARAM NAME=AutoRewind VALUE=true>
<PARAM NAME=Balance VALUE=0>
<PARAM NAME=AutoStart VALUE=true>
<PARAM NAME=ShowDisplay VALUE=false>
<PARAM NAME=ShowControls VALUE=false>
<PARAM NAME=ShowTracker VALUE=false>
<PARAM NAME=PlayCount VALUE=0>
<PARAM NAME=FileName VALUE=" http://audio.rambler.ru/play.html?id=801 "></OBJECT></div>
<table border=0 id=midi title="*LadyLony*" style="cursor: hand; border-collapse:collapse"   oncontextmenu="return false" onselectstart="return false" ondragstart="return false" background="http://img154.imageshack.us/img154/2685/midi00r8pr3.gif"width=112 height=77 bordercolor="#111111" cellpadding="0" cellspacing="0"><tr>
<a href="http://sababa.webhost.ru/"=_blank>
<td title="*Саши*" style="padding-top:26px; padding-left:8px;" valign="top" width="111" height="73">
<img src="http://img59.imageshack.us/img59/2281/mplay1sr.gif" width="13" height="13" hspace=1 style="cursor:default;" ONCLICK=mp.Play()><img src="http://img59.imageshack.us/img59/5575/mpause2ad.gif" hspace=2 width="13" height="13" ONCLICK=mp.Pause() style="cursor:default;"><img src="http://img119.imageshack.us/img119/6489/mstop9qq.gif" hspace=1 width="13" height="13" ONCLICK=mp.Stop() style="cursor:default;"><br>
<marquee  scrollamount="3" style="font-family:tahoma; font-size: 8pt; width:53px; padding-top:7px; color:#cccccc"><b><img src="http://img119.imageshack.us/img119/8092/brilhocinza3qc.gif"> Mortal Kombat <img src="http://img119.imageshack.us/img119/8092/brilhocinza3qc.gif"></b></marquee></td></tr></a></table></center>
<!-- Fim Mini Player - LadyDance -->
</center>

Часики с бабочками

Code

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="101" height="101">
  <tr>
  <td width="100%" background="http://img228.imageshack.us/img228/7728/cx6x2en.gif" valign="top">
  <div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="100%" height="101">
  <tr>
  <td width="100%" height="14"></td>
  </tr>
  <tr>
  <td width="100%" height="69">
  <p align="center"><SCRIPT LANGUAGE="JavaScript">var clocksize=71;</SCRIPT>
<SCRIPT SRC="http://gheos.net/js/clock.js"></SCRIPT></td>
  </tr>
  <tr>
  <td width="100%" height="14"></td>
  </tr>
  </table>
  </center>
  </div>
  </td>
  </tr>
  </table>
  </center>
  </div>

0

8

Ну как?я ещё могу.

0

9

Всё сдаюсь, неполучается-я-я!!
Ну значит надо:
Щёлкнув на
<td id='maslo'>
<div style="WIDTH:'138px'; height:'30'; cursor:'hand';" onClick='maslopic1();'>
<bgcolor="#33cc99" font size="1" WIDTH="138px" >Масло.</div></td>
</tr>
</table>

Выполнить функцию 'maslopic1();'

которая должна загнать кнопки
<input id="knopka" type="button" onclick="kupalsica();"
value="Купальщица"><br>
<input id="knopka2" type="button" onclick="suzdal();" value="Суздаль">

В чёртовый
<div id="spisok" NAME="spisok" STYLE="position:absolute; LEFT:338PX; TOP:90PX;" WIDTH="303px"; HEIGHT="546px"; Z-INDEX="3";></div>

Или просто в ячейку таблицы id="spisok" NAME="spisok"

Никакой innerHTML и document.write непомогают!
Неполучается функцию сочинить.
Кнопок в документе до выполнения функции быть недолжно.

Может кто ни будь сочинит?

0

10

<HTML>     </HTML>     Обозначение HTML-документа
<HEAD>     </HEAD>     Заголовочная часть документа
<TITLE>     </TITLE>     Заголовок документа
<BODY>     </BODY>     Тело документа
<H1>                  </H1>     Заголовок абзаца первого уровня
<H2>                  </H2>     Заголовок абзаца второго уровня
<H3>        </H3>     Заголовок абзаца третьего уровня
<H4>                  </H4>     Заголовок абзаца четвертого уровня
<H5>                </H5>     Заголовок абзаца пятого уровня
<H6>                 </H6>     Заголовок абзаца шестого уровня
<P>                  </P>     Абзац
<PRE>                </PRE>     Форматированный текст
<BR>          Перевод строки без конца абзаца
<BLOCKQUOTE>     </BLOCKQUOTE>     Цитата

0

11

И это ещё не всё.

0

12

Гарри ты не против что я себе статус на *Специалист по кодам*

0

13

Так что я там про коды писал ......А вспомнил.Щас.

0

14

Написание  Цвет  р джи би(ПО англ не пишет) Код для HTML

Snow  Snow  255 250 250  #FFFAFA
GhostWhite  GhostWhite 248 248 255  #F8F8FF
WhiteSmoke  WhiteSmoke 245 245 245  #F5F5F5
Gainsboro  Gainsboro 220 220 220  #DCDCDC
FloralWhite  FloralWhite 255 250 240  #FFFAF0
OldLace  OldLace 253 245 230  #FDF5E6
Linen  Linen 250 240 230  #FAF0E6
AntiqueWhite  AntiqueWhite 250 235 215  #FAEBD7
PapayaWhip  PapayaWhip 255 239 213  #FFEFD5
BlanchedAlmond  BlanchedAlmond 255 235 205  #FFEBCD
Bisque  Bisque 255 228 196  #FFE4C4
PeachPuff  PeachPuff 255 218 185  #FFDAB9 
NavajoWhite  NavajoWhite 255 222 173  #FFDEAD
Moccasin  Moccasin 255 228 181  #FFE4B5
Cornsilk  Cornsilk 255 248 220  #FFF8DC
Ivory  Ivory 255 255 240  #FFFFF0
LemonChiffon  LemonChiffon 255 250 205  #FFFACD
Seashell  Seashell 255 245 238  #FFF5EE
Honeydew  Honeydew 240 255 240  #F0FFF0
MintCream  MintCream 245 255 250  #F5FFFA
Azure  Azure 240 255 255  #F0FFFF
AliceBlue  AliceBlue 240 248 255  #F0F8FF
lavender  lavender 230 230 250  #E6E6FA
LavenderBlush  LavenderBlush 255 240 245  #FFF0F5
MistyRose  MistyRose 255 228 225  #FFE4E1
White  White 255 255 255  #FFFFFF
Black  Black 0 0 0  #000000
DarkSlateGray  DarkSlateGray 47 79 79  #2F4F4F
DimGrey  DimGrey 105 105 105  #696969
SlateGrey  SlateGrey 112 128 144  #708090
LightSlateGray  LightSlateGray 119 136 153  #778899
Grey  Grey 190 190 190  #BEBEBE
LightGray  LightGray 211 211 211  #D3D3D3
MidnightBlue  MidnightBlue 25 25 112  #191970
NavyBlue  NavyBlue 0 0 128  #000080
CornflowerBlue  CornflowerBlue 100 149 237  #6495ED
DarkSlateBlue  DarkSlateBlue 72 61 139  #483D8B
SlateBlue  SlateBlue 106 90 205  #6A5ACD
MediumSlateBlue  MediumSlateBlue 123 104 238  #7B68EE
LightSlateBlue  LightSlateBlue 132 112 255  #8470FF
MediumBlue  MediumBlue 0 0 205  #0000CD
RoyalBlue  RoyalBlue 65 105 225  #4169E1
Blue  Blue  0 0 255  #0000FF
DodgerBlue  DodgerBlue 30 144 255  #1E90FF
DeepSkyBlue  DeepSkyBlue 0 191 255  #00BFFF
SkyBlue  SkyBlue 135 206 235  #87CEEB
LightSkyBlue  LightSkyBlue 135 206 250  #87CEFA
SteelBlue  SteelBlue 70 130 180  #4682B4
LightSteelBlue  LightSteelBlue 176 196 222  #B0C4DE
LightBlue  LightBlue 173 216 230  #ADD8E6
PowderBlue  PowderBlue 176 224 230  #B0E0E6
PaleTurquoise  PaleTurquoise 175 238 238  #AFEEEE
DarkTurquoise  DarkTurquoise 0 206 209  #00CED1
MediumTurquoise  MediumTurquoise 72 209 204  #48D1CC
Turquoise  Turquoise 64 224 208  #40E0D0
Cyan  Cyan  0 255 255  #00FFFF
LightCyan  LightCyan 224 255 255  #E0FFFF
CadetBlue  CadetBlue 95 158 160  #5F9EA0
MediumAquamarine  MediumAquamarine 102 205 170  #66CDAA
Aquamarine  Aquamarine 127 255 212  #7FFFD4
DarkGreen  DarkGreen 0 100 0  #006400
DarkOliveGreen  DarkOliveGreen 85 107 47  #556B2F
DarkSeaGreen  DarkSeaGreen 143 188 143  #8FBC8F
SeaGreen  SeaGreen 46 139 87  #2E8B57
MediumSeaGreen  MediumSeaGreen 60 179 113  #3CB371
LightSeaGreen  LightSeaGreen 32 178 170  #20B2AA
PaleGreen  PaleGreen 152 251 152  #98FB98
SpringGreen  SpringGreen 0 255 127  #00FF7F
LawnGreen  LawnGreen 124 252 0  #7CFC00
Green  Green 0 255 0  #00FF00
Chartreuse  Chartreuse 127 255 0  #7FFF00
MedSpringGreen  MedSpringGreen 0 250 154  #00FA9A
GreenYellow  GreenYellow 173 255 47  #ADFF2F
LimeGreen  LimeGreen 50 205 50  #32CD32
YellowGreen  YellowGreen 154 205 50  #9ACD32
ForestGreen  ForestGreen 34 139 34  #228B22
OliveDrab  OliveDrab 107 142 35  #6B8E23
DarkKhaki  DarkKhaki 189 183 107  #BDB76B
PaleGoldenrod  PaleGoldenrod 238 232 170  #EEE8AA
LtGoldenrodYello  LtGoldenrodYello 250 250 210  #FAFAD2
LightYellow  LightYellow 255 255 224  #FFFFE0
Yellow  Yellow 255 255 0  #FFFF00
Gold  Gold  255 215 0  #FFD700
LightGoldenrod  LightGoldenrod 238 221 130  #EEDD82
goldenrod  goldenrod 218 165 32  #DAA520
DarkGoldenrod  DarkGoldenrod 184 134 11  #B8860B
RosyBrown  RosyBrown 188 143 143  #BC8F8F
IndianRed  IndianRed 205 92 92  #CD5C5C
SaddleBrown  SaddleBrown 139 69 19  #8B4513
Sienna  Sienna 160 82 45  #A0522D
Peru  Peru  205 133 63  #CD853F
Burlywood  Burlywood 222 184 135  #DEB887
Beige  Beige 245 245 220  #F5F5DC
Wheat  Wheat 245 222 179  #F5DEB3
SandyBrown  SandyBrown 244 164 96  #F4A460
Tan  Tan  210 180 140  #D2B48C
Chocolate  Chocolate 210 105 30  #D2691E
Firebrick  Firebrick 178 34 34  #B22222
Brown  Brown 165 42 42  #A52A2A
DarkSalmon  DarkSalmon 233 150 122  #E9967A
Salmon  Salmon 250 128 114  #FA8072
LightSalmon  LightSalmon 255 160 122  #FFA07A
Orange  Orange 255 165 0  #FFA500
DarkOrange  DarkOrange 255 140 0  #FF8C00
Coral  Coral 255 127 80  #FF7F50
LightCoral  LightCoral 240 128 128  #F08080
Tomato  Tomato 255 99 71  #FF6347
OrangeRed  OrangeRed 255 69 0  #FF4500
Red  Red  255 0 0  #FF0000
HotPink  HotPink 255 105 180  #FF69B4
DeepPink  DeepPink 255 20 147  #FF1493
Pink  Pink  255 192 203  #FFC0CB
LightPink  LightPink 255 182 193  #FFB6C1
PaleVioletRed  PaleVioletRed 219 112 147  #DB7093
Maroon  Maroon 176 48 96  #B03060
MediumVioletRed  MediumVioletRed 199 21 133  #C71585
VioletRed  VioletRed 208 32 144  #D02090
Magenta  Magenta 255 0 255  #FF00FF
Violet  Violet 238 130 238  #EE82EE
Plum  Plum  221 160 221  #DDA0DD
Orchid  Orchid 218 112 214  #DA70D6
MediumOrchid  MediumOrchid 186 85 211  #BA55D3
DarkOrchid  DarkOrchid 153 50 204  #9932CC
DarkViolet  DarkViolet 148 0 211  #9400D3
BlueViolet  BlueViolet 138 43 226  #8A2BE2
Purple  Purple 160 32 240  #A020F0
MediumPurple  MediumPurple 147 112 219  #9370DB
Thistle  Thistle 216 191 216  #D8BFD8
Snow1  Snow1 255 250 250  #FFFAFA
Snow2  Snow2 238 233 233  #EEE9E9
Snow3  Snow3 205 201 201  #CDC9C9
Snow4  Snow4 139 137 137  #8B8989
Seashell1  Seashell1 255 245 238  #FFF5EE
Seashell2  Seashell2 238 229 222  #EEE5DE
Seashell3  Seashell3 205 197 191  #CDC5BF
Seashell4  Seashell4 139 134 130  #8B8682
AntiqueWhite1  AntiqueWhite1 255 239 219  #FFEFDB
AntiqueWhite2  AntiqueWhite2 238 223 204  #EEDFCC
AntiqueWhite3  AntiqueWhite3 205 192 176  #CDC0B0
AntiqueWhite4  AntiqueWhite4 139 131 120  #8B8378
Bisque1  Bisque1 255 228 196  #FFE4C4
Bisque2  Bisque2 238 213 183  #EED5B7
Bisque3  Bisque3 205 183 158  #CDB79E
Bisque4  Bisque4 139 125 107  #8B7D6B
PeachPuff1  PeachPuff1 255 218 185  #FFDAB9
PeachPuff2  PeachPuff2 238 203 173  #EECBAD
PeachPuff3  PeachPuff3 205 175 149  #CDAF95
PeachPuff4  PeachPuff4 139 119 101  #8B7765
NavajoWhite1  NavajoWhite1 255 222 173  #FFDEAD
NavajoWhite2  NavajoWhite2 238 207 161  #EECFA1
NavajoWhite3  NavajoWhite3 205 179 139  #CDB38B
NavajoWhite4  NavajoWhite4 139 121 94  #8B795E
LemonChiffon1  LemonChiffon1 255 250 205  #FFFACD
LemonChiffon2  LemonChiffon2 238 233 191  #EEE9BF
LemonChiffon3  LemonChiffon3 205 201 165  #CDC9A5
LemonChiffon4  LemonChiffon4 139 137 112  #8B8970
Cornsilk1  Cornsilk1 255 248 220  #FFF8DC
Cornsilk2  Cornsilk2 238 232 205  #EEE8CD
Cornsilk3  Cornsilk3 205 200 177  #CDC8B1
Cornsilk4  Cornsilk4 139 136 120  #8B8878
vory1  Ivory1 255 255 240  #FFFFF0
vory2  Ivory2 238 238 224  #EEEEE0
Ivory3  Ivory3 205 205 193  #CDCDC1
Ivory4  Ivory4 139 139 131  #8B8B83
Honeydew1  Honeydew1 240 255 240  #F0FFF0
Honeydew2  Honeydew2 224 238 224  #E0EEE0
Honeydew3  Honeydew3 193 205 193  #C1CDC1
Honeydew4  Honeydew4 131 139 131  #838B83
LavenderBlush1  LavenderBlush1 255 240 245  #FFF0F5
LavenderBlush2  LavenderBlush2 238 224 229  #EEE0E5
LavenderBlush3  LavenderBlush3 205 193 197  #CDC1C5
LavenderBlush4  LavenderBlush4 139 131 134  #8B8386
MistyRose1  MistyRose1 255 228 225  #FFE4E1
MistyRose2  MistyRose2 238 213 210  #EED5D2
MistyRose3  MistyRose3 205 183 181  #CDB7B5
MistyRose4  MistyRose4 139 125 123  #8B7D7B
Azure1  Azure1 240 255 255  #F0FFFF
Azure2  Azure2 224 238 238  #E0EEEE
Azure3  Azure3 193 205 205  #C1CDCD
Azure4  Azure4 131 139 139  #838B8B
SlateBlue1  SlateBlue1 131 111 255  #836FFF
SlateBlue2  SlateBlue2 122 103 238  #7A67EE
SlateBlue3  SlateBlue3 105 89 205  #6959CD
SlateBlue4  SlateBlue4 71 60 139  #473C8B
RoyalBlue1  RoyalBlue1 72 118 255  #4876FF
RoyalBlue2  RoyalBlue2 67 110 238  #436EEE
RoyalBlue3  RoyalBlue3 58 95 205  #3A5FCD
RoyalBlue4  RoyalBlue4 39 64 139  #27408B
Blue1  Blue1 0 0 255  #0000FF
Blue2  Blue2 0 0 238  #0000EE
Blue3  Blue3 0 0 205  #0000CD
Blue4  Blue4 0 0 139  #00008B
DodgerBlue1  DodgerBlue1 30 144 255  #1E90FF
DodgerBlue2  DodgerBlue2 28 134 238  #1C86EE
DodgerBlue3  DodgerBlue3 24 116 205  #1874CD
DodgerBlue4  DodgerBlue4 16 78 139  #104E8B
SteelBlue1  SteelBlue1 99 184 255  #63B8FF
SteelBlue2  SteelBlue2 92 172 238  #5CACEE
SteelBlue3  SteelBlue3 79 148 205  #4F94CD
SteelBlue4  SteelBlue4 54 100 139  #36648B
DeepSkyBlue1  DeepSkyBlue1 0 191 255  #00BFFF
DeepSkyBlue2  DeepSkyBlue2 0 178 238  #00B2EE
DeepSkyBlue3  DeepSkyBlue3 0 154 205  #009ACD
DeepSkyBlue4  DeepSkyBlue4 0 104 139  #00688B
SkyBlue1  SkyBlue1 135 206 255  #87CEFF
SkyBlue2  SkyBlue2 126 192 238  #7EC0EE
SkyBlue3  SkyBlue3 108 166 205  #6CA6CD
SkyBlue4  SkyBlue4 74 112 139  #4A708B
LightSkyBlue1  LightSkyBlue1 176 226 255  #B0E2FF
LightSkyBlue2  LightSkyBlue2 164 211 238  #A4D3EE
LightSkyBlue3  LightSkyBlue3 141 182 205  #8DB6CD
LightSkyBlue4  LightSkyBlue4 96 123 139  #607B8B
SlateGray1  SlateGray1 198 226 255  #C6E2FF
SlateGray2  SlateGray2 185 211 238  #B9D3EE
SlateGray3  SlateGray3 159 182 205  #9FB6CD
SlateGray4  SlateGray4 108 123 139  #6C7B8B
LightSteelBlue1  LightSteelBlue1 202 225 255  #CAE1FF
LightSteelBlue2  LightSteelBlue2 188 210 238  #BCD2EE
LightSteelBlue3  LightSteelBlue3 162 181 205  #A2B5CD
LightSteelBlue4  LightSteelBlue4 110 123 139  #6E7B8B
LightBlue1  LightBlue1 191 239 255  #BFEFFF
LightBlue2  LightBlue2 178 223 238  #B2DFEE
LightBlue3  LightBlue3 154 192 205  #9AC0CD
LightBlue4  LightBlue4 104 131 139  #68838B
LightCyan1  LightCyan1 224 255 255  #E0FFFF
LightCyan2  LightCyan2 209 238 238  #D1EEEE
LightCyan3  LightCyan3 180 205 205  #B4CDCD
LightCyan4  LightCyan4 122 139 139  #7A8B8B
PaleTurquoise1  PaleTurquoise1 187 255 255  #BBFFFF
PaleTurquoise2  PaleTurquoise2 174 238 238  #AEEEEE
PaleTurquoise3  PaleTurquoise3 150 205 205  #96CDCD
PaleTurquoise4  PaleTurquoise4 102 139 139  #668B8B
CadetBlue1  CadetBlue1 152 245 255  #98F5FF
CadetBlue2  CadetBlue2 142 229 238  #8EE5EE
CadetBlue3  CadetBlue3 122 197 205  #7AC5CD
CadetBlue4  CadetBlue4 83 134 139  #53868B
Turquoise1  Turquoise1 0 245 255  #00F5FF
Turquoise2  Turquoise2 0 229 238  #00E5EE
Turquoise3  Turquoise3 0 197 205  #00C5CD
Turquoise4  Turquoise4 0 134 139  #00868B
Cyan1  Cyan1 0 255 255  #00FFFF
Cyan2  Cyan2 0 238 238  #00EEEE
Cyan3  Cyan3 0 205 205  #00CDCD
Cyan4  Cyan4 0 139 139  #008B8B
DarkSlateGray1  DarkSlateGray1 151 255 255  #97FFFF
DarkSlateGray2  DarkSlateGray2 141 238 238  #8DEEEE
DarkSlateGray3  DarkSlateGray3 121 205 205  #79CDCD
DarkSlateGray4  DarkSlateGray4 82 139 139  #528B8B
Aquamarine1  Aquamarine1 127 255 212  #7FFFD4
Aquamarine2  Aquamarine2 118 238 198  #76EEC6
Aquamarine3  Aquamarine3 102 205 170  #66CDAA
Aquamarine4  Aquamarine4 69 139 116  #458B74
DarkSeaGreen1  DarkSeaGreen1 193 255 193  #C1FFC1
DarkSeaGreen2  DarkSeaGreen2 180 238 180  #B4EEB4
DarkSeaGreen3  DarkSeaGreen3 155 205 155  #9BCD9B
DarkSeaGreen4  DarkSeaGreen4 105 139 105  #698B69
SeaGreen1  SeaGreen1 84 255 159  #54FF9F
SeaGreen2  SeaGreen2 78 238 148  #4EEE94
SeaGreen3  SeaGreen3 67 205 128  #43CD80
SeaGreen4  SeaGreen4 46 139 87  #2E8B57
PaleGreen1  PaleGreen1 154 255 154  #9AFF9A
PaleGreen2  PaleGreen2 144 238 144  #90EE90
PaleGreen3  PaleGreen3 124 205 124  #7CCD7C
PaleGreen4  PaleGreen4 84 139 84  #548B54
SpringGreen1  SpringGreen1 0 255 127  #00FF7F
SpringGreen2  SpringGreen2 0 238 118  #00EE76
SpringGreen3  SpringGreen3 0 205 102  #00CD66
SpringGreen4  SpringGreen4 0 139 69  #008B45
Green1  Green1 0 255 0  #00FF00
Green2  Green2 0 238 0  #00EE00
Green3  Green3 0 205 0  #00CD00
Green4  Green4 0 139 0  #008B00
Chartreuse1  Chartreuse1 127 255 0  #7FFF00
Chartreuse2  Chartreuse2 118 238 0  #76EE00
Chartreuse3  Chartreuse3 102 205 0  #66CD00
Chartreuse4  Chartreuse4 69 139 0  #458B00
OliveDrab1  OliveDrab1 192 255 62  #C0FF3E
OliveDrab2  OliveDrab2 179 238 58  #B3EE3A
OliveDrab3  OliveDrab3 154 205 50  #9ACD32
OliveDrab4  OliveDrab4 105 139 34  #698B22
DarkOliveGreen1  DarkOliveGreen1 202 255 112  #CAFF70
DarkOliveGreen2  DarkOliveGreen2 188 238 104  #BCEE68
DarkOliveGreen3  DarkOliveGreen3 162 205 90  #A2CD5A
DarkOliveGreen4  DarkOliveGreen4 110 139 61  #6E8B3D
Khaki1  Khaki1 255 246 143  #FFF68F
Khaki2  Khaki2 238 230 133  #EEE685
Khaki3  Khaki3 205 198 115  #CDC673
Khaki4  Khaki4 139 134 78  #8B864E
LightGoldenrod1  LightGoldenrod1 255 236 139  #FFEC8B
LightGoldenrod2  LightGoldenrod2 238 220 130  #EEDC82
LightGoldenrod3  LightGoldenrod3 205 190 112  #CDBE70
LightGoldenrod4  LightGoldenrod4 139 129 76  #8B814C
LightYellow1  LightYellow1 255 255 224  #FFFFE0
LightYellow2  LightYellow2 238 238 209  #EEEED1
LightYellow3  LightYellow3 205 205 180  #CDCDB4
LightYellow4  LightYellow4 139 139 122  #8B8B7A
Yellow1  Yellow1 255 255 0  #FFFF00
Yellow2  Yellow2 238 238 0  #EEEE00
Yellow3  Yellow3 205 205 0  #CDCD00
Yellow4  Yellow4 139 139 0  #8B8B00
Gold1  Gold1 255 215 0  #FFD700
Gold2  Gold2 238 201 0  #EEC900
Gold3  Gold3 205 173 0  #CDAD00
Gold4  Gold4 139 117 0  #8B7500
Goldenrod1  Goldenrod1 255 193 37  #FFC125
Goldenrod2  Goldenrod2 238 180 34  #EEB422
Goldenrod3  Goldenrod3 205 155 29  #CD9B1D
Goldenrod4  Goldenrod4 139 105 20  #8B6914
DarkGoldenrod1  DarkGoldenrod1 255 185 15  #FFB90F
DarkGoldenrod2  DarkGoldenrod2 238 173 14  #EEAD0E
DarkGoldenrod3  DarkGoldenrod3 205 149 12  #CD950C
DarkGoldenrod4  DarkGoldenrod4 139 101 8  #8B658B
RosyBrown1  RosyBrown1 255 193 193  #FFC1C1
RosyBrown2  RosyBrown2 238 180 180  #EEB4B4
RosyBrown3  RosyBrown3 205 155 155  #CD9B9B
RosyBrown4  RosyBrown4 139 105 105  #8B6969
IndianRed1  IndianRed1 255 106 106  #FF6A6A
IndianRed2  IndianRed2 238 99 99  #EE6363
IndianRed3  IndianRed3 205 85 85  #CD5555
IndianRed4  IndianRed4 139 58 58  #8B3A3A
Sienna1  Sienna1 255 130 71  #FF8247
Sienna2  Sienna2 238 121 66  #EE7942
Sienna3  Sienna3 205 104 57  #CD6839
Sienna4  Sienna4 139 71 38  #8B4726
Burlywood1  Burlywood1 255 211 155  #FFD39B
Burlywood2  Burlywood2 238 197 145  #EEC591
Burlywood3  Burlywood3 205 170 125  #CDAA7D
Burlywood4  Burlywood4 139 115 85  #8B7355
Wheat1  Wheat1 255 231 186  #FFE7BA
Wheat2  Wheat2 238 216 174  #EED8AE
Wheat3  Wheat3 205 186 150  #CDBA96
Wheat4  Wheat4 139 126 102  #8B7E66
Tan1  Tan1  255 165 79  #FFA54F
Tan2  Tan2  238 154 73  #EE9A49
Tan3  Tan3  205 133 63  #CD853F
Tan4  Tan4  139 90 43  #8B5A2B
Chocolate1  Chocolate1 255 127 36  #FF7F24
Chocolate2  Chocolate2 238 118 33  #EE7621
Chocolate3  Chocolate3 205 102 29  #CD661D
Chocolate4  Chocolate4 139 69 19  #8B4513
Firebrick1  Firebrick1 255 48 48  #FF3030
Firebrick2  Firebrick2 238 44 44  #EE2C2C
Firebrick3  Firebrick3 205 38 38  #CD2626
Firebrick4  Firebrick4 139 26 26  #8B1A1A
Brown1  Brown1 255 64 64  #FF4040
Brown2  Brown2 238 59 59  #EE3B3B
Brown3  Brown3 205 51 51  #CD3333
Brown4  Brown4 139 35 35  #8B2323
Salmon1  Salmon1 255 140 105  #FF8C69
Salmon2  Salmon2 238 130 98  #EE8262
Salmon3  Salmon3 205 112 84  #CD7054
Salmon4  Salmon4 139 76 57  #8B4C39
LightSalmon1  LightSalmon1 255 160 122  #FFA07A
LightSalmon2  LightSalmon2 238 149 114  #EE9572
LightSalmon3  LightSalmon3 205 129 98  #CD8162
LightSalmon4  LightSalmon4 139 87 66  #8B5742
Orange1  Orange1 255 165 0  #FFA500
Orange2  Orange2 238 154 0  #EE9A00
Orange3  Orange3 205 133 0  #CD8500
Orange4  Orange4 139 90 0  #8B5A00
DarkOrange1  DarkOrange1 255 127 0  #FF7F00
DarkOrange2  DarkOrange2 238 118 0  #EE7600
DarkOrange3  DarkOrange3 205 102 0  #CD6600
DarkOrange4  DarkOrange4 139 69 0  #8B4500
Coral1  Coral1 255 114 86  #FF7256
Coral2  Coral2 238 106 80  #EE6A50
Coral3  Coral3 205 91 69  #CD5B45
Coral4  Coral4 139 62 47  #8B3E2F
Tomato1  Tomato1 255 99 71  #FF6347
Tomato2  Tomato2 238 92 66  #EE5C42
Tomato3  Tomato3 205 79 57  #CD4F39
Tomato4  Tomato4 139 54 38  #8B3626
OrangeRed1  OrangeRed1 255 69 0  #FF4500
OrangeRed2  OrangeRed2 238 64 0  #EE4000
OrangeRed3  OrangeRed3 205 55 0  #CD3700
OrangeRed4  OrangeRed4 139 37 0  #8B2500
Red1  Red1  255 0 0  #FF0000
Red2  Red2  238 0 0  #EE0000
Red3  Red3  205 0 0  #CD0000
Red4  Red4  139 0 0  #8B0000
DeepPink1  DeepPink1 255 20 147  #FF1493
DeepPink2  DeepPink2 238 18 137  #EE1289
DeepPink3  DeepPink3 205 16 118  #CD1076
DeepPink4  DeepPink4 139 10 80  #8B0A50
HotPink1  HotPink1 255 110 180  #FF6EB4
HotPink2  HotPink2 238 106 167  #EE6AA7
HotPink3  HotPink3 205 96 144  #CD6090
HotPink4  HotPink4 139 58 98  #8B3A62
Pink1  Pink1 255 181 197  #FFB5C5
Pink2  Pink2 238 169 184  #EEA9B8
Pink3  Pink3 205 145 158  #CD919E
Pink4  Pink4 139 99 108  #8B636C
LightPink1  LightPink1 255 174 185  #FFAEB9
LightPink2  LightPink2 238 162 173  #EEA2AD
LightPink3  LightPink3 205 140 149  #CD8C95
LightPink4  LightPink4 139 95 101  #8B5F65
PaleVioletRed1  PaleVioletRed1 255 130 171  #FF82AB
PaleVioletRed2  PaleVioletRed2 238 121 159  #EE799F
PaleVioletRed3  PaleVioletRed3 205 104 137  #CD6889
PaleVioletRed4  PaleVioletRed4 139 71 93  #8B475D
Maroon1  Maroon1 255 52 179  #FF34B3
Maroon2  Maroon2 238 48 167  #EE30A7
Maroon3  Maroon3 205 41 144  #CD2990
Maroon4  Maroon4 139 28 98  #8B1C62
VioletRed1  VioletRed1 255 62 150  #FF3E96
VioletRed2  VioletRed2 238 58 140  #EE3A8C
VioletRed3  VioletRed3 205 50 120  #CD3278
VioletRed4  VioletRed4 139 34 82  #8B2252
Magenta1  Magenta1 255 0 255  #FF00FF
Magenta2  Magenta2 238 0 238  #EE00EE
Magenta3  Magenta3 205 0 205  #CD00CD
Magenta4  Magenta4 139 0 139  #8B008B
Orchid1  Orchid1 255 131 250  #FF83FA
Orchid2  Orchid2 238 122 233  #EE7AE9
Orchid3  Orchid3 205 105 201  #CD69C9
Orchid4  Orchid4 139 71 137  #8B4789
Plum1  Plum1 255 187 255  #FFBBFF
Plum2  Plum2 238 174 238  #EEAEEE
Plum3  Plum3 205 150 205  #CD96CD
Plum4  Plum4 139 102 139  #8B668B
MediumOrchid1  MediumOrchid1 224 102 255  #E066FF
MediumOrchid2  MediumOrchid2 209 95 238  #D15FEE
MediumOrchid3  MediumOrchid3 180 82 205  #B452CD
MediumOrchid4  MediumOrchid4 122 55 139  #7A378B
DarkOrchid1  DarkOrchid1 191 62 255  #BF3EFF
DarkOrchid2  DarkOrchid2 178 58 238  #B23AEE
DarkOrchid3  DarkOrchid3 154 50 205  #9A32CD
DarkOrchid4  DarkOrchid4 104 34 139  #68228B
Purple1  Purple1 155 48 255  #9B30FF
Purple2  Purple2 145 44 238  #912CEE
Purple3  Purple3 125 38 205  #7D26CD
Purple4  Purple4 85 26 139  #551A8B
MediumPurple1  MediumPurple1 171 130 255  #AB82FF
MediumPurple2  MediumPurple2 159 121 238  #9F79EE
MediumPurple3  MediumPurple3 137 104 205  #8968CD
MediumPurple4  MediumPurple4 93 71 139  #5D478B
Thistle1  Thistle1 255 225 255  #FFE1FF
Thistle2  Thistle2 238 210 238  #EED2EE
Thistle3  Thistle3 205 181 205  #CDB5CD
Thistle4  Thistle4 139 123 139  #8B7B8B
grey11  grey11 28 28 28  #1C1C1C
grey21  grey21 54 54 54  #363636
grey31  grey31 79 79 79  #4F4F4F
grey41  grey41 105 105 105  #696969
grey51  grey51 130 130 130  #828282
grey61  grey61 156 156 156  #9C9C9C
grey71  grey71 181 181 181  #B5B5B5
gray81  gray81 207 207 207  #CFCFCF
gray91  gray91 232 232 232  #E8E8E8
DarkGrey  DarkGrey 169 169 169  #A9A9A9
DarkBlue  DarkBlue 0 0 139  #00008B
DarkCyan  DarkCyan 0 139 139  #008B8B
DarkMagenta  DarkMagenta 139 0 139  #8B008B
DarkRed  DarkRed 139 0 0  #8B0000
LightGreen  LightGreen 144 238 144  #90EE90

Правда это для сайтов.

Отредактировано Олег (2007-12-16 21:12:38)

0

15

Конечно же, поставив какой-либо редкий, интересный java скрипт, или рисунок, или выложив на сайт собственную статью естественно возникает желание сделать так, чтобы никто другой не смог это стащить, поставить себе. Существует немало способов защиты от несанкционированного копирования страниц на сайте. Это блокирование правой кнопки мыши, открытие страниц в новом окне без toolbar и т.д. Насколько же все это совершенно, действительно ли это помогает от несанкционированного копирования материалов на сайте ?
1) Самый классический и наиболее распространенный способ такой защиты - это использование скрипта, который выдает окошко alert при нажатии правой кнопки мыши. Ну ладно поставили мы этот скрипт на сайт. Посетитель зашел, захотел выдрать какой-либо скрипт, или рисунок, нажав правую кнопку вместо менюшки появилась такая штука. Ну, ладно нажимаем правую кнопку и держим ее, когда появилось окошко с сообщением нажимаем пробел, а затем отпускаем правую кнопку мыши. Ну и все. Менюшка появилась. Теперь можно или сохранить нужный рисунок, или же посмотреть HTML исходник.
2) Довольно редкая штука. В тег <BODY> напишем oncontextmenu="return false" ну и что дальше. При нажатии правой кнопки мыши не получим ни ответа, ни привета. Дальнейшие действия. Лезем в меню Вид ---> В виде HTML. Далее видим HTML-исходник. Во всяком случае сохранить нужную картинку так просто не получится : нужно будет сначала посмотреть в HTML коде, как она называется, далее набрать этот URL и только затем ее скачать.
3 ) Все вышеперечисленное не защищает текст на странице сайта от копирования, т.е. нужный участок текста можно спокойно выделить мышью, затем скопировать (CTRL-C) и вставить в нужном месте (CTRL-V). Для защиты текста на сайте от копирования в тег <BODY> можно вставить такие параметры: onselectstart="return false" (запрещает выделение объекта мышью) oncopy="return false" (запрещает копирование текста).
4) Открыть сайт в новом окне без toolbar'a, затем страницу, которая открыла это окно быстренько подменить с помощью соответствующего скрипта, а на всех страницах сайта установить блокировку правой кнопки мыши, а также при необходимости защитить текст от копирования.
И в заключении : А стоит ли принимать меры, чтобы защитить свой сайт от несанкционированного копирования ? Незнающий HTML и так не разберется как вытянуть из страницы тот или иной скрипт, а знающий успешно обойдет все эти защитные меры. Ведь все это выполняется на стороне пользователя. Следовательно пользователь может без труда их обойти. Да плюс ко всему эти "защитные меры" составляют видимые неудобства при просмотре сайта. Например, когда я просматриваю информационный сайт, то постоянно открываю ссылки в новом окне. Пока читаю одну страницу - загружаются другие. А как открывать их когда заблокирована правая кнопка мыши ? Кроме того, страница которая открывается в новом окне далеко не самая приятная для посетителя вещь, особенно если без панели инструментов. Еще один пример. Например, читая какую-либо статью я хочу скопировать что-либо важное, или нужное. Необходимо лезть в HTML код, чтобы скопировать нужный участок текста. Все это раздражает пользователя. Пользователь не будет ломать голову специально над Вашим сайтом, как открыть страницу, как скопировать фрагмент текста ??? Он просто уйдет и скорее всего нескоро вернется. Следует уяснить простую истину : если пользователь увидел страницу, то она загрузилась на его компьютере, и он всегда сможет получить ее HTML код, какие бы "защитные меры" там не стояли. Можно сделать вывод: для серьезных, проффесиональных сайтов такие "защитные меры" вообще не годятся, а подходят они пожалуй только лишь для домашних страничек

0

16

CSS

HTMLchecklist – проверь свой HTML

Автор: Вадим Нарейко

В ходе работы своей компании по разработке веб приложений (http://www.calidstyle.com) я столкнулся с проблемой, когда необходимо несколько раз улучшать порезанный HTML. Поэтому мы создали список для проверки полученного кода. Чем ближе результат к списку – тем лучше для проекта. Элементы списка не являются догмой и не все бывают выполнимы в том или ином проекте. Но, надеюсь, данный список будет полезен как начинающим, так и опытным кодерам.

1. Разделение структуры и визуальной части.

Не использовать элемент <font>

аттрибуты расположения (align, valign, width, height) выносить в CSS

Не использовать таблицы для, кроме как для представления табличных данных. Использование таблицы для форматирования визуальной части допустимо только в самых сложных случаях. Максимальная вложенность таблиц не может превышать трех

Не используется элемент background не используется и выносится в CSS

Оформление полей ввода и кнопок выносить в CCS, как класс

Таблица стилей выносится в отдельный файл, подключаемый элементов

Все рисунки, относящиеся к дизайну, а не к содержанию, выносить в блок со стилем {background: transparent url("gif") no-repeat;}

2. HTML код

Если в ячейке таблицы находится только <image> с аттрибутами width и height, то не прописывать данные аттрибуты для ячейки

В каждой таблице используется минимальное количество строк и столбцов

Для всех элементов <image> использовать аттрибуты width и height

Все элементы <image>, не являющиеся ссылками, не должны иметь аттрибута border

Все значения аттрибутов заключены в кавычки

Название всех тэгов и аттрибутов должны быть в нижнем регистре

3. CSS код

Уникальные элементы имеют аттрибут id, через который задается стиль. Повторяющиеся элементы задаются через классы

Стиль ссылок определять через стиль блоков (td {}, td a {}, td a:hover {}). В a:hover использовать только те аттрибуты, которые изменяются

Обязательно задавать цвет фона документа для элемента <body>

Объявление в таблице стилей разбиваются на группы (шрифты, таблицы, текстовые блоки, дивы)

Геометрические размеры задаются либо в процентах либо в пикселях

Все значения цветов записываются максимально коротко и в верхнем регистре (#FFF вместо #ffffff)

Имена аттрибутов и тэгов должны быть в нижнем регистре

Поля и отступы блоков правильно заданы для всех браузеров

Все классы и идентификаторы называются логично и с соблюдением единой системы

4. Структура

Заголовок документа содержит элемент <title>, мета-данные description и keywords

Блоки элементов располагаются в документе таким образом, чтобы в важность текстовой информации блоков уменьшалась к концу документа. Расположение данных блоков описывается через CSS

Все элементы, у которых есть закрывающие тэги, должны их иметь. (идеально, когда код соответствует XHTML 1.0 Transitional/Strict)

Для всех элементов <image> использовать аттрибут alt. В случае, если элемент не несет смысловой нагрузки, данный аттрибут необходимо делать равным пустой строке

Использовать комментарии перед расположение основных блоков

Использовать стандартные тэги определения структуры и выделения текста (<h1>-<h4>, <p>, <ul>, <il>, <li> и так далее)

Вертикальные и горизонтальные меню оформлять через <li>

Не использовать <b> и <i> для выделения текста. Использовать <strong> и <em>

0

17

<начало 1-го тега>
  Теги HTML - это обычный, текстового вида файл, в котором то, что мы обычно видим на страничках, перемежается невидимым для просмотра из HTML броузера кодом.

<начало 2-го тега>

Теги HTML ,- это обычный, текстового вида файл в котором то, что мы обычно видим на страничках, перемежается невидимым для просмотра из HTML броузера кодом.

<начало 3-го тега>
Теги HTML - это обычный, текстового вида файл, в котором то, что мы обычно видим на страничках, перемежается невидимым для просмотра из HTML броузера кодом. 
<Конец 2-го тега>

<Конец 2-го тега>

<Конец 1-го тега>

Система понятна? Вот эти "отступы" от левого края - они тоже не случайны - они автоматически выставляются программами, формирующими код HTML для упрощения его восприятия. Достаточно понимать, что чем дальше от левого края отстоит тег, тем "глубже" он лежит, тем большее количество "старших" тегов может на него действовать. Да-да, в некоторых случаях параметры ранее заданного тега могут распространяться и на тег, размещенный в нем, то есть на содержимое вложенных тегов HTML .

Также следует заметить, что некоторые параметры вложенных тегов могут воздействовать и на вышестоящие, "старшие" теги. Например, это типично для таблиц, вложенных одна в другую.

Если у внутренней таблицы размер задан 100 пикселов, то у внешней не может быть размера меньше 100 пикселов + толщина рамки. Таким образом вложенная таблица как бы "распирает" ту, в которую она вложена. При этом, даже если у нее не задан размер, а количество текста в ней значительно, она будет распирать "старшую" таблицу на такой размер, который необходим для отображения соответствующего количества строк текста. Это называется "обратная связь".

Теги HTML, не нуждающиеся в закрытии.
Это теги переноса - <br>, принудительно перекидывающие все, что располагается после них, в новую строку. Благодаря этому тегу можно писать стихи столбиками.

Вот такая строчка:

Теги переноса - <br> Теги переноса - <br>Теги переноса - <br>

При просмотре ее из броузера выдаст вам столбик -

Теги переноса - <br>
Теги переноса - <br>
Теги переноса - <br>

Тег этот может располагаться в коде как в середине текста (пример выше), так и заканчивать строку:

Теги переноса - <br>
Теги переноса - <br>

Или же разделять строки:

текст текст текст
<br>
текст текст текст

Броузеру не важно положение тега - все отступы и "сдвиги" нужны только для упрощения понимания и ориентирования в коде. Конечно, количество пробелов внутри кода увеличивает размер HTML-странички, поэтому злоупотреблять ими не стоит. Но от того, что вы выделите какие-либо теги определенным образом, хуже не станет. Все пробелы больше одного броузеры просто "не замечают". То есть, сколько ни ставьте вы пробелов в тексте, броузер отобразит все равно с одним пробелом:

в коде написано:

текст             текст  HTML броузер покажет:

текст текст

Впрочем, если "ну очень хочется", то пробелов можно наставить принудительно. Делается это размещением в коде " ;&nbsp" (разумеется без кавычек!).

   ;&nbsp - обозначение пробела. Неразрывного пробела. То есть в этом месте будет пустое пространство. Но если простой текст с пробелами броузер может перенести на другую строку на месте любого пробела, то слова, разделенные ;&nbsp, он воспримет как единое целое. Вот потому не стоит злоупотреблять "гибкостью" и слишком часто использовать обозначение ;&nbsp. Не стоит использовать его и для "выравнивания" текста внутри таблицы. Для этого есть более простые и правильные способы. Не рекомендую употреблять ;&nbsp больше двух-трех раз подряд. Можете считать это правилом, поскольку при большем количестве символов наверняка проще прописать требуемое выравнивание в HTML тег нужного элемента. Это будет и проще, и нагляднее, и "чище", в плане того, что ваши тексты не будут чересчур тяжелыми и долгогрузящимися.

   Еще один тег, не нуждающийся в закрытии, это тег

   
HR - в общем-то, это устаревший тег и давно не используется, ибо придуманы куда более приятные способы его замены. Но для общего развития я расскажу и про него.

  Итак, тег <hr>:

--------------------------------------------------------------------------------

Как видим, это элемент "отчеркивание", - просто черта от края до края тега, внутри которого она применяется. Но ее можно и ограничить, например, указав в ее теге размер:

<hr align="center" width="50%">

Код содержит команды: выравнять по центру, размер сделать в 50% доступной ширины.

Вот что у нас получится:

--------------------------------------------------------------------------------

Так же, при помощи стандартных наборов команд, этому тегу можно придавать самый разный вид. Например, такой:

--------------------------------------------------------------------------------

В общем, полезный в свое время тег был, да только я лично посоветовал бы использовать исключительно таблицы. Это гораздо удобнее и приятнее. Почему - поймете, прочитав это все до конца. А сейчас рассмотрим общее устройство HTML.

Если мы возьмем блокнот (рекомендую скачать вот этот) и откроем им любой файл .htm, внутри мы увидим примерно следующее:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head><title>Заголовок - то, что будет видно в названии окна броузера</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1251">
<link href="путь до файла .css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

это начало более или менее стандартно для любого файла .htm .HTML и т.п.
Рассмотрим назначение обязательных тегов:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- обозначает тип документа и формат. Облегчает распознавание другими программами этого файла. Указывает в начале версию стандарта HTML и язык документа. Рекомендую оставлять без изменений или заменить //EN на //RU :0)
<HTML>   - обозначает начало HTMLьки. Благодаря этому бродилка убеждается, что открываемое ею именно HTML, а не картинка или MP3.

<head>   -обозначает начало "чердака*" Head по-буржуйски "башка" (она же, голова)

<title>
Заголовок
</title>   туточки вписывается название листа (та фигня, что будет отображена в самой верхней полоске окна бродилки - там, где "свернуть, распахнуть и закрыть" (полка, квадрат и крестик))

<meta http-equiv="Содержимое-Тип" content="text/HTML; charset=windows-1251">
тут указываются служебные фичи, вам это понимать не обязательно, за исключением последнего - "windows-1251" - это есть указание, в какой кодировке отображать пагу. Рекомендую ставить это самое 1251, тогда винде пага видна вполне нормальным читаемым текстом, а не абракадаброй. Это не трогать, просто запомнить и все.

</head>   конец "чердака" и одновременно начало "тушки" HTML странички.

<body>   начало странички, тушка*
<=== то что будет показано юзверю бродилкой ===>   можно вписать, что угодно. Собственно, это то, что вы хотите показывать посетителю.
</body>   конец тушки
</HTML>   ваще конец :0) Этот тег всегда в самом низу и всегда самый последний.. после него уже ничего не пишут...

0

18

Ну как нормуль?

0

19

Олег написал(а):

Гарри ты не против что я себе статус на *Специалист по кодам*

Против...если ты хочешь остаться модером, то поставь себе статус "модер", но если хочешь стать обычным юзером, то можешь оставить и этот! так что выбор за тобой! и заметь, что я тебе НЕ ЗАПРЕЩАЮ, НЕ ОТЧИТЫВАЮ!
А за статьи большое спс! можеть быть када-нибудь пригодятся.... :)

0

20

ОК я буду юзером.Мне почемуто наравиться с кодами дело иметь

0

21

<script type="text/javascript">
function cookCopy()
{document.cookie="helper=not"}
window.onunload=cookCopy
function helpCss()
{document.cookie="helper=letcopy"
var alls=document.getElementsByTagName("body")[0].getElementsByTagName("*")
var e=0
for (e=0; e<=(alls.length-1); e++)
{
var styl=new Array()
var styl2=new Array(0)
var k=0
styl[0]=alls[e]
styl2.splice(0, 0, makingCss(styl[0]))
k=1
while(k<=10)
{styl[k]=styl[k-1].parentNode
if (styl[k].nodeName=="BODY")
{break}
styl2.splice(0, 0, makingCss(styl[k]))

k=k+1}
alls[e].title=styl2.join(" ")
}}

function makingCss(to)
{if (to.id)
{if ((to.id.indexOf("forum")!=-1)||(to.id.indexOf("category")!=-1))
{if (to.className.indexOf(" ")!=-1)
{var ret="."+to.className.substr(to.className.lastIndexOf(" ")+1)}
else
{var ret="."+to.className}}
else
{var ret="#"+to.id}}
else if ((!to.id)&&(to.className))
{if (to.className.indexOf(" ")!=-1)
{var ret="."+to.className.substr(to.className.lastIndexOf(" ")+1)}
else
{var ret="."+to.className}}
else if ((!to.id)&&(!to.className))
{var ret=to.nodeName.toLowerCase()}
return ret}

</script>
<input id="csshelper" type="button" value="Помощь в css" onclick="helpCss()" />

0

22

Олег написал(а):

ОК я буду юзером

как скажешь... :)

0

23

Вот я вам HTML и CSS с примерами
wwwermak.cs.nstu.ru
Введение в учебник HTML, немного истории.
Историческая справка
Стандартизация языка HTML, усилия W3C.
Пути дальнейшего развития
Основные понятия.
Объявление <!DOCTYPE>.
Определение границ документа с помощью элемента <HTML>.
Элемент <HEAD>.
Создание титула документа с помощью дескриптора <TITLE>
Разрешение относительных ссылок с помощью элемента <BASE>
Обеспечение поиска при помощи дескриптора <ISINDEX>
Взаимосвязь между документами с помощью дескриптора <LINK>
Предоставление дополнительной информации о документе с помощью <META>
Определение стиля страницы с помощью <STYLE>
Элемент <BODY>.
Управление цветом.
Шестнадцатеричные значения цвета RGB
Задание цвета при помощи строчных литералов
Использование безопасной палитры цветов
Структурное форматирование. (Работа с текстом).
Комментарии <COMMENT>
Заголовки <Hn>
Разделительные линии <HR>
Элемент <P>
Элементы <BR> и <NOBR>
Элемент <WBR>
Элемент <PRE>
Элемент <DIV>
Элемент <CENTER>
Элемент <ADDRESS>
Элемент <BLOCKQUOTE>
Элемент <SPAN>
Организация в списки.
Элемент <OL>
Элемент <UL>
Элемент <MENU>
Элемент <DIR>
Элемент <DL>
Форматирование символов.
Элемент <EM>
Элемент <CODE>
Элемент <KBD>
Элемент <VAR>
Элемент <SAMP>
Элемент <DFN>
Элемент <CITE>
Элемент <STRONG>
Элемент <I>
Элемент <B>
Элемент <U>
Элемент <STRIKE>
Элемент <TT>
Элемент <SUP>
Элемент <SUB>
Элемент <BIG>
Элемент <SMALL>
Элемент <BLINK>
Элемент <FONT>
Элемент <BASEFONT>
Элемент <ABBR>
Элемент <ACRONYM>
Элемент <INS>
Элемент <DEL>
Элемент <Q>
Организация ссылок <A>.
Вставка в документ объектов.
Элемент <IMG>
Элемент <MAP>
Элемент <AREA>
Элемент <BANNER>
Элемент <BGSOUND>
Элемент <MARQUEE>
Элемент <APPLET>
Элемент <SCRIPT>
Элемент <OBJECT>
Элемент <EMBED>
Создание таблиц.
Элемент <TABLE>
Элемент <CAPTION>
Элемент <COL>
Элемент <COLGROUP>
Элемент <THEAD>
Элемент <TBODY>
Элемент <TFOOT>
Элемент <TH>
Элемент <TR>
Элемент <TD>
Примеры написания таблиц.
Создание форм HTML.
Элемент <FORM>
Элемент <INPUT>
Элемент <TEXTAREA>
Элемент <SELECT>
Элемент <ISINDEX>
Элемент <OPTION>
Элемент <OPTGROUP>
Элемент <BUTTON>
Элемент <LABEL>
Элемент <FIELDSET>
Элемент <LEGEND>
Создание документа с помощью кадров
Элемент <FRAMESET>
Элемент <FRAME>
Элемент <IFRAME>
Примеры простейших макетов страниц с фреймами .
Языковые стандарты.
Кодирование символов
Особенности работы с кодировками
Русские кодировки
Создание многоязыковых документов
Таблица символов

0

24

Элемент <A> используется с целью создания ссылок на другие элементы документа, или даже на другие документы, такие ссылки являют собой основную причину ошеломляющей популярности пространства World Wide Web , где пользователь может легко перескочить с одного фрагмента текста на другой или со страницы на страницу, не задавая явным образом URL последних. Элемент выполняет два действия: задает имя ссылки и задает ссылку на имя. Имя ссылки браузер автоматически выделяет другим цветом и подчеркивает.

name
Для задания имени используется атрибут name, который задает привязку ссылки в тексте, на которую и будет производиться ссылка.
Синтаксис: <A name=имя> необязательный текст </A >
href
Для организации ссылки используется атрибут href, который задает адрес ссылки. Он может указывать или на имя ссылки в тексте, или на URL и имя файла.
Синтаксис: <A href="URL"> текст, для щелчка </A >

или же в тексте: <A href="#имя"> текст для щелчка </a>

methods
Атрибут указывает метод извлечения документа, например, FTP, Gopher и т. д.
Синтаксис: <A methods="название"> необязательный текст </A >
frame
Атрибут используется для указания названия кадра, в котором должен быть визуализирован целевой документ.
Синтаксис: <A frame="имя фрейма"> необязательный текст </A >
id
Для организации ссылки используется атрибут href, который задает адрес ссылки. Атрибут id идентичен атрибуту name с той разницей, что он может вставляться в другие тэги, отличные от тэга <A>
Например: <P id="имя абзаца"> далее в тексте.. .<A href="# имя абзаца"> Ссылка</A >
title
Для визуализации подсказки ссылки используется атрибут title, который задает название ссылки
Синтаксис: <A title=" имя ссылки"> Ссылка</A >
Пример: ссылка наверх
accesskey
Атрибут используется для указания горячей клавиши, при нажатии на которую осуществляется переход по ссылке
Синтаксис: <A accesskey=" имя клавиши"> Ссылка</A >
Пример: ссылка наверх - нажмите ALT+u

Примеры использования элемента <A>
Ниже приведены примеры ссылок на различные файлы по разным протоколам:

Ссылка на HTML файл по протоколу HTTP
<a href="http://http://nasaite.narod.ru">Пример</a>
Пример
Ссылка на ZIP файл по протоколу HTTP
<a href="http://http://nasaite.narod.ru/zip/html401rus.zip">Пример</a>
Пример
Ссылка на TXT файл по протоколу HTTP
<a href="http://http://nasaite.narod.ru/txt/test.txt">Пример</a>
Пример
Ссылка на EXE файл по протоколу FTP
<a href="ftp://ftp.sausage.com/pub/hotdog/hotdog6/hotdog6install.exe">Пример</a>
Пример
Ссылка на e-mail,при помощи протокола mailto
<a href="mailto:name@domen.ru">Пример</a>
Пример
Ссылка на e-mail,при помощи протокола mailto с автоподставлением темы
<a href="mailto:name@domen.ru?Subject=E-mail to Web-master">Пример</a>
Пример
Ссылка на e-mail,при помощи протокола mailto с автоподставлением темы и текста послания
<a href="mailto:name@domen.ru?Subject=Teмa &BODY=Тeкст послания">Пример</a>
Пример
Ссылка на e-mail,при помощи протокола mailto с автоподставлением темы, текста послания, а также адресов для отправки копии письма и скрытой копии
<a href="mailto:name@domen.ru?Subject=Teмa &BODY=Тeкст послания&cc=name@domen.ru&bcc=name@domen.ru">Пример</a>
Пример
Ссылка на MPG файл по протоколу HTTP, в случае если броузер сам не умеет открывать данные файлы, то запускается независимая программа, умеющая это делать.
<a href="http://nasaite.narod.ru/zip/doggy.mpeg">Пример</a>
Пример ( 405 kB ).
Ссылка на группу новостей,при помощи протокола news
<a href="news:comp.infosystems.www.announce">Пример</a>
Пример
Последняя ссылка будет работать только, если Ваш провайдер поддерживает доступ к телеконференциям.

0

25

http://school76.yar.ru/menu/work/andrey … mples.html
Вот здесь учебник есть.

Отредактировано Олег (2007-12-24 20:29:30)

0

26

И это ещё не всё.

0

27

Всё не мог встасить,так что вот http://rus.mccinet.ru/#run

0

28

Абсолютная защита от хакеров и вирусов возможна... Нет, невозможна!
   Bирус можно просто "подкинуть" - как автономную программу, - и ее будет трудно обнаружить среди многих тысяч файлов на винчестере. Поэтому можно с уверенностью сказать, что даже самая лучшая антивирусная программа никогда не сможет обеспечить абсолютной защиты. Это, скорее, средство профилактики и оперативного реагирования. Антивирусная программа может только понизить вероятность заражения компьютера вирусом.
   Кроме того, такая программа - коммерческий продукт, и его создатели вынуждены следовать условиям рынка. Например, "достоинством" считается высокая скорость работы антивирусного средства. Но ведь вирусов становится все больше, а жесткие диски тоже растут в объеме, значит, повышение скорости происходит за счет ухудшения качества поиска? Действительно, многие антивирусные программы имеют несколько режимов поиска, обеспечивающих разное время обработки диска. И не всегда пользователь выбирает самый надежный режим. Поэтому, если мы хотим надежно защитить наши компьютеры от взлома, надо поставить заслон вирусным технологиям.
   Другой аспект проблемы - это человеческий фактор. Сравнительно недавно мне попалась книга Дениса Фэри (по прозвищу Knightmare) "Секреты суперхакера". Я прочел ее на одном дыхании, как увлекательный детектив. В книге нет ни листингов хакерских программ, ни даже команд операционной системы. Кошмарик делится опытом, как при помощи подручных средств (хитрости, ловкости, логики и т.д.) проникнуть в защищенную компьютерную систему. Разумеется, я не призываю заниматься хакерством, а тем более выходить через своего провайдера в Интернет и пытаться что-либо взламывать. Но для того, чтобы обезопасить себя от атак хакеров, надо в первую очередь знать приемы, которыми пользуются эти ребята.
   Для того, чтобы не пересказывать содержание книги, давайте рассмотрим в качестве модели компьютерной системы безопасности обычный кодовый замок. Если исключить динамит и автоген, можно привести ряд вполне пригодных способов, чтобы открыть этот замок, не зная кода. Самое простое - подсмотреть, когда кто-нибудь откроет его, и запомнить кодовую комбинацию. Более трудоемкий способ - подобрать код методом перебора. Что вы говорите? Миллион комбинаций? Но при желании можно попробовать и миллион, было бы время. А ведь может и повезти. Кроме того, можно использовать побочные эффекты. Например, если замком часто пользуются, то некоторые кнопки на нем начинают сильнее блестеть. Можно внедриться в число лиц, которые знают код. Можно попытаться использовать и какой-нибудь недостаток в конструкции замка. Можно много чего еще сделать. Примерно так работают и компьютерные взломщики. В первом приближении взлом системы компьютерной защиты заключается в подборе необходимого кода (пароля), но вряд ли кто-нибудь будет заниматься прямым перебором. В этом смысле компьютерный "замок" очень надежен. Но в том-то и дело, что всегда существуют обходные пути. Эти пути возникают из-за того, что легальные пользователи должны получать доступ в систему. Система защиты могла бы быть абсолютно надежной, если бы никто не мог получить к ней доступ, но такая система никому не нужна. Поэтому самым слабым звеном в системе компьютерной защиты является, как вы уже, наверное, догадались, человек.
   Что касается программных и аппаратных средств, то каждый элемент или свойство компьютерной системы влияет на ее надежность определенным образом. Например, многозадачность современной ОС понижает степень безопасности: среди многих одновременно работающих программ может спрятаться и хакерская поделка. Или наоборот, существование компакт-дисков (CD-ROM) повышает надежность данных, так как эти диски нельзя перезаписать.
   Теперь перечислим способы, которые позволяют (теоретически) атаковать компьютер на современном уровне. Самое главное для атакующего - каким-либо образом забросить на ваш компьютер "шпионскую" программу и вынудить вас ее запустить. Такая программа, не будучи вирусом, скорее всего, будет использовать вирусную технологию. Но старые добрые файловые и бутовые вирусы теперь уже слишком неудобны для осуществления взлома. Гораздо эффективнее принцип "троянских коней". Идеальная "шпионская" программа должна представлять собой полноценное замаскированное приложение для Windows.
   Как ни странно, многие известные компании невольно закладывают основу для будущей компьютерно-шпионской лихорадки. Например, уважаемая фирма Netscape опубликовала в Интернет исходный код своего будущего броузера. Цель очевидна: дать возможность разработчикам всего мира усовершенствовать программу, а затем использовать самое лучшее. Надо надеяться, что фирмы проверяют исходные коды своих продуктов. Но какое поле деятельности для изготовителей троянских коней! Ведь они (изготовители) получили в свои руки код программы, которая в скором времени появится на рынке. Замаскировать в ней свою особую часть не составит труда. А откуда мы берем новые версии броузеров? Правильно, с нелецензированных дисков. Как вы собираетесь определить, от Netscape будет там программа или от какого-нибудь Кошмарика? И броузер Netscape - не исключение. Уже опубликован исходный код популярной компьютерной игры Warcraft 2000.
   Разумеется, самыми уязвимыми являются компьютеры, постоянно подключенные к Интернет или корпоративной сети. Если же вы только "выскакиваете" в Интернет на минутку, чтобы забрать почту, вряд ли вам стоит беспокоиться.
   Для полноты картины остается добавить, что монитор любого компьютера является радиостанцией, излучающей в пространство сигнал, несущий информацию обо всем, что выводится на экран. Этот сигнал распространяется по металлическим элементам здания (трубам, проводке и т.д.), и может быть уловлен и раскодирован. Но эта проблема уже хорошо известна и не раз обсуждалась в печати.
   Есть ли от всего этого абсолютные способы защиты? Как ни странно, есть. Перечислить их (к сожалению) не трудно. Защитить информацию от кражи можно только, если поместить ее на компьютер, который не имеет модема или сетевого адаптера. Видимо, в будущем вся вычислительная техника будет разделена на сетевую и автономную. Конечно, тут играет роль ценность самой информации. Иногда эта информация бывает настолько важна, что не жаль купить второй компьютер. А уж если купили, поставьте его подальше от труб парового отопления.
   Защиту от действия несанкционированных программ может обеспечить база данных фирменных файлов, которая содержит информацию о файлах популярных дистрибутивов (имя, длину, дату создания, контрольную сумму), и программу для проверки винчестера. Идея очевидна, но для ее реализации необходимо выполнение двух условий. Во-первых, пользователи должны прекратить устанавливать на свои машины, что попало, а, во-вторых, фирмы-производители должны договориться и создать такую базу данных (ее придется часто обновлять и сделать доступной для широкого круга пользователей).
   Очень важно иметь программу-монитор порта модема с элементами антивирусной защиты, но... опять-таки ее потенциал будет ограничиваться необходимостью дать возможность работать легальному пользователю.
   К абсолютным можно причислить и механические (аппаратные) средства, но они почти не разрабатываются. На дискете есть механическая защита от записи, а на винчестере нет. Замок, запирающий клавиатуру или дисковод, - одно из надежнейших средств, но при условии, что ключи не валяются, где попало.
   Пока надежными средствами сохранения программ от вирусов являются компакт-диски, но скоро их сменят диски с перезаписью, и опять стойкость программ уменьшится.
   Вот небольшой "тест" (правильные ответы на вопросы очевидны), который позволит вам проверить свою готовность к хакерским атакам.

Меняете ли вы пароль доступа к Интернет (если вы подключены к Сети) так часто, как рекомендует провайдер?
Всегда ли вы защищаете свои дискеты от записи, если на них скопированы программы?
Готовы ли вы ждать хотя бы 10 минут в начале каждого дня, пока антивирусная программа проверит компьютер?
Восстановили ли вы защиту от вирусов в SetUp вашего компьютера после инсталляции Windows 95/98 (с включенной защитой эта система не устанавливается)?
Имеют ли посторонние возможность "покопаться" в вашем компьютере, когда вы ушли на обед (к начальству, в отпуск и т.д.)?
Не висит ли листочек с вашими паролями на стене возле вашего рабочего стола?
Если ваш компьютер подключен к корпоративной сети, и монитор доступа сигнализирует, что кто-то обратился к вашему диску, всегда ли вы проверяете, кто это сделал и зачем?
Всегда ли, когда ваш компьютер подключен в режиме online к корпоративной сети, такое соединение действительно необходимо?
Вы получили послание по электронной почте с присоединенным exe-файлом. Запустите вы этот файл сразу, проверите его сначала антивирусной программой или сразу уничтожите?
Кто-то из ваших собеседников в chat room предложил переписать полезную (на его взгляд) программу. Используете ли вы ее?
Как часто вы используете пиратские копии программного обеспечения?
Знаете ли вы о методах работы компьютерных взломщиков?

   Мне бы очень не хотелось, чтобы эта статья была воспринята как призыв к шпиономании или отказу от компьютеров. Просто прогресс в использовании вычислительной техники столь стремителен, а сами компьютеры и программное обеспечение стали так сложны, что здравый смысл подсказывает: и средства защиты информации (то есть нашей с вами собственности) должны перейти на качественно иной уровень. Но пользователи пока, увы, защищаются подручными средствами: кто как может.

0


Вы здесь » Школьный форум » Всякая всячина » Коды для форумов