바이블가든

게시판에 글올리실때 필요한 태크들 (게시판)

2003-08-05 (화) 15:08 조회:1645

자료 출처:솔로몬(http://solomoon.com/)

--------------------------------
<iframe>

이것은 익스플로러에서만 적용되었던 태그이기 때문에 그 막강한 기능에 비해 사용하는 분들은 적은 편이었습니다. 그런데 최근 모습을 드러낸 넷스케잎 6.0버전에서 드뎌 이 태그를 지원하므로 앞으로는 넷스케잎에서 지원되지 않음을 아쉬워하며 '울며겨자먹기' 식으로 사용할 필요는 없을 듯하네요.

<IFRAME SRC="xxx.html" width=xxx height=xxx></IFRAME>

너무 간단한가요? 몇가지 속성에 대해서 더 알아보기로 하죠.

속성 설명

SRC : 프레임 내부에 보여질 문서 혹은 사이트의 URL을 지정

FRAMEBORDER : 프레임 둘레에 테두리 표시 여부를 결정하는 속성. "0"은 테두리가 없는 상태로 표시되고, "1"은 테두리 표시

WIDTH와 HEIGHT : 프레임의 넓이와 높이를 지정하는 속성으로 픽셀 값이나 비율(%)로 지정

MARGINWIDTH와 MARGINHEIGHT : 프레임과 나타날 내용 사이의 수평 여백과 수직 여백을 지정하는 속성

SCROLLING : 프레임의 스크롤 바의 유무를 지정. yes:스크롤바가 나타남, no:스크롤 바가 나타나지 않음, auto(default):브라우저가 필요에 따라 수평, 수직의 스크롤 바를 표시

NAME : iframe의 이름을 지정. 이것은 target 속성으로 연결시킬 때 필요

글자들이 줄넘기 하듯....  위로 뜨게 하는 방법이래요....

<marquee direction=up behavior=alternate height=25>할말
</marquee> 
-----------------------------------------------------------------------
글자가 깜빡이는 방법

<marquee behavior=alternate width=300 scrollamount=3000>할말

size 크기 3 4 5 .....
-----------------------------------------------------------------------
글자를 옆으로 움직이기

<marquee behavior=alternate>할말
-----------------------------------------------------------------------
글씨 올라가게 하기

<marquee direction ="up" scrollamount ="2" style = "text-align:center">

===================================================
배경화면에 글씨가 올라가기

<TABLE border="0" cellpadding="0" background="배경화면 주소"> <TD width="600" height="450"><marquee style="text-align:center;" behavior="loop" direction="up" scrolldelay="7" scrollamount="1"> 
 
<center> ( 버클리풍의 사랑 노래 - 詩 황동규 ) 
내 그대에게 해주려는 것은 
꽃꽃이도 
벽에 그림달기도 아니고 
땅의 가슴 간지르기 시작했음을 알아내는 것, 
이국(異國) 햇빛 속에서 겁없이. 
</marquee></TD></TR></TABLE> 
</center> 
 </TD>

**참고: 글이 올라가는 속도는 scrolldelay로 조절함(숫자가 클수록 느림)
=====================================================
글자에 배경넣기

<marquee align="middle" behavior="slide" bgcolor="#ff0000" border=5>내용은 여기에.</marquee>

** 이렇게 하면 빨간배경에 글씨가 나타남
======================================================
글씨에 마우스가 닿으면 작은상자가 생김  

<A HREF=""ONMOUSEOVER = "alert('날 건드리지 마세요!!!')")>내용적고 끝에</A>

=====================================================
링크시기는 방법  
1]기초링크(여기를 누르세요)
<a href="...링크시키고 싶은주소 ..">여기를 누르세요 </a>

2]이미지에 링크를 할경우
<a href="...링크시키고 싶은주소 .."><img src=" 이미지주소"></a>

3]링크를 하면서 글씨에 배경넣기
<a href="...링크시키고 싶은 주소">

 여길 누르세요</a>

-->이렇게 하면 핑크바탕에 보라색글씨로 링크가 됨

4] 3]번에 마우스를 대면 작은 설명줄이 나오는걸 추가함
<a href="...링크시키고 싶은 주소">

 여길 누르세요</a>
======================================================
글자를 움직이기 위해서는 글자 앞뒤에

<MARQUEE> ~~ </MARQUEE> 를 써넣으면 돼지요.

<예제>

<marquee> ~~  </marquee>
기본형으로 왼쪽으로 무한 루프입니다.

<marquee behavior="alternate"> ~~ </marquee>
오른쪽 왼쪽으로 왔다갔다 합니다

<marquee behavior="slide"> ~~ </marquee> 
왼쪽에서 와서 멈춤니다

<marquee direction="right"> ~~ </marquee> 
오른쪽으로 계속 흐릅니다.

<marquee scrollamount="1"> ~~ </marquee> 
움직이는 속도를 나타냅니다

<marquee scrollamount="3"> ~~ </marquee> 
움직이는 속도를 나타냅니다<숫자가 적을수록 느리게>

