2016년 12월 2일 금요일

css selection color

CODE:
<style>
*::selection {
background: red;
color: blue;
}
</style>

2016년 11월 18일 금요일

Code:

<script>
var bgcolorlist=new Array("#C4AA9E", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#FFD9FA", "#D1D8FF", "#F361A6")
document.body.style.background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)]
</script>

How to show alert message when closing a window?

Code:

<script type="text/javascript">
      window.onbeforeunload = function() {
          return "Are you sure?"
      }
    </script>

2016년 10월 9일 일요일

Close This Window

Code:
<input type="button" value="Close this window" onclick="self.close()">

2016년 9월 20일 화요일

Time shows up in the button when button is clicked.

Code:
<button class="ttt" onclick="this.innerHTML=Date()">Time</button>

2016년 9월 19일 월요일

Foward Button!

Code:
<script>
function goForward() {
window.history.forward()
}
</script>

<input type="button" value="Forward" onclick="goForward()">

Back Button!

Code:
<script>
function goBack() {
window.history.back()
}
</script>

<input type="button" value="Back" onclick="goBack()">

2016년 9월 9일 금요일

Make circle picture with border-radius.

Code:
<img src="data:image/png;base64,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" width="175" height="175"style="border-radius: 100px 100px 100px 100px">

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

Every posts about marquee in my blog.

Moving text~

http://hahacoding.blogspot.kr/2016/05/moving-text.html

Come here to make linked moving text!!!
http://hahacoding.blogspot.kr/2016/05/come-here-to-make-linked-moving-text.html

MARQUEE STOP/START BUTTON.
http://hahacoding.blogspot.kr/2016/07/how-to-pause-marquee.html

MARQUEE UP/LEFT/RIGHT/DOWN BUTTON.
http://hahacoding.blogspot.kr/2016/07/marquee-stopstart-button.html

MARQUEE UP/LEFT/RIGHT/DOWN BUTTON.
http://hahacoding.blogspot.kr/2016/07/marquee-upleftrightdown-button.html

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 7월 20일 수요일

css code for link!!!

   a {text-decoration:underline;}
   a:link {color:black;}
   a:visited {color:black;}
   a:hover {color:blue;}
   a:active {color:red;}

You can change red one , orange , yellow one , lime one , and aqua one if you want.
But remember never change other ones!!!

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 7월 19일 화요일

MARQUEE UP/LEFT/RIGHT/DOWN BUTTON.

Click The Buttons!!!
  |     |     |

<script language="JavaScript">
     function function1(){
         document.all.myMarquee.direction = "up";
     }
     function function2(){
         document.all.myMarquee.direction = "left";
     }
     function function3(){
         document.all.myMarquee.direction = "right";
     }
     function function4(){
         document.all.myMarquee.direction = "down";
     }
</script>
<marquee id="myMarquee">Click The Buttons!!!</marquee>
<br />
<button onclick="function1();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Up</button>
  |  
<button onclick="function2();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Left</button>
  |  
<button onclick="function3();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Right</button>
  |  
<button onclick="function4();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FAF4C0';return true;" style="background-color: transparent; border-color: purple; border-radius: 5px;">Down</button>

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

MARQUEE STOP/START BUTTON.

Click the buttons!!!
|

<marquee id="myMarquee">Click the buttons!!!</marquee>
<br />
<input onclick="document.getElementById('myMarquee').stop();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FFD8D8';return true;" style="background-color: transparent; border-color: blue; border-radius: 5px;" type="button" value="Stop" />
  |  
<input onclick="document.getElementById('myMarquee').start();" onmouseout="this.style.backgroundColor='transparent';return true;" onmouseover="this.style.backgroundColor='#FFD8D8';return true;" style="background-color: transparent; border-color: blue; border-radius: 5px;" type="button" value="Start" />

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

how to pause marquee

In this post I will post the code that makes marquee pause!!!
<marquee onmouseover="this.stop()" onmouseout="this.start()">Marquee</marquee>
Marquee
In next post I will post about some buttons for marquee!!

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 6월 7일 화요일

return false~~~ html

Code:
<body onContextmenu = "return false"
ondragstart = "return false"
onselectstart = "return false">

