<head> 와 </head>
사이 아무곳에나 넣어주시면 됩니다..


<!-- 글씨체 속성 시작 //-->
<style type="text/css">
<!--
@font-face {font-family:글씨체를 지정할 이름; src:url(글씨체 파일 주소);}
body,td,a,div,p,pre,input,textarea {font-family:글씨체를 지정할 이름; font-size:11;}
-->
</style>
<!-- 글씨체 속성 종료 //-->


이렇게 수정하시고 나서,,
아래의 스타일시트부분도 수정해야합니다<<
글씨체가 적용되있는부분들..
dotum 이나 굴림 등... 의 기본 글씨체들 앞에 글씨체를 지정할 이름 을 넣어주세요<<
티스토리 글씨체 바꾸기 , 티스토리 글씨체 바꾸는 방법
적용방법은
관리자 페이지 => 스킨 => HTML / CSS 편집 => skin.html
이 부분에서 <head> 와 </head> 사이 아무곳에나 넣어주시면 됩니다..
글씨 크기는 마음대로입니다<<
글씨체에 따라서 잘 맞춰주시길...

글씨체 파일은 TTF 파일확장자가 아닌 웹폰트 확장자..
eot 로 올려야 적용됩니다//!!
eot 웹폰트 확장자 글꼴파일을 티스토리에 올리신 후에 절대주소 로 링크시켜줍니다.. ( http:// 주소 )

TTF 확장자에서 eot 확장자로의 파일변환은 좀더 나중에 알려드리겠습니다<<
그때까지의 준비물!!

Microsoft WEFT

파일입니다!!
설치 끝내셨으면,, 덧글 부탁드립니다<<
자세히 설명드리겠습니다<<

'html 태그 배우기' 카테고리의 다른 글

html 특수 인라인태그 <A>  (0) 2008.09.28
html 속성값 형식  (0) 2008.09.28
html 태그연습장  (2) 2008.09.27
html 글씨체 바꾸기  (8) 2008.04.15
html 마우스 커서  (14) 2008.04.11
html 움직이는 글씨 , 마퀴태그  (10) 2008.04.04
html 색상 코드표  (2) 2008.04.01
Posted by 승호/

보기로는 그럭저럭 멋있는 스크립트죠 ㅎㅎ///
한번 해보시길.. ㅎㅎ///



<html>
<head>
<title>글씨가 뒤섞여나타나 정열합니다</title>

<script language=javascript>
<!--/
var data="A45C$kD?G~HJ&#51410;K#N?1a23@5?7*8"; //섞이는 글씨.
var done=1;

function Desencr(DesencrText, max, delay){
if (done){
done = 0;
Desencr_helper(DesencrText, max, delay, 0, max);
}
}

function Desencr_helper(DesencrText, runs_left, delay, charvar, max){
if (!done){
runs_left = runs_left - 1;
var status = DesencrText.substring(0,charvar);
for(var current_char = charvar; current_char < DesencrText.length; current_char++){
status += data.charAt(Math.round(Math.random()*data.length));
}

if(document.layers){
writeText="document.textoDes.document.write('')"
closeDesencr="document.textoDes.document.close()"
finelineColor=""
finelineSize=""
finelineFont=""
}else if (document.all){
writeText='document.all.textoDes.innerText=status'
finelineSize='document.all.textoDes.style.fontSize=15'
closeDesencr=""
finelineColor="document.all.textoDes.style.color='#000000'"
finelineFont="document.all.textoDes.style.fontFamily='verdana'"
}
eval(writeText);eval(closeDesencr);eval(finelineSize);eval(finelineFont);eval(finelineColor)

var rerun = "Desencr_helper('" + DesencrText + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "Desencr_helper('" + DesencrText + "'," + max + "," + delay + "," + new_char + "," + max + ");"

if(runs_left > 0){
setTimeout(rerun, delay);
}else{
if (charvar < DesencrText.length){
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}else{
done = 1;
}
}
}
}

function escribe(){
Desencr('안녕하세요~^^ 승호의 블로그에 오신걸 환영합니다~^^@@ ',3,10); //나타낼 메세지
}
/-->
</SCRIPT>

</head>

<body bgcolor="#FFFFFF" text="#000000" onload="escribe()">

<center><DIV ID="textoDes"></DIV></center>

</body>
</html>


Posted by 승호/

많이 쓰이지 않고,,,
쓸데가 별로 없지만...
일단 올려놓겠습니다;;;
참고하실분 참고하시고요<<
연습도 해보세요~<<~



<html>
<head>
<title>마우스 커서에 생기는 십자교차선.</title>

<style>
<!--
#leftright, #topdown{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:black;
background-color:black;
z-index:100;
font-size:1px;
}
-->
</style>

