설치 / 사용기

기 타 개인 홈페이지 로그인 스크립트

2018.10.10 17:43

SHIELD 조회:1378 추천:8

안녕하세요 SHIELD 입니다 ^_^

개인적으로 사용 할 로그인 HTML 스크립트입니다.

저의 컨셉에 맞게 설정을 해보았습니다 ~_~

 

로그인 HTML 응용하기 : 로그인HTML.7z  

필요없으신분은 이런게 있구나 하고 넘어가주시길 바랍니다.

아이디와 암호는 제 회원정보에서 확인하시길 바랍니다.(아이디/패스워드 모두 대문자입니다.)

아이디 및 패스워드 입력시 제 카페로 가지는데 회원받지 않습니다. 개인용 카페입니다 ~_~

HTML 소스 암호화 사이트 압축하여 같이 첨부 하였습니다.

 

Ex. 아이디/패스워드 입력 -> 로딩 페이지 -> 홈페이지or구글 파일 이렇게 사용하려고 합니다 +_+

    응용은 다양합니다.

 

SHIELD 로그인

SHIELD.jpg

HYDRA 로그인

HYDRA.jpg

 

[SHIELD 로그인 소스] 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

PAGE IS MADE BY {http://http://cafe.daum.net/YourSoul}
DO NOT REMOVE THE CREDITS.

-->

<head>
<title>S.H.I.E.L.D. MAINFRAME</title>
<link rel="shortcut icon" href="https://31.media.tumblr.com/fc374c59c1da12431f3c1d2e3d819435/tumblr_inline_n4r5x6vljm1r80x1c.png">
<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Rosario:700italic' rel='stylesheet' type='text/css'>
<style type="text/css">

@font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
@font-face { font-family: silkscreen; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }


html, body, ul, li {
margin: 0;
padding: 0;
}

a {
    text-decoration: none;
    color: white;
}
        
body {
background: url() black;
margin: 0 auto;
}
                
::-webkit-scrollbar {
height: 10px;
width: 0px;
background: black;
}
        
::-webkit-scrollbar-thumb:vertical {
background: #353a3d; /*change the color of the scrollbar face here*/
}

.image {
position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}

.css-typing
{
    width: 30em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}

input {
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid rgba(220, 234, 246, .10);
color:white;
background:#111;

}

input[type="button"]{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid rgba(220, 234, 246, .10);
color:#b1c8dc;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

input[type="button"]:SHIELD{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid white;
color:white;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;

}

input[type="reset"]{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid rgba(220, 234, 246, .10);
color:#b1c8dc;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

input[type="reset"]:SHIELD{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid white;
color:white;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

 #biter
#biter a{
display:block
}
#biter .deather {
margin-right:0px;filter: alpha(opacity = 0);
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}
 
#biter:hover .deather {
margin-left:0px;
 
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:8;
}

#titles {
    color:#fff;
    background-color:#000;
    width:70px;
    height:5px;
    padding:15px;
    line-height:50%;
    text-align:center;
    margin-top:0px;
    margin-left:0px;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:2px;
    position:fixed;
    font-family:calibri;
}


#updates {
    z-index:100000;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
    background-color:#000;
    position:fixed;
    width:80px;
    line-height:180%;
    height:auto;
    font-family:calibri;
    font-size:11px;
    position:fixed;
    padding:10px;
    overflow:hidden;
     opacity:1;
     z-index:999;
     color:#fff;
        transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
     -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#updates a{
    color:#fff;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#updates:hover {
            transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#titles:hover #updates a{
            transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#updates a:hover {
                transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
    text-decoration:line-through;;}


    </style>
</head>
<body>
<div id="boner">
<div id="biter"><div id="titles">SHIELD</div>

<div class="deather"><div id="updates">

Here you can put your<br><span style="color:#3798d7">username</span><br>and<br><span style="color:#3798d7">password</span>

</div></div></div></div>

<img class="image" src="https://31.media.tumblr.com/41b931b349f9bda1720c1a7429ee8c55/tumblr_inline_n4qzhuM5aC1r80x1c.gif">

<p class="css-typing" style="color:#fff; font-family: calibri; text-transform: uppercase; position: relative; top: 8px; left: 100px; z-index: 1;">SHIELD OF....</p>


<div style="position: relative; top: 500px; left: 770px">
<form name="login">
             <span style="font-family: calibri; font-size: 12px; color: #429bd0">USERNAME           <input type="text" name="userid" style="position:relative; left: 1px"></span><br>
             <span style="font-family: calibri; font-size: 12px; color: #429bd0">PASSWORD           <input type="password" name="pswrd"/></span><br><br>
      <input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form)/*function to check userid & password*/
{
/*the following code checkes whether the entered userid and password are matching*/
if(form.userid.value == "SHIELD" && form.pswrd.value == "SHIELDOF")
{
window.location.replace('http://cafe.daum.net/YourSoul')/*opens the target page while Id & password matches*/
}
else
{
alert("Error message")/*displays error message*/
}
}
</script>
</div>


