Skip to content

GuitarMania

Home ›새내기방 ›즐거운 컴퓨터
✔ 뷰어로 보기
2001.03.19 07:27

레이어 공지창 띄우기

고정석
(*.55.91.229) 조회 수 6347 댓글 0
+ - Up Down Comment Print



레이어 공지창 띄우기







onmouseover="dragObj=Notice; drag=1;move=0" onmouseout="drag=0">
bordercolordark="purple" bordercolorlight="fuchsia">










align="center"> width="14" height="14" border="0"> 울 엔블러드 마니 따랑해
주셔염^^ width="14" height="14" border="0">		 align="center"> onmouseover="window.status=(' ♡ 다다버리깜??? ♡');return true;"
onmouseout="window.status=(' ♡ 나 이뽀??? ♡');return true;"> size="2" color="#FC57B0">창닫기

size="2" color="white">이거 어때여??? 이뽀???


공지사항으루 쓰면 저아여...


마우스루 끄러다가 이리저리 옴기바바염...^^*


글궁 창닫기에 마우스 올려노으심
밑에 상황선에 말두 나와염


금 소스보시궁... 잘 활용하시바방^^*
빠띵~!
align="center"> color="#FC57B0">snowdrowb@nblood.com<br>
http://www.nblood.com









<html><br>
<head><br> <title>레이어
공지창 띄우기</title><br>
</head>


<body>


<script src="http://members.tripod.co.kr/snowdrowb/java/notice-1.js"></script>


<div id="Notice" style="position:absolute;
left:130px; top:100px; width:395px; height:290px; z-index:5;filter:revealTrans(transition=23,duration=0.5)
blendTrans(duration=0.5);"<br>  onmouseover="dragObj=Notice;
drag=1;move=0" onmouseout="drag=0"><br> size="2">    <table
border="5" cellpadding="5" cellspacing="0"
width="100%" bordercolor="fuchsia"<br>      bordercolordark="purple"
bordercolorlight="fuchsia"><br>         <tr><br>
            <td
width="314" height="30" bgcolor="white"
bordercolor="#6C1176"> size="2" color="navy"><p align="center"><font<br>
                 color="#FC57B0"><img
src="http://members.tripod.co.kr/snowdrowb/pinkheart.gif"<br>
                 width="14"
height="14" border="0"> 울 엔블러드 마니
따랑해 주셔염^^ <br>                  <img
src="http://members.tripod.co.kr/snowdrowb/pinkheart.gif"
width="14" height="14" border="0"></font> size="2" color="green"></td><br>             <td
width="50" height="30" bgcolor="#FFC6FA"
bordercolor="#6C1176"><p<br>
                 align="center"> size="2" color="maroon"><a href="javascript:void(Hide(Notice))"
style="text-decoration:none;"<br>                  onmouseover="window.status=('
 ♡ 다다버리깜??? ♡');return true;"<br>                  onmouseout="window.status=('
 ♡ 나 이뽀??? ♡');return true;"> color="navy"><font size="2"<br>                  color="#FC57B0"><b>창닫기</b></font> size="2" color="maroon"></a></td><br>
        </tr><br>
        <tr><br>             <td
width="376" height="171" colspan="2"
bgcolor="#DE099B" bordercolor="#6C1176"> size="2" color="navy"><p><font<br>                  size="2"
color="white">이거 어때여???   이뽀???<br><br>공지사항으루
쓰면 저아여...<br>                 <br><br>마우스루
끄러다가 이리저리 옴기바바염...^^*<br><br>글궁 창닫기에
마우스 올려노으심 밑에 상황선에 말두 나와염<br>                 <br><br>금
소스보시궁... 잘 활용하시바방^^*   빠띵~!</font> size="2" color="green"></td><br>         </tr><br>
        <tr><br>             <td
width="376" height="43" colspan="2"
bgcolor="white" bordercolor="#6C1176"> size="2" color="navy"><p<br>                  align="center"><a
href="mailto:snowdrowb@nblood.com"><font size="2"<br>
                 color="#FC57B0">snowdrowb@nblood.com</font></a><br><a
href="http://www.nblood.com"><font size="2"<br>
                 color="#FC57B0"><b>http://www.nblood.com</b></font></a> size="2" color="green"></td><br>         </tr><br>
    </table><br>
</div><br> size="2"> <br> </body><br>
<br> </html><br> <br>

소스 보시니깐
어지러브시져???  ^^;   넘 겁머찌 마시구염....  <br>
<br> 금 하나씩 설명 드리께염... 우선 이 공지사항 창은 지난번에 새창띠우기와는
또 다른 것이여염...