</head>


<body bgcolor="#207400" text="#ffffff" link="#ffffff">

<div id="leftright" style="width:expression(document.body.clientWidth-2)"></div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)"></div>

<script language="JavaScript1.2">
<!--
if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}
function followmouse1(){
//move cross engine for IE 4+
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}

function followmouse2(e){
//move cross engine for NS 4+
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}

if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
window.onload=regenerate2

//-->
</script>

</body>
</html>

 

Posted by 승호/
제 블로그처럼..
홈페이지에서 마우스 커서가 바뀌는 태그 알려드리겠습니다...

관리자 -> 스킨 -> html/css편집 -> skin.html 에 들어가셔서

<head> 뒤에 아무데에나 이 태그를 써넣어주세요...
준비물은 ani 커서파일 확장자입니다...




<!-- 마우스 커서 시작 //-->
<STYLE>body{cursor:url(커서파일.ani); }</STYLE>
<!-- 마우스 커서 종료 //-->




여기서 주소는 상대주소를 써넣는게 아니라 절대주소를 써넣어주셔야합니다... ㄱ-

'html 태그 배우기' 카테고리의 다른 글

html 속성값 형식  (0) 2008.09.28
html 태그연습장  (2) 2008.09.27
html 글씨체 바꾸기  (8) 2008.04.15
html 마우스 커서  (14) 2008.04.11
html 움직이는 글씨 , 마퀴태그  (10) 2008.04.04
html 색상 코드표  (2) 2008.04.01
html 프레임셋 태그의 모양 구조  (0) 2008.04.01
Posted by 승호/

제목 그대로죠.. ㅎㅎ/
페이지 오른쪽하단의 위 아래 버튼에 마우스가 올라가면 위아래로 스크롤되는 스크립트입니다...
쓸데가 좀 있을듯 하네요 ㅎㅎ///

<HTML>
<HEAD>
<TITLE>버튼위로 마우스 올리면 자동으로 아래, 위로 스크롤되는 스크립트</TITLE>
</HEAD>

<BODY>

<div id="staticbuttons" style="position:absolute;">
<a href="javascript:" onmouseover="myspeed=-thespeed" onmouseout="myspeed=0">▲</a><br>
<a href="javascript:" onmouseover="myspeed=thespeed" onmouseout="myspeed=0">▼</a>
</div>


<script>
var Hoffset=70
var Voffset=80
var thespeed=3 //스크롤속도 1-3

var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1
var myspeed=0

var ieHoffset_extra=document.all? 15 : 0
var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function positionit(){
var dsocleft=document.all? iecompattest().scrollLeft : pageXOffset
var dsoctop=document.all? iecompattest().scrollTop : pageYOffset
var window_width=ieNOTopera? iecompattest().clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra
var window_height=ieNOTopera? iecompattest().clientHeight : window.innerHeight

if (document.all||document.getElementById){
cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset+"px"
cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset+"px"
}
else if (document.layers){
cross_obj.left=dsocleft+window_width-Hoffset
cross_obj.top=dsoctop+window_height-Voffset
}
}

function scrollwindow(){window.scrollBy(0,myspeed)}

function initializeIT(){
positionit()
if (myspeed!=0){scrollwindow()}
}

