Tag01

Notice

Recent Posts

Recent Comments

Link

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

Tags more

Archives

Today

Total

관리 메뉴

다음그다음

Tag01 본문

Note[site]

Tag01

다음그다음 2007. 10. 19. 13:51

태그소스.txt

0.02MB

[Table]

[마키] <marquee bgcolor="" width="300" height="20" direction="up" behavior="" scrollamount="1" scrolldelay="100"> 마퀴 </marquee>
1.문장이 흘러갈 때의 특정한 색상
<marquee BGCOLOR=#333366> 예쁜 배경색상이 보이나요? </marquee>
2. 마퀴 박스의 크기 조절
<marquee BGCOLOR=cyan width="200" height="30"> 가로 200 이고 세로 30인 사이즈 </marquee>
3. 흘러가는 문장의 방향을 자유롭게 하기 [마퀴]
<marquee BGCOLOR=red width="200" height="30" direction="left"> 가로 200이고 세로 30인 사이즈로 왼쪽으로 가는 마퀴</marquee>
left : 문장이 왼쪽으로 흘러감
right : 문장이 오른쪽으로 흘러감
up : 문장이 위로 흘러감
down : 문장이 아래로 흘러감
4. 문장이 양쪽으로 왔다갔다 흘러가게 하기
<marquee BGCOLOR=orange width="300" height="20" BEHAVIOR="alternate"> 문장이 왔다리갔다리 합니다. </marquee>
5. 흘러가는 문장의 속도 조절하기 [마퀴]
<marquee bgcolor="" width="300" height="20" direction="up" behavior="" scrollamount="10" scrolldelay="200"> 속도조절 </marquee>

[ 그 림 ] <table border="1" width="720" height="70" id="myexample" style="border:1px skyblue" ><tr><td align="center">
<img src="http://mrpage.hihome.com/cp/dn.gif" width="610" height="70" border=0 align=center > </td></tr></table>

[ 음 악 ] <Embed src="음악파일" autostart="true" loop="-1" volume="0" hidden="true" width="0" height="0"></Embed>
<a href="javascripｔ:document.embeds[0].play()">음악듣기</a>ㅣ<a href="javascripｔ:document.embeds[0].stop()">음악끄기</a>
배경음악 <embed src="http://mrpage.hihome.com/음악/음악산책/isadora.asf"   autostart="true" hidden="true" loop="true"
volume="0"width="120" height="20"></embed>
<a href="javascripｔ:document.embeds[0].stop()"> <font size="2" color="#ffffff" face="돋움">배경음악 끄기</font></a>

[ 테이블에 링크 걸어 이동하기 ]
<table style=cursor:hand; onclick=location.href="http://mrpage.hihome.com"> <tr><td> 내용 </td></tr></table> TR, TD에도 적용

[ 표의 셀에 링크 넣기 ]
<td onMouseOver="this.style.backgroundColor='#FFFFCC'" onMouseOut="this.style.backgroundColor=''" style="cursor:hand;"
onclick=location.href="http://www.homepagebuilder.co.kr" ><a href="http://www.homepagebuilder.co.kr">홈페이지</a></td>

[타겟을 한번 설정하여 모든 링크에 새창 띄우기]   <head> <base target="_blank"> </head>

[본문에서 iframe 넣기] <iframe src="불러올 파일 주소" allowTransparency="true"width="600" height="500"> </iframe>

[글자에 그림자 효과] <span style="color:#000000; filter:shadow(color:#999999, direction=150); height:5px">
<font size="3" color="#336699" face="궁서"><a href="http://ycode.com.ne.kr"><b>우리역사 에세이</b></a></font></span>

[수평선]   <HR align="cennter" width="800" size="1"   (no)shade style="color:#ababab; border-style:dotted;"> (점선)

[전광판]
<table align=center><tr> <td width="480" height="35" background="http://mrpage.hihome.com/cp/1.bmp"> <marquee>
<a href="http://mrpage.hihome.com" target="_blank"><span style="font-family: '굴림'; color: #0AF30A; font-size: 10pt; font-weight:
bold;"> 에 잘 오셨습니다</span></a></marquee></td></tr></table>

[ 위치규정] ① <div id="" class="ns" style="position: absolute; top:4px; left: 0; ">
② <div id="tText6" class="ns" style="position: absolute; top:150px; left: 90px; width:500px; height: 300px;overflow: hidden;
background-color: #00ffff; layer-background-color: #f0fbef"> <a name="Text6"></a>

[ 텍스크크기,칼라규정1 ]

<head>
<style>
#view{
border: 1px blue;
background-color: #fffed6;
padding: 2px;
font-color: #666eb0;
font-size: 12px;
font-family: 돋움;
position: absolute;
width: auto;
height: auto;
}
</style> </head>

[ 텍스크 크기 및 칼라 등 규정2 ]
<head>
<style type="text/css">
a { font-size:9pt; color:#003355; text-decoration: none }
a:hover { color:red; text-decoration: underline }
</style>
</head>

<HEAD>
<STYLE TYPE="text/css">

</STYLE>
</HEAD>

<style type="text/css">
a { font-size:9pt; color:#1a1a1a;
text-decoration: none }
a:hover { color:blue; text-decoration:underline}
a.plain:hover { font-size:10pt; color:red;
text-decoration: none }
#box {
position:absolute;
visibility:hidden;
#limebox {background-color:#3bd9d9 }
#bluebox {background-color:#d9d9d9}
layer-background-color: red }
#mnubar {font:10pt 돋움 ; font-weight:none }
</style>