<div style="position:fixed;bottom:3px; right:10px; font-size:9px; letter-spacing:1px; font-family:silkscreen;"><a href="http://cafe.daum.net/YourSoul/">SHIELD CAFE</a></div>

</body>
</html>

 

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

 

[HYDRA 로그인 소스]

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

PAGE IS MADE BY {http://http://cafe.daum.net/YourSoul}
DO NOT REMOVE THE CREDITS.

-->

<head>
<title>HYDRA MAINFRAME</title>
<link rel="shortcut icon" href="https://31.media.tumblr.com/68bf9037eeb209ebbc453b8232fb964d/tumblr_inline_n6amw4fiwo1r80x1c.png">
<style type="text/css">

@font-face { font-family: silkscreen; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }


html, body, ul, li {
margin: 0;
padding: 0;
}

a {
    text-decoration: none;
    color: white;
}
        
body {
background: url() black;
margin: 0 auto;
}
                
::-webkit-scrollbar {
height: 10px;
width: 0px;
background: black;
}
        
::-webkit-scrollbar-thumb:vertical {
background: #353a3d; /*change the color of the scrollbar face here*/
}

.image {
position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -250px; /* Half the height */
   margin-left: -250px; /* Half the width */
}

.css-typing
{
    width: 30em;
    white-space:nowrap;
    overflow:hidden;
    -webkit-animation: type 5s steps(50, end);
    animation: type 5s steps(50, end);
}

@keyframes type{
    from { width: 0; }
}

@-webkit-keyframes type{
    from { width: 0; }
}

input {
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid rgba(246, 220, 220, .10);
color:white;
background:#111;

}

input[type="button"]{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid rgba(246, 220, 220, .10);
color:#fff;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

input[type="button"]:HYDRA{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid #e70000;
color:#e70000;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;

}

input[type="reset"]{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid rgba(246, 220, 220, .10);
color:#fff;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

input[type="reset"]:HYDRA{
width:150px;
height: 20px;
padding:0px;
margin-bottom: 10px;
font-family:calibri;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid #e70000;
color:#e70000;
background:#111;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

 #biter
#biter a{
display:block
}
#biter .deather {
margin-right:0px;filter: alpha(opacity = 0);
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}
 
#biter:hover .deather {
margin-left:0px;
 
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:8;
}

#titles {
    color:#fff;
    background-color:#000;
    width:70px;
    height:5px;
    padding:15px;
    line-height:50%;
    text-align:center;
    margin-top:0px;
    margin-left:0px;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:2px;
    position:fixed;
    font-family:calibri;
}


#updates {
    z-index:100000;
    margin-top:0px;
    margin-left:0px;
    text-align:center;
    background-color:#000;
    position:fixed;
    width:80px;
    line-height:180%;
    height:auto;
    font-family:calibri;
    font-size:11px;
    position:fixed;
    padding:10px;
    overflow:hidden;
     opacity:1;
     z-index:999;
     color:#fff;
        transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
     -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#updates a{
    color:#fff;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#updates:hover {
            transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#titles:hover #updates a{
            transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

#updates a:hover {
                transform: rotateY(360deg);
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
    text-decoration:line-through;;}


    </style>
</head>
<body>
<div id="boner">
<div id="biter"><div id="titles">HYDRA</div>

<div class="deather"><div id="updates">

You Are INFO<br><span style="color:#e70000">username</span><br>and<br><span style="color:#e70000">password</span>

</div></div></div></div>

<img class="image" src="https://31.media.tumblr.com/0ebe35b98c764023fdec53a501f96faf/tumblr_inline_n6amr5JDhM1r80x1c.gif">

<p class="css-typing" style="color:#fff; font-family: calibri; text-transform: uppercase; position: relative; top: 8px; left: 100px; z-index: 1;">HYDRA OF....</p>

<div style="position: relative; top: 500px; left: 770px">
<form name="login">
             <span style="font-family: calibri; font-size: 12px; color: #429bd0">USERNAME           <input type="text" name="userid" style="position:relative; left: 1px"></span><br>
             <span style="font-family: calibri; font-size: 12px; color: #429bd0">PASSWORD           <input type="password" name="pswrd"/></span><br><br>
      <input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form)/*function to check userid & password*/
{
/*the following code checkes whether the entered userid and password are matching*/
if(form.userid.value == "HYDRA" && form.pswrd.value == "HYDRAOF")
{
window.location.replace('http://cafe.daum.net/YourSoul')/*opens the target page while Id & password matches*/
}
else
{
alert("Error message")/*displays error message*/
}
}
</script>
</div>