if (document.all||document.getElementById||document.layers)
setInterval("initializeIT()",20)

</script>


</BODY>
</HTML>


 

Posted by 승호/

 홈페이지에 적용시켜보면..
그럭저럭 쓸만하네요~^^//
잘 쓰세요~^^

<html>
 <head>
   <title>불꽃놀이를 하는듯한 홈페이지 배경.</title>

<style type="text/css">
body { overflow-x: hidden; }
v\:* { behavior: url(#default#VML); }
</style>


 </head>

<body bgcolor="black">

<script language="JavaScript">

//Customize fireworks colors:
colors = new Array();
colors[0] = new Array('yellow', 'lime');
colors[1] = new Array('silver', 'green')
colors[2] = new Array('silver', 'blue');
colors[3] = new Array('silver', 'purple');
colors[4] = new Array('purple', 'white');
colors[5] = new Array('blue', 'silver');
colors[6] = new Array('red', 'fuchsia');
colors[7] = new Array('yellow', 'red');

maximum = 1000;

vmlobj='';
for(i = 0; i < 12; i++){
vmlobj += '<div id="ster'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">';
vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">';
vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>';
vmlobj += '<v:stroke on="false" /></v:shape></div>';
}
document.write(vmlobj); vmlobj = null;

aantal = 0;

function begin()
{
try {
if(aantal == maximum){ return;}
kleurschema = Math.floor(Math.random() * colors.length);
posLinks = Math.floor(Math.random() * (document.body.clientWidth - 180));
posLinks = (posLinks < 170)? 170: posLinks;
posBoven = Math.floor(Math.random() * (document.body.clientHeight - 180));
posBoven = (posBoven < 170)? 170: posBoven;
straal = 0; uiteen = true; teller = 1; flikkereffect = false;
for(var i = 0; i < 12; i++){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][0]);
document.getElementById('ster'+i).style.visibility = 'hidden'; // 5.0 fix
document.getElementById('ster'+i).style.left = posLinks;
document.getElementById('ster'+i).style.top = posBoven;
}
document.getElementById('ster0').style.top = (document.body.clientHeight - 20);
document.getElementById('ster0').style.visibility = 'visible';
omhoog();
} catch(e){}
}

function omhoog()
{
try {
positie = parseInt(document.getElementById('ster0').style.top);
if(positie > posBoven){
document.getElementById('ster0').style.top = (positie - 25);
setTimeout('omhoog()', 50);
} else {
for(i = 1; i < 12; i++){
document.getElementById('ster'+i).style.top = positie;
document.getElementById('ster'+i).style.visibility = 'visible';
}
uiteenspatten();
}
} catch(e){}
}

function uiteenspatten()
{
try {
if(straal > 120 && straal % 10 == 0){
flikkereffect = true;
teller = (teller == colors[kleurschema].length)? 0: (teller+1);
}
for(var i = 0; i < 12; i++){
var hoek = i * 30;
var piHoek = Math.PI - Math.PI / 180 * hoek;
var links = posLinks + Math.round(straal * Math.sin(piHoek));
var boven = positie + Math.round(straal * Math.cos(piHoek));
document.getElementById('ster'+i).style.left = links;
document.getElementById('ster'+i).style.top = boven;
if(flikkereffect){
document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][teller]);
}
}
if(straal < 160 && uiteen){
straal += (straal < 120)? 10: 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal > 120){
uiteen = false; straal -= 5;
setTimeout('uiteenspatten()', 50);
}
else if(straal <= 120){
for(var i = 0; i < 12; i++){
document.getElementById('ster'+i).style.visibility = 'hidden';
}
aantal++;
setTimeout('begin()', 500);
}
} catch(e) {}
}

window.onload=begin;

</script>
<![endif]-->

</body>
</html>


Posted by 승호/

<html>
<head>
<title>웹페이지 열림효과를 주는 스타일시트 입니다.</title>