With this code you can make you website safer.
People can not drag your site.
They can not click the right side of their mouse(NOT ANIMAL!!!).
They can not select copy.
BUT!!!
I will not do this to my blog.
I allow you to copy!!!

HOPE YOU MAKE A NICE WEBSITE USING HTML!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 5월 31일 화요일

MUSIC HTML

This is a great day!!!
Haha today I discovered how to set up music on my website with html...
CODE:
<audio controls>
<source src="music.ogg" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

You have to change red one and blue one.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 5월 27일 금요일

Come here to make linked moving text!!!

How 2 Code CODE:
<html> <body> <marquee direction="left"><a href="http://hahacoding.blogspot.kr/" target="_blank"> How 2 Code</a></marquee> </body> </html>

You can change red one and blue one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

IF YOU WANT TO READ RECENT POSTING AOUT MOVING TEXT...
http://hahacoding.blogspot.kr/2016/05/moving-text.html

2016년 5월 25일 수요일

You want to make email link with style???

If you have a problem using 'How 2 Code' email by clicking (Email Me).

Code:
<p style= "color : gray ; font-size: 15px"> If you have a problem using 'How 2 Code' email by clicking <a href="mailto:jiwoo.k@hotmail.com">(Email Me)</a>.

You can change red one, blue one, orange one and lime one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

IF YOU USE NAVER BLOG...
PLEASE VISIT THIS BLOG!!!
http://blog.naver.com/yeppi1000

2016년 5월 23일 월요일

PICTURE&LETTER(LINKED)

HEY GUYS~
TODAY I'M POSTING A LINKED PICTURE AND LINKE LETTER...
I THINK SOME OF YOU DO NOT UNDERSTAND WHAT I'M TALKING ABOUT.
SO YEAH I'LL SHOW YOU THE EXAMPLE AND THE EXACT CODE AS USUAL!!!

