Здесь вывешиваем коды для администратирования,пользователей.
Коды для форумов
Сообщений 1 страница 28 из 28
Поделиться22007-12-09 21:43:00
B, I, U, S стили начертания
полужирный
наклонный
подчеркнутыймаленький
COLOR цвета (только для администрации)
белый
зелёный
[red]красный[/red]
[blue]синий[/blue]
[gray]серый[/gray] (этот тег доступен всем)
OFF оффтоп
[off]оффтоп[/off] (равнозначен [gray]оффтоп[/gray])
URL гиперссылка
http://www.multicom.ru (обратите внимание, пробелов нигде быть не должно!)
или
Отечественный производитель мини АТС
IMG рисунок (обратите внимание, пробелов нигде быть не должно!)
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
Поделиться32007-12-09 21:44:47
Коды форума
Вводите Вид отображения
Текст для примера Текст для примера Текст для примера Текст для примера
Текст для примера Текст для примера
Текст для примера Текст для примера
- user@domain.com
Нажмите сюда! Нажмите сюда!
http://www.domain.com
Нажмите сюда!
Текст для примера Текст для примера
Текст для примера Текст для примера
Текст для примера Текст для примера
[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>
Поделиться42007-12-10 20:44:59
ЛОВИ репку(уважушку)!
Поделиться52007-12-16 20:49:22
Пасиб.
Поделиться62007-12-16 20:53:31
как создать стандартный код:
[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]
Очень просто.
Поделиться72007-12-16 20:55:45
Рамка форума.
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>
Поделиться82007-12-16 20:57:49
Ну как?я ещё могу.
Поделиться92007-12-16 20:58:41
Всё сдаюсь, неполучается-я-я!!
Ну значит надо:
Щёлкнув на
<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 непомогают!
Неполучается функцию сочинить.
Кнопок в документе до выполнения функции быть недолжно.
Может кто ни будь сочинит?
Поделиться102007-12-16 21:00:06
<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> Цитата
Поделиться112007-12-16 21:02:08
И это ещё не всё.
Поделиться122007-12-16 21:03:17
Гарри ты не против что я себе статус на *Специалист по кодам*
Поделиться132007-12-16 21:08:06
Так что я там про коды писал ......А вспомнил.Щас.
Поделиться142007-12-16 21:09:53
Написание Цвет р джи би(ПО англ не пишет) Код для 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)
Поделиться152007-12-16 21:16:04
Конечно же, поставив какой-либо редкий, интересный 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 код, какие бы "защитные меры" там не стояли. Можно сделать вывод: для серьезных, проффесиональных сайтов такие "защитные меры" вообще не годятся, а подходят они пожалуй только лишь для домашних страничек
Поделиться162007-12-16 21:18:42
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>
Поделиться172007-12-16 21:19:52
<начало 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 броузер покажет:
текст текст
Впрочем, если "ну очень хочется", то пробелов можно наставить принудительно. Делается это размещением в коде " ; " (разумеется без кавычек!).
;  - обозначение пробела. Неразрывного пробела. То есть в этом месте будет пустое пространство. Но если простой текст с пробелами броузер может перенести на другую строку на месте любого пробела, то слова, разделенные ; , он воспримет как единое целое. Вот потому не стоит злоупотреблять "гибкостью" и слишком часто использовать обозначение ; . Не стоит использовать его и для "выравнивания" текста внутри таблицы. Для этого есть более простые и правильные способы. Не рекомендую употреблять ;  больше двух-трех раз подряд. Можете считать это правилом, поскольку при большем количестве символов наверняка проще прописать требуемое выравнивание в 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) Этот тег всегда в самом низу и всегда самый последний.. после него уже ничего не пишут...
Поделиться182007-12-16 21:21:20
Ну как нормуль?
Поделиться192007-12-17 17:24:20
Гарри ты не против что я себе статус на *Специалист по кодам*
Против...если ты хочешь остаться модером, то поставь себе статус "модер", но если хочешь стать обычным юзером, то можешь оставить и этот! так что выбор за тобой! и заметь, что я тебе НЕ ЗАПРЕЩАЮ, НЕ ОТЧИТЫВАЮ!
А за статьи большое спс! можеть быть када-нибудь пригодятся....
Поделиться202007-12-17 21:03:15
ОК я буду юзером.Мне почемуто наравиться с кодами дело иметь
Поделиться212007-12-17 21:33:05
<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()" />
Поделиться222007-12-20 16:50:56
ОК я буду юзером
как скажешь...
Поделиться232007-12-24 20:23:48
Вот я вам 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>
Примеры простейших макетов страниц с фреймами .
Языковые стандарты.
Кодирование символов
Особенности работы с кодировками
Русские кодировки
Создание многоязыковых документов
Таблица символов
Поделиться242007-12-24 20:25:44
Элемент <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>
Пример
Последняя ссылка будет работать только, если Ваш провайдер поддерживает доступ к телеконференциям.
Поделиться252007-12-24 20:27:27
http://school76.yar.ru/menu/work/andrey … mples.html
Вот здесь учебник есть.
Отредактировано Олег (2007-12-24 20:29:30)
Поделиться262007-12-24 20:30:59
И это ещё не всё.
Поделиться272007-12-24 20:38:45
Всё не мог встасить,так что вот http://rus.mccinet.ru/#run
Поделиться282008-01-12 21:27:18
Абсолютная защита от хакеров и вирусов возможна... Нет, невозможна!
Bирус можно просто "подкинуть" - как автономную программу, - и ее будет трудно обнаружить среди многих тысяч файлов на винчестере. Поэтому можно с уверенностью сказать, что даже самая лучшая антивирусная программа никогда не сможет обеспечить абсолютной защиты. Это, скорее, средство профилактики и оперативного реагирования. Антивирусная программа может только понизить вероятность заражения компьютера вирусом.
Кроме того, такая программа - коммерческий продукт, и его создатели вынуждены следовать условиям рынка. Например, "достоинством" считается высокая скорость работы антивирусного средства. Но ведь вирусов становится все больше, а жесткие диски тоже растут в объеме, значит, повышение скорости происходит за счет ухудшения качества поиска? Действительно, многие антивирусные программы имеют несколько режимов поиска, обеспечивающих разное время обработки диска. И не всегда пользователь выбирает самый надежный режим. Поэтому, если мы хотим надежно защитить наши компьютеры от взлома, надо поставить заслон вирусным технологиям.
Другой аспект проблемы - это человеческий фактор. Сравнительно недавно мне попалась книга Дениса Фэри (по прозвищу Knightmare) "Секреты суперхакера". Я прочел ее на одном дыхании, как увлекательный детектив. В книге нет ни листингов хакерских программ, ни даже команд операционной системы. Кошмарик делится опытом, как при помощи подручных средств (хитрости, ловкости, логики и т.д.) проникнуть в защищенную компьютерную систему. Разумеется, я не призываю заниматься хакерством, а тем более выходить через своего провайдера в Интернет и пытаться что-либо взламывать. Но для того, чтобы обезопасить себя от атак хакеров, надо в первую очередь знать приемы, которыми пользуются эти ребята.
Для того, чтобы не пересказывать содержание книги, давайте рассмотрим в качестве модели компьютерной системы безопасности обычный кодовый замок. Если исключить динамит и автоген, можно привести ряд вполне пригодных способов, чтобы открыть этот замок, не зная кода. Самое простое - подсмотреть, когда кто-нибудь откроет его, и запомнить кодовую комбинацию. Более трудоемкий способ - подобрать код методом перебора. Что вы говорите? Миллион комбинаций? Но при желании можно попробовать и миллион, было бы время. А ведь может и повезти. Кроме того, можно использовать побочные эффекты. Например, если замком часто пользуются, то некоторые кнопки на нем начинают сильнее блестеть. Можно внедриться в число лиц, которые знают код. Можно попытаться использовать и какой-нибудь недостаток в конструкции замка. Можно много чего еще сделать. Примерно так работают и компьютерные взломщики. В первом приближении взлом системы компьютерной защиты заключается в подборе необходимого кода (пароля), но вряд ли кто-нибудь будет заниматься прямым перебором. В этом смысле компьютерный "замок" очень надежен. Но в том-то и дело, что всегда существуют обходные пути. Эти пути возникают из-за того, что легальные пользователи должны получать доступ в систему. Система защиты могла бы быть абсолютно надежной, если бы никто не мог получить к ней доступ, но такая система никому не нужна. Поэтому самым слабым звеном в системе компьютерной защиты является, как вы уже, наверное, догадались, человек.
Что касается программных и аппаратных средств, то каждый элемент или свойство компьютерной системы влияет на ее надежность определенным образом. Например, многозадачность современной ОС понижает степень безопасности: среди многих одновременно работающих программ может спрятаться и хакерская поделка. Или наоборот, существование компакт-дисков (CD-ROM) повышает надежность данных, так как эти диски нельзя перезаписать.
Теперь перечислим способы, которые позволяют (теоретически) атаковать компьютер на современном уровне. Самое главное для атакующего - каким-либо образом забросить на ваш компьютер "шпионскую" программу и вынудить вас ее запустить. Такая программа, не будучи вирусом, скорее всего, будет использовать вирусную технологию. Но старые добрые файловые и бутовые вирусы теперь уже слишком неудобны для осуществления взлома. Гораздо эффективнее принцип "троянских коней". Идеальная "шпионская" программа должна представлять собой полноценное замаскированное приложение для Windows.
Как ни странно, многие известные компании невольно закладывают основу для будущей компьютерно-шпионской лихорадки. Например, уважаемая фирма Netscape опубликовала в Интернет исходный код своего будущего броузера. Цель очевидна: дать возможность разработчикам всего мира усовершенствовать программу, а затем использовать самое лучшее. Надо надеяться, что фирмы проверяют исходные коды своих продуктов. Но какое поле деятельности для изготовителей троянских коней! Ведь они (изготовители) получили в свои руки код программы, которая в скором времени появится на рынке. Замаскировать в ней свою особую часть не составит труда. А откуда мы берем новые версии броузеров? Правильно, с нелецензированных дисков. Как вы собираетесь определить, от Netscape будет там программа или от какого-нибудь Кошмарика? И броузер Netscape - не исключение. Уже опубликован исходный код популярной компьютерной игры Warcraft 2000.
Разумеется, самыми уязвимыми являются компьютеры, постоянно подключенные к Интернет или корпоративной сети. Если же вы только "выскакиваете" в Интернет на минутку, чтобы забрать почту, вряд ли вам стоит беспокоиться.
Для полноты картины остается добавить, что монитор любого компьютера является радиостанцией, излучающей в пространство сигнал, несущий информацию обо всем, что выводится на экран. Этот сигнал распространяется по металлическим элементам здания (трубам, проводке и т.д.), и может быть уловлен и раскодирован. Но эта проблема уже хорошо известна и не раз обсуждалась в печати.
Есть ли от всего этого абсолютные способы защиты? Как ни странно, есть. Перечислить их (к сожалению) не трудно. Защитить информацию от кражи можно только, если поместить ее на компьютер, который не имеет модема или сетевого адаптера. Видимо, в будущем вся вычислительная техника будет разделена на сетевую и автономную. Конечно, тут играет роль ценность самой информации. Иногда эта информация бывает настолько важна, что не жаль купить второй компьютер. А уж если купили, поставьте его подальше от труб парового отопления.
Защиту от действия несанкционированных программ может обеспечить база данных фирменных файлов, которая содержит информацию о файлах популярных дистрибутивов (имя, длину, дату создания, контрольную сумму), и программу для проверки винчестера. Идея очевидна, но для ее реализации необходимо выполнение двух условий. Во-первых, пользователи должны прекратить устанавливать на свои машины, что попало, а, во-вторых, фирмы-производители должны договориться и создать такую базу данных (ее придется часто обновлять и сделать доступной для широкого круга пользователей).
Очень важно иметь программу-монитор порта модема с элементами антивирусной защиты, но... опять-таки ее потенциал будет ограничиваться необходимостью дать возможность работать легальному пользователю.
К абсолютным можно причислить и механические (аппаратные) средства, но они почти не разрабатываются. На дискете есть механическая защита от записи, а на винчестере нет. Замок, запирающий клавиатуру или дисковод, - одно из надежнейших средств, но при условии, что ключи не валяются, где попало.
Пока надежными средствами сохранения программ от вирусов являются компакт-диски, но скоро их сменят диски с перезаписью, и опять стойкость программ уменьшится.
Вот небольшой "тест" (правильные ответы на вопросы очевидны), который позволит вам проверить свою готовность к хакерским атакам.
Меняете ли вы пароль доступа к Интернет (если вы подключены к Сети) так часто, как рекомендует провайдер?
Всегда ли вы защищаете свои дискеты от записи, если на них скопированы программы?
Готовы ли вы ждать хотя бы 10 минут в начале каждого дня, пока антивирусная программа проверит компьютер?
Восстановили ли вы защиту от вирусов в SetUp вашего компьютера после инсталляции Windows 95/98 (с включенной защитой эта система не устанавливается)?
Имеют ли посторонние возможность "покопаться" в вашем компьютере, когда вы ушли на обед (к начальству, в отпуск и т.д.)?
Не висит ли листочек с вашими паролями на стене возле вашего рабочего стола?
Если ваш компьютер подключен к корпоративной сети, и монитор доступа сигнализирует, что кто-то обратился к вашему диску, всегда ли вы проверяете, кто это сделал и зачем?
Всегда ли, когда ваш компьютер подключен в режиме online к корпоративной сети, такое соединение действительно необходимо?
Вы получили послание по электронной почте с присоединенным exe-файлом. Запустите вы этот файл сразу, проверите его сначала антивирусной программой или сразу уничтожите?
Кто-то из ваших собеседников в chat room предложил переписать полезную (на его взгляд) программу. Используете ли вы ее?
Как часто вы используете пиратские копии программного обеспечения?
Знаете ли вы о методах работы компьютерных взломщиков?
Мне бы очень не хотелось, чтобы эта статья была воспринята как призыв к шпиономании или отказу от компьютеров. Просто прогресс в использовании вычислительной техники столь стремителен, а сами компьютеры и программное обеспечение стали так сложны, что здравый смысл подсказывает: и средства защиты информации (то есть нашей с вами собственности) должны перейти на качественно иной уровень. Но пользователи пока, увы, защищаются подручными средствами: кто как может.
Похожие темы
Позитив.Как его пополнить? | Опросы! | 2007-12-27 |