<style type="text/css">
.header{font-family:verdana,arial,helvetica; font-size:30pt; font-weight:bold; color:#003399; filter:DropShadow(color=#CCCCCC, offX=2, offY=2, positive=1); width:100%}
.content{font-family:verdana,arial,helvetica; font-size:10pt}
.link{font-family:verdana,arial,helvetica; font-size:10pt; color:#003399}
.link:hover{font-family:verdana,arial,helvetica; font-size:10pt; color:#CC0000}
</style>
</head>
<BODY bgcolor="#207400" text="#ffffff" link="#ffffff" scroll="no">


<script language="JavaScript">
<!----
var width=document.body.clientWidth;
var height=document.body.clientHeight;

function doClickText(who,type,step,timeOut) {
document.getElementById(who).style.display="none";
if(type==0) {
 reveal('revealDiv1',step,timeOut,0);
 reveal('revealDiv2',step,timeOut,1);
}
if(type==1) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3); }
}

//////////////////////
// Reveal! function //
//////////////////////
function reveal(who,step,timeOut,type) {
if(type==0)
 var where="top";
if(type==1)
 var where="bottom";
if(type==2)
 var where="left";
if(type==3)
 var where="right";
eval('var temp=document.getElementById(who).style.'+where);
temp=parseInt(temp);
if(type==0||type==1)
 var checkWith=height/2;
if(type==2||type==3)
 var checkWith=width/2;
if(-temp<checkWith) {
 temp-=step;
 
eval('document.getElementById(who).style.'+where+'=temp;');
 
setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut);
}
else {
document.getElementById(who).style.display="none";
document.body.scroll="yes"; }
}


function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) {
if(type==0) {
var bWhere1="border-bottom";
var bWhere2="border-top";
var putZero1="top:0px; left:0px";
var putZero2="bottom:0px; left:0px";
 
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
 
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
 
if(!click) {
reveal('revealDiv1',step,timeOut,0);
reveal('revealDiv2',step,timeOut,1);
 }
else {
clickText(type,step,timeOut);
 }
}
if(type==1) {
var bWhere1="border-right";
var bWhere2="border-left";
var putZero1="top:0px; left:0px";
var putZero2="top:0px; right:0px";
 
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
 
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
 
if(!click) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3); }
 else {
clickText(type,step,timeOut);
 }
}
function clickText(type,step,timeOut) {

document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');
 }
}
----->
</script>

<script language="JavaScript">
<!----
/*
처음나타나는 화면의 중앙에 나타나는 박스안의 글자설정입니다
*/
var clickw=250;  // 넓이
var clickh=30;  // 높이
var clickb=2;  // 테두리두께
var clickc="#207400"; // 테두리색상
var clickbg="#000000"; // 바탕색상
var clickt="안녕하세요~^^"; // 문자메세지
var clickFont="font-family:휴먼매직체; font-size:18pt; font-weight:bold; color:#FFFFFF";  // 글자의 형태지정


new initReveal(0,'#22aa66','#22aa66',1,1,'#44ff00','#cc0088',5,10,true);  //여기서설정순서를 보면(0또는1,0은상하 1은좌우로열리며 다음의2개는 양측의색상지정, 색상다음두개의숫자는 경계선두께, 다음의 두개는 경계선색상 색상다음숫자는 열리는속도(숫자가크면 빨라짐),다음은 신경안써도 상관없구요
--->
</script>

</body>
</html>



 

Posted by 승호/

홈페이지에 배경이미지를 고정시키는 스타일시트 입니다..
티스토리 블로그에도 배경이미지 고정시킬 수는 있지만,
이 방법은 먹히지 않습니다...//


 
<html>
 <head>
  <title>배경이미지 고정시키는 스타일시트</title>