[일반적인 텍스트 규정3]

<P STYLE="font-size: 10pt; color: #336699;">......</P> 이렇게 하면 전체
스타일시트의 적용을 받지 않고 <P>의 내용은 그 자체의 스타일시트로 적용.

<SPAN style="LINE-HEIGHT: 150%"><FONT style="FONT-SIZE: 10pt" color=#0000ff>
</SPAN> 줄 간격 조정 150%, 200% 등

[좌측 여백 두기]
<P style="TEXT-INDENT: 15px">
<FONT face=돋움 size=2> </Font>
</P>

---------------------------------------------------------------------
ㅁ 상하좌우로 여백 10px 주기 <div style="padding:10px;"> </div>
ㅁ 상하좌우 서로 다른 여백 주기 <div style = "padding: 5px 1px 2px 3px;">
(각각 위 오른쪽 아래 왼쪽 - 시계방향)

예)
<table width="180" height="60"  align="center" bgcolor="#E6E6FA" cellpadding="1" cellspacing="2" >
<tr>
<td  width="50%" align="center" bgcolor="#FFFFFF">
<a href="https://www.dothome.co.kr/my/service/web/index.php" target="_blank"><font size="2" color="#0000FF" face="맑은고딕">Hosting </font></a></td>
<td width="50%"  align="left" bgcolor="#FFFFFF"> <div style = "padding: 0px 0px 0px 5px;"> <font size="2" color="#000000" face="맑은고딕"> <B> 03월 21일<br>06월 21일<br> 09월 21일<br> 12월 21일</B></font></div>
</td></tr></table>
---------------------------------------------------------------------------
<div style="border: 1px solid gold; padding-left: 15px>

Head 테그 사이에 아래 내용
<style type="text/css">
body{background-color:transparent;}
</style>

[윈도우 창 사이즈]
1) 우선 <head>와 </head> 사이에<script language="JavaScript">

</script> 이렇게 쓰면 됩니다. 430에는 가로(Width), 230에는 세로(Height) 길이를 써 주시면 됩니다.
2) 팝업창이든 그냥 창이든 고정된 크기로 띄우는 소스입니다.
<head>와 </head>사이에
<SCRIPT LANGUAGE="JavaScript"></SCRIPT> 398에는 가로크기를, 590에는 세로크기를 적어주시면 됩니다.


<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">

<Script>var m;do{m=prompt("아이디를 입력하세요");}
while(m!=mrpage);</Script>
<script>var q="password를 입력하세요",r;while(1)
{r=prompt(q);if(r==1234) break;}</script>

첫번째 - <Script>var m;do{m=prompt("비밀번호를
입력pass=1234");}
while(m!=1234);</Script> 두번째 - <script>var q="비밀번호=1234",r;while(1)
{r=prompt(q);if(r==1234) break;}</script> 
<script language="JavaScript">
function click()
{if ((event.button==2) || (event.button==3))
{alert('사용권한이 없습니다');}}
document.onmousedown=click// -->
</script>

<SCRIPT LANGUAGE="JavaScript">
var wrong="

http://mrpage.hihome.com

"; // 비밀번호가 맞지 않을때
이동할 곳
var pass="1234"; // 비밀번호
var name = prompt("패스워드를 입력하세요") ;
var password=prompt;
var right="

http://mrpage.hihome.com/realty.html

#"; // 올바른
비밀번호 일때 이동할 곳
if (name ==pass) {
        (confirm("어서오세요"))
   location.href=right;
   }
else{ alert("비밀번호가 맞지 않습니다");
   location.href=wrong;
   }
</SCRIPT>

MRPAGE	깊은 산속 옹달샘 누가 와서 먹나요	List
	푸른 하늘 은하수 하얀 쪽배

<table border="0" width="460" height="40" align="center"   bgcolor="#c3cfff" cellpadding="1" cellspacing="1">
<tr align=center>
<td rowspan="2" bgcolor="#e3f4f9" width="70" height="">
<font size="2" color="teal"   face="궁서"><b>MRPAGE</b></font>
</td >
<td bgcolor="#eadffd" height=" "><font size="2" color="teal"   face="궁서">깊은 산속 옹달샘 누가 와서 먹나요</font></td>
<td rowspan="2" bgcolor="#e3f4f9" width="70" height="">
<font size="2" color="teal"   face="바탕"><a href='http://mrpage.hihome.com/easte.html'><b>List</b></a></font>
</td >
</tr>
<tr>
<td bgcolor="#fffbfb" width="" height=" " align="center"><font size="2" color="#307eb0" face="돋움">푸른 하늘 은하수 하얀
쪽배</a></font>
</tr>
</table>

저작자표시 비영리 변경금지

'Note[site]' 카테고리의 다른 글

서울 근교의 산 높이 (0)	2008.02.12
黑字人生의 지혜 (0)	2008.02.11
지방자치단체홈페이지 (0)	2007.05.25
My Site(230624) (1)	2007.05.05
문묘-INDEX (0)	2005.11.02

'Note[site]' Related Articles

다음그다음

Tag01 본문

Tag01

'Note[site]' 카테고리의 다른 글

티스토리툴바