이번에 배우시게 될 것은 레이어와
테이블에 대해 좀더 자세히 겅부해 보기루 해염...


표를 만들어서 글자를 넣고요.. 이
표를 레이어 안에 넣습니다.<br> 그리고 자바스크립트로 창을 띄우고
닫게도 하고 마우스로 드레그 하여 자유로이 이동 할수 있게도 함미다.


구분하기 쉽도록 소스를 색깔별로 해봤어요.   설명을
드릴께요.


빨강색
 html의 기본형식인건 아시져???   이거 모르시는분....
바짝 반성...^^<br>             어떤
소스가 어디부분에 들어가는지 잘 보셔야 해요...<br>             자바스크립트
소스와 레이어,테이블 모두 <body>
~ </body> 사이에 들어감을
아실수 있겠져?


파랑색
 자바스크립트 소스는 욜분덜 복잡하실까방 제가 자바스크립트
파일로 만들어 버렸어염. <br>            제
계정에 올려뜨니깐... 따로 하지 마시궁 그대로 사용하세염...<br>            자바스크립트
소스를 직접 보시고 싶으신 분들은 size="2" color="blue">http://members.tripod.co.kr/snowdrowb/java/notice-1.js size="2" color="blue"> 이 경로로
<br>            js파일을
다운 받으시고... 파일을 열어 보시려면 마우스오른쪽 버튼 하셔서 세번째
(편집)이 이떠염... <br>            그럼
메모장에 소스가 보여집미다.   특별히 수정하실 부분은 엄떠여...
<br>            본인의
계정에 올리시고 싶으신 분덜은 파일다운 바드셔가 올리심 되염...


보라색
<div> ~ </div> size="2"> 레이어 태그 임미다.   흔히 div태그는 <div
align="center"> 이런 정렬태그나 필터효과 태그로 마니쓰이지만....<br>
           여기서와
같이 레이어는 다른개념임돠.<br>            레이어에
대한 개념이 엄뜨신 분덜은...쉽게 유리판을 생각하세염.... <br>            문서위에
투명한 한겹이 더 있는 거처럼 둥둥 떠 있어 글자나 그림을 레이어로
만드실수 이떠염... <br>            겹쳐저
보인다고도 표현 할 수가 이께떠염...<br>            이
레이어 태그를 잘 활용하시면  문서를 더욱 효과적으로 꾸미실
수 있다고 자신있게? 말씀드림미당... ^0^<br> color="purple">           left:130px;
top:100px; 이 태그로 레이어의
위치를 정합니다.... 보시면 왼쪽 여백과 위여백으로 레이어의 위치를
지정하죠.<br>            width:395px;
height:290px; 레이어의 크기를
정합니다.  폭과 높이를 정의해서 크기를 결정합니다.


초록색
<table> ~ </table> size="2">은 테이블...즉 우리가 흔히 보는 표입니다.   이제
레이어 안에 표를 만들어 너어야져???<br>            깔끔한
문서를 위해서 table은 필수여염... table태그를 모르시면 문서를 꾸미시는데
지장이 많으시리라 생각되어염... <br>            기본이나
마찬가지니 필히 관심있게 보시기 바랍니다.   자신의 의도에
마께 셀<td>두 적당히 나눠서 만들어 보세염...<br>            [알림]
42번글 (이미지 위에 글자 스크롤하기)에서 table을 조금 배웠었지요?
   다시함 설명드리께염...<br>  









 

<table><br>
<tr><br> <td><br> </td><br> </tr><br>
</table>

table의 기본구조
기억나시져???


이러심 한칸으루된 표가 생성이 되어염...

<table><br>
<tr><br> <td><br> </td><br> <td><br>
</td><br> </tr><br> </table>

<td><br>
</td>로 한칸이 더 생겨떠염...


이러심 두칸의 표가 생겨염...