<style type="text/css">
body {background:#207400 url('이미지 파일 주소') no-repeat fixed center middle}
</style>
 </head>

<body>


</body>
</html>



티스토리 배경이미지 고정태그는 다음에 올리도록 하겠습니다...

Posted by 승호/

익스플로러 창의 가운데로 아래의 특수문자가 빨려들어갑니다.
홈페이지에 쓰이기에는 좀 부적절하면서도..
정신없네요...
컴퓨터가 좀 느리신분들은..
이 스크립트에 좀 무리가 있군요...;;
비추합니다.......

 
<html>
<head>
<title>가운데로 빨려들어가는 글씨</title>

<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">

<script language="JavaScript">
if (document.all){
yourLogo="★☆*#&*@§※☆★○☆★⊙";
logoFont='돋움';
logoColor='silver';
yourLogo=yourLogo.split('');
L=yourLogo.length;
H=0;
W=0;
R=0;
E=0;
MY=0;
MX=0;
Wd=0;
Hd=0;
F=new Array();
Y=new Array();
X=new Array();
S=new Array();
A=new Array();
B=new Array();

document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < L; i++)
document.write('<div id="ie" style="position:absolute;top:0;left:0;width:10px;height:10px;'
+'font-family:'+logoFont+';font-size:50px;color:'+logoColor+'">'+yourLogo[i]+'</div>');
document.write('</div></div>');

function Set(){
for (i=0; i < L; i++){
H=window.document.body.offsetHeight;
W=window.document.body.offsetWidth;
A[i]=Math.round(Math.random()*H);
B[i]=Math.round(Math.random()*W);
S[i]=Math.random()*0.07+0.05;
R=Math.round(Math.random()*3);
E=Math.round(Math.random()*2500+50)
if (R == 3) B[i]=-E;
if (R == 2) B[i]=W+E;
if (R == 1) A[i]=-E;
if (R == 0) A[i]=H;
F[i]=W/10;
}
}
Set();

function Assign(){
outer.style.top=document.body.scrollTop;
for (i=0; i < L; i++){
F[i]-=S[i]*55;
if (F[i] < 2) F[i]=1;
ie[i].style.top =Y[i];
ie[i].style.left=X[i];
ie[i].style.fontSize=F[i];
}
}
function fly(){
MY=window.document.body.clientHeight/2;
MX=window.document.body.clientWidth/2;
Wd=Math.round(Math.random()*40+5);
Hd=Math.round(Math.random()*30+5);
for (i=0; i < L; i++)
{
Y[i]=A[i]+=(MY-A[i])*(S[i]);
X[i]=B[i]+=(MX-B[i])*(S[i]);
if ((X[i] > MX-Wd) && (X[i] < MX+Wd) && (Y[i] > MY-Hd) && (Y[i] < MY+Hd)){
H=window.document.body.offsetHeight;
W=window.document.body.offsetWidth;
A[i]=Math.round(Math.random()*H);
B[i]=Math.round(Math.random()*W);
S[i]=Math.random()*0.05+0.05;
R=Math.round(Math.random()*3);
E=Math.round(Math.random()*50+50)
if (R == 3) B[i]=-E;
if (R == 2) B[i]=W+E;
if (R == 1) A[i]=-E;
if (R == 0) A[i]=H+E;
}
if ((X[i] < 0) || (X[i] > W) || (Y[i] < 0) || (Y[i] > H))
F[i]=W/10;
}
Assign();
setTimeout('fly()',20);
}
window.onload=fly;
}

</script>

</head>

<body bgcolor="#000000">

</body>
</html>


수고하셨습니다~<<

Posted by 승호/

글씨가 파도를탑니다...
꽤 쓸만하네요 ㅎㅎ///
눈이 심심하지는 않을거같은스크립트...


<html>
 <head>
   <title>글씨가 파도를 탑니다...</title>


<script>
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;
mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if(message.length > 6){
for(i=0;i !=message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>";
}
jump.innerHTML=txt;txt="";
jump1a();
}
else{ alert("Your message is to short");}
}

function jump1a(){
n0.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50);}
else{jump1b();}
}

function jump1b(){
n0.style.left=-num2;
if(num2 != 0){num2=num2-3;setTimeout("jump1b()",50);}
else{jump2();}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num >-1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>";}
else{
txt=txt+"<span>"+message.charAt(i)+"</span>"}};
jump.innerHTML=txt;txt="";
if(num != (-message.length)){
num--;setTimeout("jump2()",50)};
else{num=0;setTimeout("jump0()",50)};
}
</script>

