일단, 티스토리 블로그에 애드센스 광고를 붙이는 방법 알려드리겠습니다...

먼저, 애드센스에서 광고코드를 받으신 후, 광고를 달아놓을 블로그에서 스킨을 바꿔줍니다...
skin.html 에서 <div class="article"> 를 찾으신 뒤, <div class="article"> 의 바로 아랫줄에 애드센스에서 받은 광고코드를 써넣습니다.
만약, 양쪽에 광고를 두개 부착하고 싶으시다면, 아래의 코드대로 넣어주세요.

<table align="center">
<tr>
<td>
구글애드센스에서 받은 스크립트 광고코드
</td>

<td>
구글애드센스에서 받은 스크립트 광고코드
</td>
</tr>
</table>

위의 형식대로 넣으신 후, 적용하기 누르시면 양쪽에 광고 2개가 붙여 보여집니다...
하지만, 블로그의 글 넓이를 애드센스 광고스타일의 넓이 2개의 합보다 낮게 설정하시면, 아래와같이,
양쪽으로 붙지않고, 아래로 내려가버리게 됩니다..;
그러므로, 애드센스에서 광고스킨을 설정하실 때, 티스토리 블로그의 스킨 중, 게시글의 넓이의 1/2정도로 설정하셔야 합니다..

사용자 삽입 이미지

구글 애드센스의 광고넓이는  바꾸고싶지 않다, 티스토리 블로그의 스킨 넓이를 넓히고싶다, 블로그 넓이 넓히는 방법을 알려달라' 하시는 분들에게 블로그 넓이 넓히는 방법을 알려드리겠습니다...
의외로 간단하니,, 잘만 따라해주신다면 성공하실 수 있습니다~


먼저,
1. 스킨을 넓히실 블로그의 (http://블로그주소/owner/skin/edit) 로 들어가신 후, style.css 수정하는곳으로 내려가주세요.
2. style.css 에서 .article 혹은, *@post-width=* 를 찾아주세요
3. 찾으셨으면, *@post-width=* 의 뒷부분에 숫자가 보이실겁니다~( ***px )
4. 여기서 이 세자리 숫자가 블로그 게시글의 넓이입니다. 원하는 사이즈로 숫자를 수정해주세요
5. 수정하셨으면 마지막으로 적용 -> 블로그로 돌아가셔서 마음에 드는지, 확인해주세요...






끝입니다...
꽤나 간단한방법으로 블로그 넓이를 넓히는게 가능합니다.



이 아래는 구글 애드센스가 옆으로 붙여보여지는게 아니라, 아래로 정렬되어 보여지는 잘못된 소스입니다.
원래는 구글 애드센스 광고의 스크립트 두개를 이어붙여써넣어도 옆으로 이어져 붙여보여졌었는데요,,
소스를 바꾼건지, 몇달 전부터는 스크립트 두개를 이어붙이니, 뒤의 광고가 내려가 보여지더군요...


사용자 삽입 이미지

구글 애드센스 광고를 옆으로 붙여 보이게 하기 위해서는 테이블 소스가 필요합니다.
아래의 소스를 참고해주세요..
구글애드센스에서 받은 스크립트 광고코드 부분은 광고를 붙이실분이 받으신 광고 소스코드를 이야기하는겁니다..
구글애드센스에서 받은 스크립트 광고코드 부분에 <script>~ 부터의 모든 소스를 넣으시면 됩니다.

<table align="center">
<tr>
<td>
구글애드센스에서 받은 스크립트 광고코드
</td>

<td>
구글애드센스에서 받은 스크립트 광고코드
</td>
</tr>
</table>


수고하셨습니다~



구글 애드센스 부착에 어려움이 있으신분은 댓글 남겨주세요~
성심 성의껏 도와드리도록 하겠습니다~^^,,,
Posted by 승호/

<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>
<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 승호/

저도 오늘 처음으로 적용시켜본 소스죠,,???
티스토리에도 이런게 먹히다니... ㄷㄷ;;;
팝업창소스... 별로 좋은데에 쓰이는소스는 아니죠;; ㅎㅎ;;;


<script language="JavaScript">

<!--
function TripodShowPopup()
{
// open the popup window
var popupURL = "http://my.dreamwiz.com/jihansome/popup.htm"; var popup = window.open(popupURL,"TripodPopup",'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=370,height=120');
// set the opener if it's not already set. it's set automatically
// in netscape 3.0+ and ie 3.0+.
if( navigator.appName.substring(0,8) == "Netscape" ) { popup.location = popupURL; }
}
TripodShowPopup();
// -->
</script>


참고해주셨으면 좋겠네요~^^ ㅎㅎ;;;

하지만...
아쉽게도...
블로그에서 쿠키가 만들어지는...
그런 스크립트는 안먹히더군요...

은근히 아쉽....

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 승호/