<marquee scrollamount="10"> ~~ </marquee> 
움직이는 속도를 나타냅니다. <숫자가 적을수록 느리게>

<marquee scrolldelay="500"> ~~ </marquee>
움직임이 지연되는 속도를 지정합니다.

<marquee loop="3"> ~~ </marquee>
왼쪽으로 3회 반복합니다. 숫자는 횟수를 나타냅니다.

<marquee bgcolor="yellow"> ~~ </marquee>
글자에 바탕을 주는 경우입니다.<노란색 바탕>

<marquee direction="down"> ~~ </marquee>
아래로 계속 떨어지는 경우입니다.  
=====================================================
◆ 홈페이지에 사운드 넣기 ◆

※ 자동으로 사운드 재생(넷스케이프 3.0, 익스플로러 3.0 이상)
문서가 열리면서 배경음악이 연주 됨.

◆ <BGSOUND> 태그를 이용하여 Source 지정.

태그의 방법:  <BGSOUND SRC = "    ">

※"    " 안에 음악파일의 주소를 씁니다.
※ 사용가능한 옵션: LOOP (반복회수를 지정)

◆<A HREF>태그를 이용한 방법

태그의 방법 : ＜A HREF="sound.mid">음악파일</A>

'음악파일'이란 링크부분을 마우스로 클릭하면 'sound.mid'라는 사운드파일을 플레이해주는 윈도우가 새롭게 만들어지고, 사운드 파일을 로드한 다음 자동으로 플레이됩니다.

◆ 배경음악으로 사운드넣기

<EMBED SRC="background.wav" AUTOSTART=true HIDDEN=true LOOP=infinite>

사운드를 배경음악으로 넣고 싶을 때는 <EMBED>태그를 이용하면 됩니다. 그러면 홈페이지에 접속하면 자동으로 배경음악이 나옵니다.

여기에 쓰인 'AUTOSTART' 옵션은 'TRUE'라고 지정하면 홈페이지에 접속하면 자동으로 음악이 플레이 됩니다. 원하지 않을 경우에는 'FALSE'로 지정하면 됩니다.

'HIDDEN'옵션은 음악을 정지하고 플레이하는 조절판이 보이지 않게 할 때 쓰이는 옵션입니다. 조절판을 보이게 하려면 WIDTH=100 HEIGHT=60 같은 식으로 조절판의 크기를 적어주면 됩니다. 물론 위치도 ALIGN="right"처럼 해주면 조절판이 오른쪽으로 위치되죠.

'LOOP'옵션은 음악을 몇 번 반복할 것인가를 정해 주게 됩니다. infinite는 계속 반복을 나타냅니다. 한번만 나오게 하려면 'LOOP=1'이라고 적어주면 되겠죠?
======================================================
프레임에서 이미지 여백을 없애려면  
프레임에서 상하 좌우 여백을 없애주려면 해당 프레임의 frame 태그 부분에 marginwidth=0과 marginheight=0 을 지정해 주면 됩니다.

<html>
<head>
</head>
<frameset cols="180,*" frameborder=0 framespacing=0 border=0>
<frame name="xxx" src="frame1.html" marginwidth=0 marginheight=0>
<frame name="yyy" src="frame2.html">
</frameset>
</html>

☞ 프레임이 없는 문서의 화면 상단 여백을 없애려면?
<body marginwidth=0 marginheight=0 topmargin=0 leftmargin=0>
=====================================================
링크페이지로 이동할 때 화면이 춤을 춥니다.  

<meta http-equiv="page-enter" content="RevealTrans(duration=5,transition=23)">
<meta http-equiv="page-exit" content="RevealTrans(duration=5,transition=23)">
=====================================================
br 을 생략할수 있는 방법      

태그문서에서 줄바꾸기를 할때 을 붙여야 하는데
줄마다 일일이 붙이기 번거롭습니다.
이런땐 문서의 맨위에 <pre>....문서끝에</pre>를 해주면
줄마다 을 해주지 않고 enter만 해줘도
줄바꾸기로 인식을 합니다..
이곳의 게시판이나, 드림게시판은 이 pre가 적용된거죠..
====================================================
문서에 여백주기      

게시판에 글을 올릴때 그냥 쓰면
왼쪽화면에 너무 붙어서 모양이 안납니다.
일일이 스페이스바를 누르면 불편하고..등등

문서의 맨위에

[p style="margin-left:150px"]

를 한다음 글을쓰면
왼쪽여백이 생겨서 글이 안쪽으로 들어옵니다.
150px는 상황에 맞게 숫자를 조절하고..50,60,70..등등
====================================================

공지사항 창넣기    

일단 공지로 넣고싶은 파일을 만든다음,
공지사항이 뜨길원하는 파일에 아래소스를 적주세요..

<script language="javascript">
var menuWindow = null;  function openNoticeWindow()
{noticeWindow=window.open('공지로 넣고싶은 파일이름','게시판','resizable=no,
scrollbars=no,width=327,height=405,left=250,top=125') ;}
openNoticeWindow() ;</script>