</head>

<body bgcolor="#FFFFFF" text="#000000">

<center><B><div id="jump" ></div></B></center>

<script>
message="~~~~~~~파도타는거같나요<<???~~~~~~~"
jump0()
</script>

</body>
</html>



수고하셨습니다~^^/

Posted by 승호/

 직접 연습해보고 확인해보세요...
마음에 안드시는분들도 은근히 많을거같은스크립트죠...
컴퓨터가 좀 느리면.... 이 텍스트뜨는데에만 시간이 좀 걸린다죠..?
초기화면부터 정신도 없어지고요...
저는 개인적으로 비추합니다...

<HTML>
 <HEAD>
  <TITLE>초기화면에 쓰면 어울릴 텍스트 스크립트</TITLE>

<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>

<style type="text/css">
v\:* { behavior: url(#default#VML); }
</style>

 </HEAD>

<BODY bgcolor="#207400" text="#ffffff" link="#ffffff">

<script type="text/javascript">

// 나타나는 메세지 쓰는곳
var message=new Array(http://jihansome.tistory.com, "안녕하세요~", "즐거운 시간 되세요~")

// 테두리 color
var outlinecolor=new Array("black", "black")

// 사각형 색상지정
var fillcolor1=new Array("gray", "green", "white", "green")
// 메세지 색상지정
var fillcolor2=new Array("blue", "olive", "black", "lime")
//테두리문양
var circlemark=new Array("-")
var strkweight=2
// 메세지가 출력되어 멈추는 시간(초)
var pause=2
var strengthopacity="70%"
// (values range from 0.1 to 1)
var circlesize=0.5
var keepinview="yes"

// 아랫부분은 수정 불가!

mytruebody=(!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body //Dynamicdrive added object

var outerwidth=mytruebody.clientWidth
var outerheight=mytruebody.clientHeight

var innerwidth=Math.floor(circlesize*outerwidth)
var innerheight=Math.floor(circlesize*outerheight)

var posleft=(outerwidth-innerwidth)/2
var postop=(outerheight-innerheight)/2

var path=new Array()
var i_message=0
var i_outlinecolor=0
var i_fillcolor1=0
var i_fillcolor2=0
var i_messagelength=0
var longestmessage=0
pause*=1000

var ie=document.getElementById&&document.all?1:0

for (i=0;i<=message.length-1;i++) {
if (message[i].length>longestmessage) {
longestmessage=message[i].length
}
longestmessage+=4
}

for (i=0;i<=message.length-1;i++) {

var emptyspace=""
var i_emptyspace=(longestmessage-message[i].length)/2
for (ii=0;ii<=i_emptyspace;ii++) {
 emptyspace+=circlemark }
message[i]=emptyspace+" "+message[i]+" "+emptyspace }

function changeform() {
if (keepinview=="yes") //DD added
document.getElementById("roofid").style.top=mytruebody.scrollTop //DD added
if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
if (i_fillcolor1 >= fillcolor1.length) {i_fillcolor1=0}
if (i_fillcolor2 >= fillcolor2.length) {i_fillcolor2=0}
document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
 document.getElementById('fillid').color=fillcolor1[i_fillcolor1]
 document.getElementById('fillid').color2=fillcolor2[i_fillcolor2]
 if (i_message < message.length) {tick()}
 else {document.getElementById('textpathid').string=""
 document.getElementById("roofid").style.display="none" //DD added
 }
}

function tick() {
if (i_messagelength <= message[i_message].length) {
var messagestringend=""
var messagestring=message[i_message].substring(0, i_messagelength)+messagestringend
document.getElementById('textpathid').string=messagestring
var timer=setTimeout("tick()",50)
i_messagelength++ }
else {
clearTimeout(timer)
i_messagelength=0
i_message++
i_outlinecolor++
i_fillcolor1++
i_fillcolor2++
var timer=setTimeout("changeform()",pause) }
 
}

if (ie) {
document.write('<div id="roofid" style="position:absolute;left:0px;top:0px;width:'+outerwidth+'px;height:'+outerheight+'px;overflow:hidden;">')
 
document.write('<v:oval id="tc" style="position:absolute;top:'+postop+'px;left:'+posleft+'px;width:'+innerwidth+'px;height:'+innerheight+'px">')
 
document.write('<v:shadow on="t" opacity="'+strengthopacity+'"/>')
 
document.write('<v:stroke id="strokeid" weight="'+strkweight+'pt" color="blue"/>')
 
document.write('<v:fill id="fillid" on="True" color="'+fillcolor1[0]+'" color2="'+fillcolor2[0]+'" opacity="'+strengthopacity+'" opacity2="'+strengthopacity+'" type="gradient"/>')
 
document.write('<v:path textpathok="t"/>')
 
document.write('<v:textpath id="textpathid" on="t" id="mytp" style="font-family:\'Arial Black\'; " fitpath="t" string=""/>')
 
document.write('</v:oval></div>')
if (window.attachEvent) //DD added code
window.attachEvent("onload", changeform) //DD added code
else
window.onload=changeform
}
</script>

</BODY>
</HTML>


Posted by 승호/

말 그대로 마우스 오른쪽 버튼을 사용하면 메시지 창이 뜨는 스크립트입니다...
별로 추천하지는 않습니다...
이걸 쓰는바에야 아예 오른쪽버튼을 막는 스크립트 추천합니다...

<HTML>
 <HEAD>
   <TITLE> 마우스 오른쪽 버튼사용 메시지 출력 스크립트  </TITLE>

<SCRIPT LANGUAGE="JavaScript1.1">
<!-- Begin
function right(e) {
if (navigator.appName == 'Netscape' &&
(e.which == 3 || e.which == 2))
return false;
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("마우스 오른쪽 버튼은 사용이 금지되어 있습니다~!!!");
return false;
}
return true;
}

document.onmousedown=right;
document.onmouseup=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
if (document.layers) window.captureEvents(Event.MOUSEUP);
window.onmousedown=right;
window.onmouseup=right;
//  End -->
</script>

</HEAD>

<BODY>


</BODY>
</HTML>


Posted by 승호/

이미지 파일 주소 << 여기에는 되도록 가로 14, 세로 14 픽셀 이하의 gif 그림파일을 넣어주세요~<<


<html>
<head>
<title>마우스 따라다니는 그림.</title>
</head>

<body bgcolor="#207400" text="#ffffff" link="#ffffff">

<div id="dot0" style="position: absolute; visibility: hidden; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot1" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소 height=14 width=14>
</div>
<div id="dot2" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot3" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot4" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot5" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>
<div id="dot6" style="position: absolute; height: 14; width: 14;">
 <img src="이미지 파일 주소" height=14 width=14>
</div>

<script LANGUAGE="JavaScript">

var nDots = 7;
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var XGRAVITY = 0;
var YGRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 14;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();

function init(){
var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i); }
   
if (!isNetscape) {  }
   
for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y; }
if (isNetscape) {
startanimate();
} else {
setTimeout("startanimate()", 1000);}
}
function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");}
}
function startanimate() {
setInterval("animate()", 20); }