<div style="position:fixed;bottom:3px; right:10px; font-size:9px; letter-spacing:1px; font-family:silkscreen;"><a href="http://cafe.daum.net/YourSoul/">HYDRA CAFE</a></div>

</body>
</html>

 

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

 

[SHIELD 로그인 HTML 소스 암호화]

 

<script language=javascript>document.write(unescape("%3C%21DOCTYPE%20html%20PUBLIC%20%22-//W3C//DTD%20XHTML%201.0%20Transitional//EN%22%20%22http%3A//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22%3E%0A%0A%3C%21--%0A%0APAGE%20IS%20MADE%20BY%20%7Bhttp%3A//http%3A//cafe.daum.net/YourSoul%7D%0ADO%20NOT%20REMOVE%20THE%20CREDITS.%0A%0A--%3E%0A%0A%3Chead%3E%0A%3Ctitle%3ES.H.I.E.L.D.%20MAINFRAME%3C/title%3E%0A%3Clink%20rel%3D%22shortcut%20icon%22%20href%3D%22https%3A//31.media.tumblr.com/fc374c59c1da12431f3c1d2e3d819435/tumblr_inline_n4r5x6vljm1r80x1c.png%22%3E%0A%3Clink%20href%3D%27http%3A//fonts.googleapis.com/css%3Ffamily%3DSignika+Negative%27%20rel%3D%27stylesheet%27%20type%3D%27text/css%27%3E%0A%3Clink%20href%3D%27http%3A//fonts.googleapis.com/css%3Ffamily%3DRosario%3A700italic%27%20rel%3D%27stylesheet%27%20type%3D%27text/css%27%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%0A@font-face%20%7Bfont-family%3ABebas%20Neue%3Bsrc%3Aurl%28http%3A//static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf%29%3B%7D%0A@font-face%20%7B%20font-family%3A%20silkscreen%3B%20src%3A%20url%28%27http%3A//static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf%27%29%3B%20%7D%0A%0A%0Ahtml%2C%20body%2C%20ul%2C%20li%20%7B%0Amargin%3A%200%3B%0Apadding%3A%200%3B%0A%7D%0A%0Aa%20%7B%0A%20%20%20%20text-decoration%3A%20none%3B%0A%20%20%20%20color%3A%20white%3B%0A%7D%0A%09%09%0Abody%20%7B%0Abackground%3A%20url%28%29%20black%3B%0Amargin%3A%200%20auto%3B%0A%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%3A%3A-webkit-scrollbar%20%7B%0Aheight%3A%2010px%3B%0Awidth%3A%200px%3B%0Abackground%3A%20black%3B%0A%7D%0A%09%09%0A%3A%3A-webkit-scrollbar-thumb%3Avertical%20%7B%0Abackground%3A%20%23353a3d%3B%20/*change%20the%20color%20of%20the%20scrollbar%20face%20here*/%0A%7D%0A%0A.image%20%7B%0Aposition%3A%20absolute%3B%0A%20%20%20top%3A%2050%25%3B%0A%20%20%20left%3A%2050%25%3B%0A%20%20%20margin-top%3A%20-250px%3B%20/*%20Half%20the%20height%20*/%0A%20%20%20margin-left%3A%20-250px%3B%20/*%20Half%20the%20width%20*/%0A%7D%0A%0A.css-typing%0A%7B%0A%20%20%20%20width%3A%2030em%3B%0A%20%20%20%20white-space%3Anowrap%3B%0A%20%20%20%20overflow%3Ahidden%3B%0A%20%20%20%20-webkit-animation%3A%20type%205s%20steps%2850%2C%20end%29%3B%0A%20%20%20%20animation%3A%20type%205s%20steps%2850%2C%20end%29%3B%0A%7D%0A%0A@keyframes%20type%7B%0A%20%20%20%20from%20%7B%20width%3A%200%3B%20%7D%0A%7D%0A%0A@-webkit-keyframes%20type%7B%0A%20%20%20%20from%20%7B%20width%3A%200%3B%20%7D%0A%7D%0A%0Ainput%20%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20rgba%28220%2C%20234%2C%20246%2C%20.10%29%3B%0Acolor%3Awhite%3B%0Abackground%3A%23111%3B%0A%0A%7D%0A%0Ainput%5Btype%3D%22button%22%5D%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20rgba%28220%2C%20234%2C%20246%2C%20.10%29%3B%0Acolor%3A%23b1c8dc%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%7D%0A%0Ainput%5Btype%3D%22button%22%5D%3ASHIELD%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20white%3B%0Acolor%3Awhite%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%0A%7D%0A%0Ainput%5Btype%3D%22reset%22%5D%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20rgba%28220%2C%20234%2C%20246%2C%20.10%29%3B%0Acolor%3A%23b1c8dc%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%7D%0A%0Ainput%5Btype%3D%22reset%22%5D%3ASHIELD%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20white%3B%0Acolor%3Awhite%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%7D%0A%0A%20%23biter%0A%23biter%20a%7B%0Adisplay%3Ablock%0A%7D%0A%23biter%20.deather%20%7B%0Amargin-right%3A0px%3Bfilter%3A%20alpha%28opacity%20%3D%200%29%3B%0Aopacity%3A0%3B-webkit-transition%3A%20all%200.5s%20ease-out%3B%0A-moz-transition%3A%20all%200.5s%20ease-out%3Btransition%3A%20all%200.5s%20ease-out%3B%0A%7D%0A%20%0A%23biter%3Ahover%20.deather%20%7B%0Amargin-left%3A0px%3B%0A%20%0A-webkit-transition%3A%20all%200.8s%20ease-out%3B%0A-moz-transition%3A%20all%200.8s%20ease-out%3B%0Atransition%3A%20all%200.8s%20ease-out%3B%0Afilter%3A%20alpha%28opacity%20%3D%20100%29%3B%0Afilter%3A%20alpha%28opacity%20%3D%20100%29%3B%0Aopacity%3A8%3B%0A%7D%0A%0A%23titles%20%7B%0A%20%20%20%20color%3A%23fff%3B%0A%20%20%20%20background-color%3A%23000%3B%0A%20%20%20%20width%3A70px%3B%0A%20%20%20%20height%3A5px%3B%0A%20%20%20%20padding%3A15px%3B%0A%20%20%20%20line-height%3A50%25%3B%0A%20%20%20%20text-align%3Acenter%3B%0A%20%20%20%20margin-top%3A0px%3B%0A%20%20%20%20margin-left%3A0px%3B%0A%20%20%20%20text-transform%3Auppercase%3B%0A%20%20%20%20font-size%3A13px%3B%0A%20%20%20%20letter-spacing%3A2px%3B%0A%20%20%20%20position%3Afixed%3B%0A%20%20%20%20font-family%3Acalibri%3B%0A%7D%0A%0A%0A%23updates%20%7B%0A%20%20%20%20z-index%3A100000%3B%0A%20%20%20%20margin-top%3A0px%3B%0A%20%20%20%20margin-left%3A0px%3B%0A%20%20%20%20text-align%3Acenter%3B%0A%20%20%20%20background-color%3A%23000%3B%0A%20%20%20%20position%3Afixed%3B%0A%20%20%20%20width%3A80px%3B%0A%20%20%20%20line-height%3A180%25%3B%0A%20%20%20%20height%3Aauto%3B%0A%20%20%20%20font-family%3Acalibri%3B%0A%20%20%20%20font-size%3A11px%3B%0A%20%20%20%20position%3Afixed%3B%0A%20%20%20%20padding%3A10px%3B%0A%20%20%20%20overflow%3Ahidden%3B%0A%20%20%20%20%20opacity%3A1%3B%0A%20%20%20%20%20z-index%3A999%3B%0A%20%20%20%20%20color%3A%23fff%3B%0A%20%20%20%20%20%20%20%20transform%3A%20rotateY%28180deg%29%3B%0A-webkit-transform%3A%20rotateY%28180deg%29%3B%0A-moz-transform%3A%20rotateY%28180deg%29%3B%0A%20%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23updates%20a%7B%0A%20%20%20%20color%3A%23fff%3B%0A%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23updates%3Ahover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20rotateY%28360deg%29%3B%0A-webkit-transform%3A%20rotateY%28360deg%29%3B%0A-moz-transform%3A%20rotateY%28360deg%29%3B%0A%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23titles%3Ahover%20%23updates%20a%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20rotateY%28360deg%29%3B%0A-webkit-transform%3A%20rotateY%28360deg%29%3B%0A-moz-transform%3A%20rotateY%28360deg%29%3B%0A%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23updates%20a%3Ahover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20rotateY%28360deg%29%3B%0A-webkit-transform%3A%20rotateY%28360deg%29%3B%0A-moz-transform%3A%20rotateY%28360deg%29%3B%0A%20%20%20%20text-decoration%3Aline-through%3B%3B%7D%0A%0A%0A%09%3C/style%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Cdiv%20id%3D%22boner%22%3E%0A%3Cdiv%20id%3D%22biter%22%3E%3Cdiv%20id%3D%22titles%22%3ESHIELD%3C/div%3E%0A%0A%3Cdiv%20class%3D%22deather%22%3E%3Cdiv%20id%3D%22updates%22%3E%0A%0AHere%20you%20can%20put%20your%3Cbr%3E%3Cspan%20style%3D%22color%3A%233798d7%22%3Eusername%3C/span%3E%3Cbr%3Eand%3Cbr%3E%3Cspan%20style%3D%22color%3A%233798d7%22%3Epassword%3C/span%3E%0A%0A%3C/div%3E%3C/div%3E%3C/div%3E%3C/div%3E%0A%0A%3Cimg%20class%3D%22image%22%20src%3D%22https%3A//31.media.tumblr.com/41b931b349f9bda1720c1a7429ee8c55/tumblr_inline_n4qzhuM5aC1r80x1c.gif%22%3E%0A%0A%3Cp%20class%3D%22css-typing%22%20style%3D%22color%3A%23fff%3B%20font-family%3A%20calibri%3B%20text-transform%3A%20uppercase%3B%20position%3A%20relative%3B%20top%3A%208px%3B%20left%3A%20100px%3B%20z-index%3A%201%3B%22%3ESHIELD%20OF....%3C/p%3E%0A%0A%0A%3Cdiv%20style%3D%22position%3A%20relative%3B%20top%3A%20500px%3B%20left%3A%20770px%22%3E%0A%3Cform%20name%3D%22login%22%3E%0A%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cspan%20style%3D%22font-family%3A%20calibri%3B%20font-size%3A%2012px%3B%20color%3A%20%23429bd0%22%3EUSERNAME%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cinput%20type%3D%22text%22%20name%3D%22userid%22%20style%3D%22position%3Arelative%3B%20left%3A%201px%22%3E%3C/span%3E%3Cbr%3E%0A%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cspan%20style%3D%22font-family%3A%20calibri%3B%20font-size%3A%2012px%3B%20color%3A%20%23429bd0%22%3EPASSWORD%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cinput%20type%3D%22password%22%20name%3D%22pswrd%22/%3E%3C/span%3E%3Cbr%3E%3Cbr%3E%0A%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cinput%20type%3D%22button%22%20onclick%3D%22check%28this.form%29%22%20value%3D%22Login%22/%3E%0A%3Cinput%20type%3D%22reset%22%20value%3D%22Cancel%22/%3E%0A%3C/form%3E%0A%3Cscript%20language%3D%22javascript%22%3E%0Afunction%20check%28form%29/*function%20to%20check%20userid%20%26%20password*/%0A%7B%0A/*the%20following%20code%20checkes%20whether%20the%20entered%20userid%20and%20password%20are%20matching*/%0Aif%28form.userid.value%20%3D%3D%20%22SHIELD%22%20%26%26%20form.pswrd.value%20%3D%3D%20%22SHIELDOF%22%29%0A%7B%0Awindow.location.replace%28%27http%3A//cafe.daum.net/YourSoul%27%29/*opens%20the%20target%20page%20while%20Id%20%26%20password%20matches*/%0A%7D%0Aelse%0A%7B%0Aalert%28%22Error%20message%22%29/*displays%20error%20message*/%0A%7D%0A%7D%0A%3C/script%3E%0A%3C/div%3E%0A%0A%0A%3Cdiv%20style%3D%22position%3Afixed%3Bbottom%3A3px%3B%20right%3A10px%3B%20font-size%3A9px%3B%20letter-spacing%3A1px%3B%20font-family%3Asilkscreen%3B%22%3E%3Ca%20href%3D%22http%3A//cafe.daum.net/YourSoul/%22%3ESHIELD%20CAFE%3C/a%3E%3C/div%3E%0A%0A%3C/body%3E%0A%3C/html%3E"));</script>

 

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

 