<br>             다음은
소스를 보면서 table 과 td의 속성 설정에 대해 설명 드릴께요.<br>
<br>              size="2" color="green"><table border="5" cellpadding="5"
cellspacing="0" width="100%" bordercolor="fuchsia"
bordercolordark="purple"             bordercolorlight="fuchsia"><br>
<br>             이
부분이 table의 속성을 정하는 태그여염... <br> <br>              size="2" color="green">border
전체 테두리의 두깨를 정함미다.<br> <br>              size="2" color="green">cellpadding
테이블 안쪽의 여백을 정함.  즉, 표안에 글씨를 쓰면 지정한 수치만큼
위,아래,왼쪽,오른쪽으로 여백이 생기지염...             수치를
0으루 하시면 선에 글씨가 딱 붙어서 쓰여지겠져...<br> <br>              size="2" color="green">cellspacing
테두리선의 간격을 정함.      color="green">bordercolor테두리
색 정함<br> <br>              size="2" color="green">bordercolordark 테두리의
음지(아래,오른쪽) 색을 정함.  bordercolorlight size="2" color="black"> 태두리의 양지(왼쪽,위쪽) 색을 정함. <br>
<br>              size="2" color="green">width는
폭을 정하지염...여기서 100%를 준이유는 td의 속성에 의해 table의
크기는 자동으로 정해지기 때문임미다...<br>              size="2" color="green">td 즉
셀의 속성태그도 위 설명과 같습니다.


갈   색 size="2" color="black">  창닫기 버튼을 만드러야 하는데염...
javascript:void(Hide(Notice))
를 링크 시킨거 아시겠져?<br>
             size="2" color="maroon">onmouseover="window.status=('  ♡
다다버리깜??? ♡');return true;"   color="black">는 마우스를 올려노아뜰 때 밑 상황선에 나오는 size="2" color="maroon"> <br>              size="2" color="black">글자를 지정하고  onmouseout="window.status=('
 ♡ 나 이뽀??? ♡');return true;" color="black">는 올려노았던 마우스가 바깥으루<br>             벗어
나뜰 때 밑 상황선에 나오는 메시지를 지정함미다.... onmouseover 와
onmouseout의 차이를 아시게쪄?<br>             암말두
안나오게 하구 시프심...onmouseout="window.status=('');return
true;"  이런식으루 해주심 되게찌염....^^*<br>


<br> 그럼...
자신의 환경에 맞게 만들어 보셔염...


태그를 메모장에 다 쓰시고 (다른이름으로
저장) 하셔서 모모모.html 하심 html문서가 생성됩니다.<br> 그리고
스펠, 띄어쓰기 하나라도 틀리면 의도대루 안되염... 항상 확인하시는
습관을 가지셔여...  그럼...빠띵^^*

<br>
snowdrowb@nblood.com<br> size="2" color="navy">http://www.nblood.com


 