function setInitPositions(dots)
{var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE; }

dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;}

function MoveHandler(e)
{ Xpos = e.pageX;
Ypos = e.pageY;  
return true; }

function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop;  
}

if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;
} else {
document.onmousemove = MoveHandlerIE;
}


function vec(X, Y)
{ this.X = X;
this.Y = Y; }


function springForce(i, j, spring)
{ var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF; }
}

function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1; }
   
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring); }
if (i < (nDots - 1)) {
springForce(i+1, i, spring);  }

var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
       

var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY,
(spring.Y + resist.Y)/ MASS + YGRAVITY);
       

dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
       

if (Math.abs(dots[i].dx) < STOPVEL &&
 Math.abs(dots[i].dy) < STOPVEL &&
 Math.abs(accel.X) < STOPACC &&
 Math.abs(accel.Y) < STOPACC) {
 dots[i].dx = 0;
 dots[i].dy = 0; }

dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;

var height, width;
if (isNetscape) {
height = window.innerHeight + window.pageYOffset;
width = window.innerWidth + window.pageXOffset;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft; }
       

if (dots[i].Y >=  height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy; }
dots[i].Y = height - DOTSIZE - 1; }
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx; }
dots[i].X = width - DOTSIZE - 1; }
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx; }
dots[i].X = 0; }
       
