2009년 06월 02일

글씨 크게, 작게 (자바스크립트)

<script language="javascript" type="text/JavaScript"> //화면 확대, 축소 자바스크립트

//확대 함수
function zoomIn() {
var oDiv = document.getElementById("최상위 div 아이디");
//퍼센트를 사용할 경우
oDiv.style.zoom = (parseInt(oDiv.style.zoom) + 10) + "%";
//소수를 사용할 경우 변경할 값 할당
//oDiv.style.zoom = 0.1;
}

//축소 함수
function zoomOut() {
var oDiv = document.getElementById("최상위 div 아이디");
//퍼센트를 사용할 경우
if(parseInt(oDiv.style.zoom) > 100){
oDiv.style.zoom = (parseInt(oDiv.style.zoom) - 10) + "%";
//소수를 사용할 경우 변경할 값 할당
}
//oDiv.style.zoom = 0.1;
}

</script>


<input type="image" onclick="javascript:zoomIn();" onkeypress="javascript:zoomIn();" src="이미지 주소" alt="글씨크게" id="font_up" title="글씨크게">
<input type="image" onclick="javascript:zoomOut();" onkeypress="javascript:zoomOut();" src="이미지 주소" alt="글씨작게" id="font_down" title="글씨작게">

by 뚜너 | 2009/06/02 15:31 | HTML, CSS | 트랙백 | 덧글(0)

2009년 05월 04일

2008年.. そして 2009年..

軍隊で除隊して 2008年を待った.
いつも 2008年が来ることだけを望んでいた.
そして今 2009年..
私の変わったのはない.
周りは変わった.
このようになると薄暗く期待していたかも知れない.
彼女はこの字を見ないが彼女のために字を書く.

私は後悔しています.
かつてから後悔していました.
今になって変えることはできないでしょう?
もう会うことができないのが当たり前になったが
あなたは 2008年まで待つことができなかったです.
待つことはそんなに易しいのではないです.
そのまま大学生活の痛かった愛で憶えます.

by 뚜너 | 2009/05/04 00:03 | 잡담 | 트랙백 | 덧글(0)

2009년 04월 15일

파폭 가로 메뉴 안될때

파폭은 #id나 .class에서 width:숫자px; 를 설정해줘야
display:inline; 이 적용됨

by 뚜너 | 2009/04/15 23:06 | HTML, CSS | 트랙백 | 덧글(0)

2009년 04월 13일

능력...

하루하루가 빠듯하다
시간이 너무 부족하다
이렇게 된 이유는 알고 있다
내 능력이 부족할뿐 다른 이유는 없다

좀더 능력이 된다면
간단한 작업정도는 껌씹기마냥 쉬울텐데
짐 상태로는 돌씹기마냥 어렵기만 하다

이대로 무너질 수는 없다
라고 다짐만 여러번 하게 된다.
-- 2009년 4월 9일 대구공전 DIP --

by 뚜너 | 2009/04/13 14:19 | 잡담 | 트랙백 | 덧글(0)

2009년 04월 10일

div 레이아웃 & 중앙정렬

[DivLayout.html]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
body {
    text-align:center;
    }
#wrapper {
    width:720px;
    margin: 0px auto;
    text-align:left;
    }
</style>
<title>Div Layout</title>
<link href="DivLayout.css" rel="stylesheet" type="text/css">
</head>
<body style="margin:0">
<div id="wrapper">
<div id="logo">Div Layout</div>
<div id="page">
  <div id="menu">
    <h1>Menu List </h1>
    <ul>
      <li>Menu1</li>
      <li>Menu2</li>
      <li>Menu3</li>
      <li>Menu4</li>
      <li>Menu5</li>
    </ul>
  </div>
  <div id="contents">
    <h2>Page Title </h2>
    <div id="text">Layout Test Page. </div>
  </div>
  <div id="links">
    <h2>Links</h2>
  </div>
</div>
<div id="copy">Copyright</div>
</div>
</div>
</body>
</html>



[DivLayout.css]