[HYDRA 로그인 HTML 소스 암호화]

 

<script language=javascript>document.write(unescape("%3C%21DOCTYPE%20html%20PUBLIC%20%22-//W3C//DTD%20XHTML%201.0%20Transitional//EN%22%20%22http%3A//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22%3E%0A%0A%3C%21--%0A%0APAGE%20IS%20MADE%20BY%20%7Bhttp%3A//http%3A//cafe.daum.net/YourSoul%7D%0ADO%20NOT%20REMOVE%20THE%20CREDITS.%0A%0A--%3E%0A%0A%3Chead%3E%0A%3Ctitle%3EHYDRA%20MAINFRAME%3C/title%3E%0A%3Clink%20rel%3D%22shortcut%20icon%22%20href%3D%22https%3A//31.media.tumblr.com/68bf9037eeb209ebbc453b8232fb964d/tumblr_inline_n6amw4fiwo1r80x1c.png%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%0A@font-face%20%7B%20font-family%3A%20silkscreen%3B%20src%3A%20url%28%27http%3A//static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf%27%29%3B%20%7D%0A%0A%0Ahtml%2C%20body%2C%20ul%2C%20li%20%7B%0Amargin%3A%200%3B%0Apadding%3A%200%3B%0A%7D%0A%0Aa%20%7B%0A%20%20%20%20text-decoration%3A%20none%3B%0A%20%20%20%20color%3A%20white%3B%0A%7D%0A%09%09%0Abody%20%7B%0Abackground%3A%20url%28%29%20black%3B%0Amargin%3A%200%20auto%3B%0A%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%3A%3A-webkit-scrollbar%20%7B%0Aheight%3A%2010px%3B%0Awidth%3A%200px%3B%0Abackground%3A%20black%3B%0A%7D%0A%09%09%0A%3A%3A-webkit-scrollbar-thumb%3Avertical%20%7B%0Abackground%3A%20%23353a3d%3B%20/*change%20the%20color%20of%20the%20scrollbar%20face%20here*/%0A%7D%0A%0A.image%20%7B%0Aposition%3A%20absolute%3B%0A%20%20%20top%3A%2050%25%3B%0A%20%20%20left%3A%2050%25%3B%0A%20%20%20margin-top%3A%20-250px%3B%20/*%20Half%20the%20height%20*/%0A%20%20%20margin-left%3A%20-250px%3B%20/*%20Half%20the%20width%20*/%0A%7D%0A%0A.css-typing%0A%7B%0A%20%20%20%20width%3A%2030em%3B%0A%20%20%20%20white-space%3Anowrap%3B%0A%20%20%20%20overflow%3Ahidden%3B%0A%20%20%20%20-webkit-animation%3A%20type%205s%20steps%2850%2C%20end%29%3B%0A%20%20%20%20animation%3A%20type%205s%20steps%2850%2C%20end%29%3B%0A%7D%0A%0A@keyframes%20type%7B%0A%20%20%20%20from%20%7B%20width%3A%200%3B%20%7D%0A%7D%0A%0A@-webkit-keyframes%20type%7B%0A%20%20%20%20from%20%7B%20width%3A%200%3B%20%7D%0A%7D%0A%0Ainput%20%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20rgba%28246%2C%20220%2C%20220%2C%20.10%29%3B%0Acolor%3Awhite%3B%0Abackground%3A%23111%3B%0A%0A%7D%0A%0Ainput%5Btype%3D%22button%22%5D%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20rgba%28246%2C%20220%2C%20220%2C%20.10%29%3B%0Acolor%3A%23fff%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%7D%0A%0Ainput%5Btype%3D%22button%22%5D%3AHYDRA%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20%23e70000%3B%0Acolor%3A%23e70000%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%0A%7D%0A%0Ainput%5Btype%3D%22reset%22%5D%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20rgba%28246%2C%20220%2C%20220%2C%20.10%29%3B%0Acolor%3A%23fff%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%7D%0A%0Ainput%5Btype%3D%22reset%22%5D%3AHYDRA%7B%0Awidth%3A150px%3B%0Aheight%3A%2020px%3B%0Apadding%3A0px%3B%0Amargin-bottom%3A%2010px%3B%0Afont-family%3Acalibri%3B%0Afont-size%3A9px%3B%0Atext-transform%3Auppercase%3B%0Aletter-spacing%3A1px%3B%0Aborder%3A1px%20solid%20%23e70000%3B%0Acolor%3A%23e70000%3B%0Abackground%3A%23111%3B%0A%09-moz-transition-duration%3A%200.5s%3B%0A%09-o-transition-duration%3A%200.5s%3B%0A%09-webkit-transition-duration%3A%200.5s%3B%0A%09transition-duration%3A%200.5s%3B%0A%7D%0A%0A%20%23biter%0A%23biter%20a%7B%0Adisplay%3Ablock%0A%7D%0A%23biter%20.deather%20%7B%0Amargin-right%3A0px%3Bfilter%3A%20alpha%28opacity%20%3D%200%29%3B%0Aopacity%3A0%3B-webkit-transition%3A%20all%200.5s%20ease-out%3B%0A-moz-transition%3A%20all%200.5s%20ease-out%3Btransition%3A%20all%200.5s%20ease-out%3B%0A%7D%0A%20%0A%23biter%3Ahover%20.deather%20%7B%0Amargin-left%3A0px%3B%0A%20%0A-webkit-transition%3A%20all%200.8s%20ease-out%3B%0A-moz-transition%3A%20all%200.8s%20ease-out%3B%0Atransition%3A%20all%200.8s%20ease-out%3B%0Afilter%3A%20alpha%28opacity%20%3D%20100%29%3B%0Afilter%3A%20alpha%28opacity%20%3D%20100%29%3B%0Aopacity%3A8%3B%0A%7D%0A%0A%23titles%20%7B%0A%20%20%20%20color%3A%23fff%3B%0A%20%20%20%20background-color%3A%23000%3B%0A%20%20%20%20width%3A70px%3B%0A%20%20%20%20height%3A5px%3B%0A%20%20%20%20padding%3A15px%3B%0A%20%20%20%20line-height%3A50%25%3B%0A%20%20%20%20text-align%3Acenter%3B%0A%20%20%20%20margin-top%3A0px%3B%0A%20%20%20%20margin-left%3A0px%3B%0A%20%20%20%20text-transform%3Auppercase%3B%0A%20%20%20%20font-size%3A13px%3B%0A%20%20%20%20letter-spacing%3A2px%3B%0A%20%20%20%20position%3Afixed%3B%0A%20%20%20%20font-family%3Acalibri%3B%0A%7D%0A%0A%0A%23updates%20%7B%0A%20%20%20%20z-index%3A100000%3B%0A%20%20%20%20margin-top%3A0px%3B%0A%20%20%20%20margin-left%3A0px%3B%0A%20%20%20%20text-align%3Acenter%3B%0A%20%20%20%20background-color%3A%23000%3B%0A%20%20%20%20position%3Afixed%3B%0A%20%20%20%20width%3A80px%3B%0A%20%20%20%20line-height%3A180%25%3B%0A%20%20%20%20height%3Aauto%3B%0A%20%20%20%20font-family%3Acalibri%3B%0A%20%20%20%20font-size%3A11px%3B%0A%20%20%20%20position%3Afixed%3B%0A%20%20%20%20padding%3A10px%3B%0A%20%20%20%20overflow%3Ahidden%3B%0A%20%20%20%20%20opacity%3A1%3B%0A%20%20%20%20%20z-index%3A999%3B%0A%20%20%20%20%20color%3A%23fff%3B%0A%20%20%20%20%20%20%20%20transform%3A%20rotateY%28180deg%29%3B%0A-webkit-transform%3A%20rotateY%28180deg%29%3B%0A-moz-transform%3A%20rotateY%28180deg%29%3B%0A%20%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23updates%20a%7B%0A%20%20%20%20color%3A%23fff%3B%0A%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23updates%3Ahover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20rotateY%28360deg%29%3B%0A-webkit-transform%3A%20rotateY%28360deg%29%3B%0A-moz-transform%3A%20rotateY%28360deg%29%3B%0A%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23titles%3Ahover%20%23updates%20a%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20rotateY%28360deg%29%3B%0A-webkit-transform%3A%20rotateY%28360deg%29%3B%0A-moz-transform%3A%20rotateY%28360deg%29%3B%0A%20%20%20%20-webkit-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20-moz-transition%3A%20all%20.6s%20ease-in-out%3B%0A%20%20%20%20transition%3A%20all%20.6s%20ease-in-out%3B%0A%7D%0A%0A%23updates%20a%3Ahover%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3A%20rotateY%28360deg%29%3B%0A-webkit-transform%3A%20rotateY%28360deg%29%3B%0A-moz-transform%3A%20rotateY%28360deg%29%3B%0A%20%20%20%20text-decoration%3Aline-through%3B%3B%7D%0A%0A%0A%09%3C/style%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Cdiv%20id%3D%22boner%22%3E%0A%3Cdiv%20id%3D%22biter%22%3E%3Cdiv%20id%3D%22titles%22%3EHYDRA%3C/div%3E%0A%0A%3Cdiv%20class%3D%22deather%22%3E%3Cdiv%20id%3D%22updates%22%3E%0A%0AYou%20Are%20INFO%3Cbr%3E%3Cspan%20style%3D%22color%3A%23e70000%22%3Eusername%3C/span%3E%3Cbr%3Eand%3Cbr%3E%3Cspan%20style%3D%22color%3A%23e70000%22%3Epassword%3C/span%3E%0A%0A%3C/div%3E%3C/div%3E%3C/div%3E%3C/div%3E%0A%0A%3Cimg%20class%3D%22image%22%20src%3D%22https%3A//31.media.tumblr.com/0ebe35b98c764023fdec53a501f96faf/tumblr_inline_n6amr5JDhM1r80x1c.gif%22%3E%0A%0A%3Cp%20class%3D%22css-typing%22%20style%3D%22color%3A%23fff%3B%20font-family%3A%20calibri%3B%20text-transform%3A%20uppercase%3B%20position%3A%20relative%3B%20top%3A%208px%3B%20left%3A%20100px%3B%20z-index%3A%201%3B%22%3EHYDRA%20OF....%3C/p%3E%0A%0A%3Cdiv%20style%3D%22position%3A%20relative%3B%20top%3A%20500px%3B%20left%3A%20770px%22%3E%0A%3Cform%20name%3D%22login%22%3E%0A%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cspan%20style%3D%22font-family%3A%20calibri%3B%20font-size%3A%2012px%3B%20color%3A%20%23429bd0%22%3EUSERNAME%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cinput%20type%3D%22text%22%20name%3D%22userid%22%20style%3D%22position%3Arelative%3B%20left%3A%201px%22%3E%3C/span%3E%3Cbr%3E%0A%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cspan%20style%3D%22font-family%3A%20calibri%3B%20font-size%3A%2012px%3B%20color%3A%20%23429bd0%22%3EPASSWORD%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cinput%20type%3D%22password%22%20name%3D%22pswrd%22/%3E%3C/span%3E%3Cbr%3E%3Cbr%3E%0A%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%3Cinput%20type%3D%22button%22%20onclick%3D%22check%28this.form%29%22%20value%3D%22Login%22/%3E%0A%3Cinput%20type%3D%22reset%22%20value%3D%22Cancel%22/%3E%0A%3C/form%3E%0A%3Cscript%20language%3D%22javascript%22%3E%0Afunction%20check%28form%29/*function%20to%20check%20userid%20%26%20password*/%0A%7B%0A/*the%20following%20code%20checkes%20whether%20the%20entered%20userid%20and%20password%20are%20matching*/%0Aif%28form.userid.value%20%3D%3D%20%22HYDRA%22%20%26%26%20form.pswrd.value%20%3D%3D%20%22HYDRAOF%22%29%0A%7B%0Awindow.location.replace%28%27http%3A//cafe.daum.net/YourSoul%27%29/*opens%20the%20target%20page%20while%20Id%20%26%20password%20matches*/%0A%7D%0Aelse%0A%7B%0Aalert%28%22Error%20message%22%29/*displays%20error%20message*/%0A%7D%0A%7D%0A%3C/script%3E%0A%3C/div%3E%0A%0A%3Cdiv%20style%3D%22position%3Afixed%3Bbottom%3A3px%3B%20right%3A10px%3B%20font-size%3A9px%3B%20letter-spacing%3A1px%3B%20font-family%3Asilkscreen%3B%22%3E%3Ca%20href%3D%22http%3A//cafe.daum.net/YourSoul/%22%3EHYDRA%20CAFE%3C/a%3E%3C/div%3E%0A%0A%3C/body%3E%0A%3C/html%3E"));</script>

 