Me2day Yozm
Up Down Print 수정 삭제
●? 에디터 선택하기
?
●? 에디터 사용하기 닫기

  1. 한글이름파일 실행이 안될때

    Date2007.10.07 By컴맹 Views9671
    Read More

  2. enc악보를 기타프로 악보로 전환방법.

    Date2007.11.22 By유의선 Views15459
    Read More

  3. 비스타에서 wma파일 링크가 안되요..

    Date2008.01.04 By채소칸 Views8203
    Read More

  4. mid 를 mp3로 바꾸려는데 녹음이 안되네요. 도와주세요.

    Date2008.02.05 By토토 Views10423
    Read More

  5. 이제 엠디로 녹음을 하고싶은데요

    Date2008.02.14 By샤콘느1004 Views10949
    Read More

  6. 기타프로에서요...

    Date2008.04.09 By복구반장 Views16193
    Read More

  7. <컴맹>하드포맷하는 법이 궁금합니다.

    Date2008.06.06 By궁금이 Views11518
    Read More

  8. 메뉴판 곳곳의 숫자

    Date2008.06.12 By안티 Views8920
    Read More

  9. 구글 웹브라우저 chrome

    Date2008.09.03 By찬찬 Views9232
    Read More

  10. 녹음하려는데 마이크 좀 봐주세요

    Date2008.09.18 By녹음 Views9137
    Read More

  11. 동영상 올리는방법 ....여기 질문요~~

    Date2008.11.15 By아이모레스 Views9272
    Read More

  12. 한글 파일명

    Date2008.12.04 By한글파일명 Views9510
    Read More

  13. 기타 연주를 녹화하려 합니다

    Date2008.12.12 By프라 Views10860
    Read More

  14. 왜 하드드라이브가 있어야만 돼죠?

    Date2008.12.29 By파크닝팬 Views8359
    Read More

  15. embed 하는 방법

    Date2009.01.08 ByJason Views9887
    Read More

  16. 사진과 음악을 동시에 올리는방법.(항해사님 글)

    Date2009.03.12 By수 Views9449
    Read More

  17. DVD에 있는 음원추출방법...

    Date2009.04.13 By컴맹 Views13942
    Read More

  18. mp3 파일 재생 오류 (같은 글짜인데 황당..)

    Date2009.04.27 By재생 Views11765
    Read More

  19. 안녕하세요. Encore파일이 열리지 않는 이유가 궁금합니다.

    Date2009.05.17 ByHm Views10927
    Read More

  20. 도와주세요-노트북컴퓨터가 계속 부팅만해요.

    Date2009.05.31 By파크닝팬 Views13986
    Read More

  21. [re] 전세계 티비를 공짜로, 해외에서 한국 방송보기

    Date2009.10.18 By아사도 Views14398
    Read More

  22. 전세계 티비를 공짜로, 해외에서 한국 방송보기

    Date2009.06.01 By인터넷TV Views32464
    Read More

  23. 플래쉬 드라이브 메모리 복구

    Date2009.08.23 By샘 Views9314
    Read More

  24. 다량의 파일을 복사할 때 중복되는 파일은 자동으로 넘기기(XP에서만 가능)

    Date2009.09.01 By컴맹 Views9858
    Read More

  25. 인터넷 익스플로러거 자꾸 다운되네요.

    Date2009.09.08 By쏠레아 Views11613
    Read More

  26. mp4파일 곰플레이어 음향 코덱

    Date2009.10.13 By고정석 Views21609
    Read More

  27. 바탕화면

    Date2009.11.02 By.. Views13080
    Read More

  28. 앙코르 관련 하나 더 여쭙니다.

    Date2010.03.12 By매니아 Views13301
    Read More

  29. 피날레 2011이 출시 되었습니다.

    Date2010.07.15 By피날레 Views14592
    Read More

  30. 도와주세요

    Date2010.08.08 By초보 Views11140
    Read More

  31. 편리한 단축키 모음.

    Date2010.10.01 By땅콩 Views14920
    Read More

  32. 사진 크기를 줄여주는 프로그램 (Resize of Your Picture)

    Date2010.11.17 By고정석 Views11161
    Read More

  33. [re] 피날레에서 타브악보 속성

    Date2011.01.03 By하하! Views20697
    Read More

  34. 피날레에서 타브악보를 만들때 기존의 보표를 타브로 끌어 내리면 한 옥타브가 위로 표기되는 현상

    Date2011.01.03 By피날레 Views22192
    Read More

  35. 앙코르 사용 Tip 하나 - 음표 간격 자동 맞추기

    Date2011.01.06 By쥴리강 Views18095
    Read More

  36. 한영키 변환이 안됩니다

    Date2011.04.29 By초보 Views13829
    Read More

  37. 게시판에 사진 여러장이 한 화면에 나오게 하는 방법

    Date2011.04.29 By고정석 Views12001
    Read More

  38. 사진 여러 장 올리는 방법

    Date2011.07.07 By금모래 Views12458
    Read More

  39. 피날레 2012가 나왔습니다.시벨리우스는 7이 나왔습니다.

    Date2011.10.08 By피날레 Views17636
    Read More

  40. 주파수 알아내는 프로그램

    Date2011.11.20 By방가 Views12360
    Read More

  41. 무료로 고화질 한국TV보기

    Date2011.12.21 Byelevenxin Views14380
    Read More

  42. Encore 파일 pdf 파일로 만들기 방법 좀 가르쳐주세요.

    Date2012.01.17 By아이모레스 Views14413
    Read More

  43. 앙코르에서 슬라이드(글리산도) 넣는 방법이 있는지요?

    Date2012.02.20 By꽁생원 Views12678
    Read More

  44. 앙코르로 기타악보찍을때 윗성부와 아래성부

    Date2012.02.29 By허쎌 Views10696
    Read More

  45. 앙코르 - 윗성부, 아랫성부를 나누는 방법

    Date2012.03.01 By노동환 Views11481
    Read More

  46. Encore 파일 pdf 파일로 만들기 방법과 이미지로 된 파일을 PDF 로 만드는 방법

    Date2012.03.08 By노동환 Views15498
    Read More

  47. 컴퓨터자판에서 영문/한글키가 작동치 않을때는 어떻게

    Date2012.03.19 By고정석 Views23880
    Read More

  48. 도와주세요. 앙코르5.0이 필요합니다.

    Date2012.03.20 By푸른날개 Views31885
    Read More

  49. 무소음 PC 정착기

    Date2012.03.25 By꽁생원 Views19309
    Read More

  50. 앙코르에서 겹세로줄에 도돌이표가 적용 안되네요

    Date2012.04.08 By꽁생원 Views12911
    Read More
쓰기
Board Pagination ‹ Prev 1 2 3 4 5 6 Next ›
/ 6

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

✔ 설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Powered by Xpress Engine / Designed by hikaru100

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234