h1 { width:190px; padding:5px; font-size:24px; font-weight:bold; font-family:Arial; color:#FFFF00; background:#999999; border-bottom:3px solid #FFFFFF; margin:0}
h2 { padding:5px; font-size:24px; font-weight:bold; font-family:Arial; color:#FFFF00; background:#666666; border-bottom:3px solid #FFFFFF; margin:0}
#logo { font-family:Arial; font-size:100px; color:#FFFFFF; font-weight:bold; background:#000000; width:760px; padding:20px}
#page { position:relative; width:800px; overflow:visible}
#menu { position:relative; padding:20px; width:200px; background:#666666; float:left; height:400px }
#menu ul {  margin:0; padding:0}
#menu li { width:190px; padding:5px; border-bottom:1px dotted #FFFFFF; font-family:Arial; font-size:14px; font-weight:bold; color:#FFFFFF; list-style:none}
#contents { position:relative; padding:20px; background: #999999; font-size:12px; font-family:Verdana; color:#FFFFFF; width:380px; float:left; height:400px}
#text { padding:5px; line-height:150%; font-family:Verdana; text-align:justify}
#links { position:relative; float:left; background:#CCCCCC; width:100px; padding:20px; clear:right; height:400px}
#copy { position:relative; clear:both; background: #333333; font-family: Verdana; font-size:50px; font-weight:bold; color:#FFFFFF; width:760px; padding:20px }


중앙정렬된 레이아웃



























<style type="text/css">
body {
    text-align:center;
    }
#wrapper {
    width:720px;
    margin: 0px auto;
    text-align:left;
    }
</style>
<div id="wrapper">
     something...
</div>


스타일시트 없이..
    


























by 뚜너 | 2009/04/10 20:42 | HTML, CSS | 트랙백 | 덧글(1)

2009년 04월 09일

欲望を 捨てれば きっと 大丈夫.

의지가 약해졌다.
한번 정신줄 놓으면 모든게 사라지고
예전과 같은 실수를 범하면 안된다고 다짐해 보지만,
두려움만 앞선다.

by 뚜너 | 2009/04/09 18:29 | 잡담 | 트랙백 | 덧글(0)

2009년 04월 09일

링크 <A> 태그

<A>태그의 속성
    HREF : 문서 경로, URL
    NAME : 점프할 앵커 이름
    TARGET : 링크된 내용이 열릴 대상을 지정
        _blank(새로운 창)
        _self(현재 창에 표시, 기본값)
        _parent, _top(프레임 구성을 없애고 전체에 표시)
        프레임 이름(특정 프레임에 표시)

<BODY LINK="yello" VLINK="yello" ALINK="red"> /*링크 색 지정*/
    LINK : 링크의 색상
    VLINK : 방문했던 링크의 색상
    ALINK : 클릭하는 순간의 색상

이미지 링크
<A HREF="http://wowfng.com/"><IMG SRC="wowfng.jpg" BORDER="0" HSPACE="5"></A>

문서 안의 이지미 테두리를 한꺼번에 0으로
<style>
    IMG {border: none;}
</style>

앵커 이동
<A HREF="#앵커 이름"> 텍스트, 이미지 </A>
...
<A NAME="앵커 이름>"</A>

메일 링크
<A HREF="mailto:받는 사람 메일 주소?subject=넣고 싶은 제목">텍스트, 이미지</A>

by 뚜너 | 2009/04/09 10:54 | HTML, CSS | 트랙백 | 덧글(0)

2009년 04월 09일

이미지 삽입 <IMG> 태그

<IMG> 테그 속성
    SRC : 경로 지정, URL
    ALT : 간단한 설명글
    ALIGN : 정렬 지정
        ##ALIGN속성을 사용하지 않았을 경우 : 이미지 옆에 텍스트 한 줄만 표시, 나머지는 아래로 표시
        ##ALIGN="left" : 오른쪽 공간에 텍스트 표시
        ##ALIGN="right" : 왼쪽 공간에 텍스트 표시
    BORDER : 테두리 선
    HEIGHT : 높이
    WIDTH : 너비
    HSPACE : 좌우여백    
    VSPACE : 상하여백

by 뚜너 | 2009/04/09 10:43 | HTML, CSS | 트랙백 | 덧글(0)

2009년 04월 09일

기타

<B>, <STRONG> : 진하게 표시
<I>, <EM> : 이탤릭체로 표시
<U> : 밑줄을 표시
<SUP> : 위첨자  
<SUB> : 아래첨자
<S> : 한가운데 가로선
<ADDRESS> : 홈페이지 제작자 정보를 표시
<PRE> : 입력한 만큼 여백과 엔터를 그대로 인식
<BLOCKQUOTE> : 들여쓰기
<BIG> : 한단계 크게 표시 = <FONT SIZE="+1">
<SMALL> : 한단계 작게 표시 = <FONT SIZE="-1">

by 뚜너 | 2009/04/09 10:37 | HTML, CSS | 트랙백 | 덧글(0)

2009년 04월 09일

폰트

<FONT FACE="글꼴이름">  </FONT> /*글꼴 바꾸기*/

<FONT COLOR="blue">  </FONT>  /*색 바꾸기*/

<BODY TEXT="yello"> </BODY>  /*문서 전체 색 바꾸기*/

<FONT SIZE="1~7"> </FONT>  /*글 크기 바꾸기*/
      ##1이 젤 작고 7이 제일 큼. 기본설정은 3

by 뚜너 | 2009/04/09 10:30 | HTML, CSS | 트랙백 | 덧글(0)

◀ 이전 페이지          다음 페이지 ▶