티스토리 툴바


저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License

'JS > Etc.' 카테고리의 다른 글

Flac파일 Mp3로 변환해주는 프로그램  (0) 2011/11/27
Posted by JangSe
0 : 0

파비콘 만들기

JS/Study 2011/11/27 13:07 |

▼ 파비콘 포맷(.ico) 지원하는 포맷 플러그인 다운받는곳
http://www.telegraphics.com.au/sw/

포토샵 설치 폴더안 Plug-ins\Files Formats에 파일 삽입하면
포토샵 다른이름으로 저장시 .ico으로 저장할 수 있음.

파비콘 작업사이즈는 16x16 (Pixel)


▼ <head>와 </head>사이에 아래 소스 삽입
<link rel="shortcut icon" href="http://홈페이지주소/favicon.ico">

FTP에 파비콘 업로드시 index.html과 동일위치에 업로드

저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by JangSe
0 : 0
▼ 경고창이 뜨면서 방지하기 ▼

<script language="JavaScript">
function click() {
if ((event.button==2) || (event.button==3)) {
alert('오른쪽 마우스는 사용 하실 수 없습니다.');
}
}
document.onmousedown=click
</script>


▼ 말없이 방지하기 ▼

<body oncontextmenu="return false">
저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by JangSe
0 : 0
<script language="JavaScript" type="text/javascript">
//<![CDATA[
            var gon = 1;
            var wait_flag=true;
            var count1 = 0;
            var speed = 2000;
            function sview1(num)
            {
                var item = new Array();
                var sbtn = new Array();
                item[0] = document.getElementById('main_img_0');
                item[1] = document.getElementById('main_img_1');
                item[2] = document.getElementById('main_img_2');
                item[3] = document.getElementById('main_img_3');
               
           
                sbtn[0] = document.getElementById('main_btn_1');
                sbtn[1] = document.getElementById('main_btn_2');
                sbtn[2] = document.getElementById('main_btn_3');
                sbtn[3] = document.getElementById('main_btn_4');
       
   
           
                for(var i=0 ; i<item.length ; i++) {
                    if (i == num) { item[i].style.display = ''; sbtn[i].className = sbtn[i].className.replace('off','on'); }
                    else { item[i].style.display = 'none'; sbtn[i].className = sbtn[i].className.replace('on','off'); }
                }
            }
            function slideGo1() {
                if (gon && wait_flag) {
                    sview1(count1);
                    if(count1 < 3) count1++;
                    else count1 = 0;
                }
                setTimeout ("slideGo1()", speed)       
            } 
//]]>
</script>



▼ 사용예시 ▼

<div id="slidebox">

<!--이미지영역-->
    <div id="img_count">
          <div id="main_img_0"><img src="images/IMAGE01.jpg" width="193" height="123" alt="img" /></div>
                <div id="main_img_1" style="display:none;"><img src="images/IMAGE02.jpg" width="193" height="123" alt="img" onmouseover="gon=0"  onmouseout="gon=1" /></div>
                <div id="main_img_2" style="display:none;"><img src="images/IMAGE03.jpg" width="193" height="123" alt="img" onmouseover="gon=0"  onmouseout="gon=1"/></div>
                <div id="main_img_3" style="display:none;"><img src="images/IMAGE04.jpg" width="193" height="123" alt="img" onmouseover="gon=0"  onmouseout="gon=1"/></div>
     </div>

<!--버튼영역-->                
     <div id="btn">
           <ul id="btn_con">
                 <li id="main_btn_1" onmouseover="sview1(0); gon=0"  onmouseout="gon=1"><img src="images/BTN01.jpg" width="30" height="30" alt="btn" /></li>
                 <li id="main_btn_2" onmouseover="sview1(1); gon=0"  onmouseout="gon=1"><img src="images/BTN02.jpg" width="30" height="30" alt="btn" /></li>
                 <li id="main_btn_3" onmouseover="sview1(2); gon=0"  onmouseout="gon=1"><img src="images/BTN03.jpg" width="30" height="30" alt="btn" /></li>
                 <li id="main_btn_4" onmouseover="sview1(3); gon=0"  onmouseout="gon=1"><img src="images/BTN04.jpg" width="30" height="30" alt="btn" /></li>
           </ul>
     </div>

</div>
저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by JangSe
0 : 0

<script src="script/DD_belatedPNG_0.0.8a-min.js" type="text/livescript"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png');
DD_belatedPNG.fix('.png2');
</script>

저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by JangSe
0 : 0

/* body 공통속성 */
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form {margin:0; padding:0;}
ul,ol,dl {list-style:none;}
img {border:0; }
ul {padding:0; margin:0;}
body { background-color:#ffffff;}

저작자 표시 비영리 변경 금지
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by JangSe
0 : 0