EXAMPLE
CLICK ME(I'M NOT ADSENSE!!!) <a href="http://blog.naver.com/yeppi1000" target="_blank"><img border="0" height="175" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAVFBMVEX///8AAAAPBwimpqYGAwNjYmJUU1OqqaoMAQMJAAAhGxxOSkqfnZ0SEBBCQEBoZ2d0c3QwKywoISJwbW2TkZE9PTyHh4cYFxe/vr62tbUiICA7NjZ5S3ZdAAABnUlEQVR4nO3TAW6CUBAGYfYJAiJa0NJW73/P0oC9ASHznDnBfsm/ReResfcBm/cuwuPQl9kVj+PjJbycu1OTcqt9TtMqPJ7byA84E+P5swiHLtJub7JhKUW1CPtTilt9yK06UjMuwnLG1kV+xd9Q/4WHvc/ZoFmYFLJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hP4X8FPJTyE8hv3cSRpOi3vucDZqF7SLsx6a8VNl1jdQOi/Byi1RGfs0bvS/Cz/s4DzW/yrhO6x9+fVdjfsSyqz9iFWadQn6/7GguoVx22KgAAAAASUVORK5CYII=" width="175" /></a><br />
<a href="http://blog.naver.com/yeppi1000">EXAMPLE<br />CLICK ME(I'M NOT ADSENSE!!!)</a></center>
<center>

HAHA...

THIS IS ALL!!!

You can change red one, orange one, blue one, lime one and aqua one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 5월 21일 토요일

Web Page Alert!!!

Code:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var x = 10;
switch(x) {
case 10: alert("How 2 Code");
}
</script>
</body>
</html>

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

DAY OF THE WEEK CODE~

CODE:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var day;
switch (new Date().getDay()) {
    case 0:
        day = "Sunday";
        break;
    case 1:
        day = "Monday";
        break;
    case 2:
        day = "Tuesday";
        break;
    case 3:
        day = "Wednesday";
        break;
    case 4:
        day = "Thursday";
        break;
    case 5:
        day = "Friday";
        break;
    case 6:
        day = "Saturday";
        break;
}
document.getElementById("demo").innerHTML = "Today is " + day;
</script>
</body>
</html>

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

2016년 5월 20일 금요일

AddFavorite

<a href="javascript://" onclick="window.external.AddFavorite('http://hahacoding.blogspot.kr/','How 2 Code')">
Add to favorites
</a>


You can change red one, blue one and lime one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

PLEASE ADD 'How 2 Code' TO YOUR FAVORITE!!!.

MAKING A IMAGE WIDGET FOR BLOGGER!!!

HEY GUYS!!!
TODAY I AM GOING TO WRITE ABLOU MAKING A WIDGET FOR MY BLOGGER!!!
UMM...
IT WILL LOOK LIKE THIS...

NOW THIS IS THE CODE!!!

<a href="http://hahacoding.blogspot.kr/" target="_blank"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRt_37vWLapvbAv_Dwf4As46UrKdsUKdfP5sE5yx8Vk395tg1NPSQ" border="5" width="175" height="175"></a>

You can change red one, blue one, lime one, purple one and orange one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

2016년 5월 17일 화요일

The basic structure

<html>

<head>

<title>

WRITE THE TITLE HERE!!!

</title>

</head>

<body>

WRIGHT WHAT YOU WANT!!!

</body>

</html>

Well...
This is the basic structure of html.

You can change red one and blue one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

2016년 5월 15일 일요일

HOW TO MARK.(2)

YOU HAVE TO CODE THIS WITH CSS!!!

mark {
background: cyan;
}

You can change red one if you want.
But remember never change other ones!!!
PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

IF YOU DIDN'T WATCH 'HOW TO MARK.(1)'...
http://hahacoding.blogspot.kr/2016/05/how-to-mark1.html

HOW TO MARK.(1)

How 2 Code

This is how to mark.

HTML:

<h1>
How 2 Code</h1>
<mark>This is how to mark.</mark>

You can change red one, blue one if you want.
But remember never change other ones!!!
PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

IF YOU WANT TO KNOW HOW TO CHANGE COLOR...
http://hahacoding.blogspot.kr/2016/05/how-to-mark2.html

2016년 5월 13일 금요일

SEARCH FORM!!!

CODE:
<center>
<form action="http://google.com/search" method="get">
<input type="text" name="q" size="50">
<input type="submit" value="Search Google">
</center>

You can change red one, blue one and green one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

TEXT BOX!!!

CODE:
<input type="text" name="textbox1" size="50">

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

BUTTON CODE!!!

<a onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';">
<button><p style= "color : black ; font-size: 15px">How 2 Code</button></a><div style="display:none; background:white"><ul>
<br>THANK YOU FOR VISITING
<br>※URL
<br>☞ http://hahacoding.blogspot.kr/
<br>  </ul></div>

You can change red one, blue one, green one, orange one and yellow one if you want.
But remember never change other ones!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

Calculator

This is caculator made by someone.(I actually don't remember the origin of this code.)
Well...
Since this code was not made by me I can not share it...
Sorry guys!!!

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

I FOUND THE URL!!!
THIS IS KOREAN Q&A SITE.
THE RIGHT CODE IS SECOND ONE.

http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040205&docId=160674314&qb=6rOE7IKw6riwIGh0bWw=&enc=utf8&section=kin&rank=1&search_sort=0&spq=0&pid=SzT/HwpySpZssuYwI7Vsssssssw-168110&sid=Orxg%2BOfJnn75ZhJSyB/29A%3D%3D

Moving text~

You can copy the code bellow:
<html>
<body>
<marquee direction="up">Welcome to my BLOG~</marquee>
</body>
</html>

You can change red one and blue one if you want.
But remember never change other ones!!!
(red one: up, down, right, left)

PLEASE GIVE ME COMMENTS!!!
COMMENT IS VERY HELPFUL FOR ME.

I recommend this guys YouTube video...(I really think this video is great.)

Hey guys!!!
I really recommend you this if you are a begginer like me...
Of course this video is not mine though... T.T
Anyway you will love this!!!

HTML-How to change font size and color... (My YouTube Video)

This is what I uploaded to YouTube few months ago.
It was about changing font size color!!!
Enjoy Video~

This is clock source!!!

<!DOCTYPE html>
<html>
<body>
<h1>What Time Is It Now??</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click the button if you want to know the time!!!</button>
<p id="demo"></p>
</body>
</html>

You can change red one and blue one if you want.
But remember never change other ones!!!

This blog share some HTML sources!!!

I am going to share you guys some HTML sources I know.
Please visit often!!!
THANKS~

AdSense