이상입니다 

즐거운 하루되시길 바랍니다.

 

Ps. 예전에는 컴내꺼(더플) 무료여서 참 좋았는데 ㅠ_ㅠ 없어진것 같더군요.

    혹시 무료 FTP 홈페이지 제작 하는 사이트 알고 있으시면 주소(사이트) 부탁드려봅니다 ㅠ_ㅠ 

    - 감사합니다 -

번호 제목 글쓴이 조회 추천 등록일
[공지] 사용기/설치기 이용안내 gooddew - - -
10934 소프트웨어| 윈8.1 모든 버전 시디키 입력하기............ [3] 구디 61058 1 09-08
10933 유무선 공유기 설치 & 사용기?? [3] 콩나물국 59922 0 02-24
10932 MS 오피스 2007 설치후.. [4] 김성호 44914 0 11-28
10931 윈 도 우| WORLD`S BEST PE - FINAL ★★★메뉴얼★★★ [1180] 사랑과평화 40757 567 05-11
10930 인터넷 끊김 증상... 임시 방법...(2) [34] 김용환 36686 0 02-13
10929 윈 도 우| Windows 10 Pro 영구 인증하기 [18] JOA 35307 5 08-02
10928 시게이트 하드디스크 (피씨디렉트) A/S 후기 [19] 최순곤 28346 0 02-24
10927 MSDN windows7 86-64Bit ultimate Dell OEM 설치후 자동리... [31] 최재수 28321 0 09-19
10926 GHOST XP sp3 순정판 [17] cdcsj 28257 0 04-30
10925 은나노님의 7diet2 버전 버그 리포트 [4] 나타 26876 0 06-02
10924 윈 도 우| 윈8 합법적인키로 윈8.1 ISO 다운로드 방법입니다. [16] 사랑해요1 26189 3 10-19
10923 윈7 허접 설치 사용기 [10] Vega1st 25684 0 01-14
10922 7068 KR 설치했습니다. [3] 김용환 25581 0 04-01
10921 소프트웨어| 어도비 콜렉션 cs5.5 인증 해결~!!! [13] 서용신 24894 0 08-02
10920 소프트웨어| 자료실에올라온 윈도우7 새로운 설치방법 해본결과....대박 [15] 슈퍼맨 24716 0 09-12
10919 USB 16기가 지름신.. [21] OI가 24470 0 12-15
10918 대박이군요. Differencing VHD 기능 [21] BigShit 24181 0 11-22
10917 소프트웨어| Win8Mpe L ◆◇ 28일 AM 8:00 특별한 문제가 없으면 마지막... [255] tara 23672 80 04-25
10916 윈도우7 멈춤 현상 전 이게 문제였네요~ 해결 봤습니다^^; [14] 타키온 23508 0 10-31
XE1.11.6 Layout1.4.8