dots[i].obj.left = dots[i].X;  
dots[i].obj.top =  dots[i].Y; }
}

</script>

</body>
</html>


다른것들은 수정하시는거 추천안하고요,,,,
이미지파일만 수정하시면 보기좋게 쓰실수 있습니다<<

Posted by 승호/

말 그대로 마우스 우버튼 ( 오른쪽버튼 ) 사용 못하게 하는 스크립트 소스 입니다...




<HTML>
 <HEAD>
  <TITLE>마우스 오른쪽 버튼 사용금지 스크립트</TITLE>
 </HEAD>

<BODY bgcolor="#207400" text="#ffffff" link="#ffffff">

<script language=JavaScript>
<!--//
var message="";

function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

</BODY>
</HTML>


많은분들이 알고계실줄 알겠지만..
그냥 올려봅니다...

홈페이지만들때 많이 쓰이는 스크립트죠.. ㅎㅎ///

Posted by 승호/

<HTML>
 <HEAD>
   <TITLE> 링크에 마우스가 올라가면 링크가 무지개색으로 계속 변하는 스크립트. </TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!---//
var rate = 20;  // Increase amount(The degree of the transmutation)
if (document.getElementById)
window.onerror=new Function("return true")

var objActive; 
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 125; // Saturation
var elmV = 255; // Value
var clrOrg;    
var TimerID;  


if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
  }
}

function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
  }
}


function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
 }

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
   }
 }
}

function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
    }
  }
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
        }

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
        }
    }
}

function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
        }
    }
}


function ChangeColor()
{  objActive.style.color = makeColor(); }


//  색상제어
function makeColor()
{
if (elmS == 0) {
elmR = elmV;    elmG = elmV;    elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1;  elmB = t2;  elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1;  elmB = t2;  elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1;  elmR = t2;  elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1;  elmR = t2;  elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1;  elmG = t2;  elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1;  elmG = t2;  elmB = t1 - t3;
}
else {
elmR = 0;   elmG = 0;   elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1)    elmR = "0" + elmR;
if (elmG.length == 1)    elmG = "0" + elmG;
if (elmB.length == 1)    elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}
//--->
</script>

</HEAD>

<BODY>

<b>아래의 링크에 마우스를 올리면 링크가 무지개색으로 표시됩니다...</b><p>
<H3> <a href=http://jihansome.tistory.com/> 블로그 </a> </H3>
<H4> <a href=http://www.tistory.com> 티스토리 </a> </H4>
<H5> <a href=http://www.naver.com> 네이버 </a> </H5>

</BODY>
</HTML>



이 방법 말고도 js 파일을 따로 넣는방법도 있는데요...
일단은...
이 방법대로만 해봅시다...///
제 블로그에도 링크가 무지개색으로 변하는데...
저는 플러그인... 썼어요;;;; ㄷㄷ///
왠지 관리하기가 불편해질거같았기에;; ㅎㅎ;;;
티스토리에서는 js파일을 직접 링크시켜 넣었더군요..

<body> 와 </body> 사이에 넣어주세요<<

<script language=javascript src="http://cfs.tistory.com/blog/plugins/RainbowLink/rainbow.js" type="text/javascript"></script>

이걸 직접 넣으면...
마우스가 링크 위에 올라왔을때, 링크가 무지개색으로 변합니다...

재미있는 공부 되셨는지요...


Posted by 승호/