2026 년 4 월

일

월

화

수

목

금

토

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

 
그누스킨 그누소스 소스변경 소스문법 홈준비 기타
 
작성일 : 10-03-20 00:35
[기타] [메뉴] 서브메뉴가 있는 가로형 깔끔한 텍스트 레이어 메뉴
 글쓴이 : Morning (211.♡.235.179)
조회 : 5,607  

<style type="text/css">

.diz_menu { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; cursor:hand; font-weight:normal;}
a.diz_menu:link { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:normal; }
a.diz_menu:visited { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:normal; }
a.diz_menu:hover { font-size:7pt; color:#1375CA; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:bold; }
a.diz_menu:active { font-size:7pt; color:#555555; font-family:Tahoma; line-height:110%; padding-top:6px; text-decoration:none; font-weight:normal; }
.diz_menu_over { font-size:7pt; color:#1375CA; font-family:Tahoma; line-height:110%; padding-top:6px; cursor:hand; font-weight:bold}


.diz_popmenu { font-family:돋움; font-size:9pt; color:#333333; background-color:FFFFFF; cursor:hand; padding-left:5px;}
.diz_popmenu_over { font-family:돋움; font-size:9pt; color:#FFFFFF; background-color:08246B; cursor:hand; padding-left:5px;}
</style>

<script LANGUAGE="Javascript">
<!--
function set_submenu(obj) {
    var nLeft,nTop
    ph = 30 // 서브메뉴 상단위치 조절
    nLeft = event.x - event.offsetX + document.body.scrollLeft;
    nTop = event.y - event.offsetY + document.body.scrollTop;

    eval(obj+".style").posLeft = nLeft
    eval(obj+".style").posTop = nTop + ph;
    eval(obj+".style").display='block';
}

function show_submenu(obj) {
    eval(obj+".style").display='block';
}

function hide_submenu(obj) {
    eval(obj+".style").display='none';
}
//-->
</script>
</HEAD>
<body>

<!-- 대메뉴 -->
<table border="0" cellpadding="0" cellspacing="0" height="35">
<tr align="center">
<td width="100" id="menu1" onClick="location.href='링크주소'" class="diz_menu" onMouseOver="this.className='diz_menu_over';set_submenu('submenu1');" onMouseOut="this.className='diz_menu';hide_submenu('submenu1')">HOME</td>
<td width="5">|</td>
<td width="100" id="menu2" onClick="location.href='링크주소'" class="diz_menu" onMouseOver="this.className='diz_menu_over';set_submenu('submenu2');" onMouseOut="this.className='diz_menu';hide_submenu('submenu2')">BOARD</td>
<td width="5">|</td>
<td width="100" id="menu3" onClick="location.href='링크주소'" class="diz_menu" onMouseOver="this.className='diz_menu_over';set_submenu('submenu3');" onMouseOut="this.className='diz_menu';hide_submenu('submenu3')">VIEW</td>
<td width="5">|</td>
<td width="100" id="menu4" onClick="location.href='링크주소'" class="diz_menu" onMouseOver="this.className='diz_menu_over';set_submenu('submenu4');" onMouseOut="this.className='diz_menu';hide_submenu('submenu4')">STUDY</td>
<td width="5">|</td>
</tr>
</table>

 

<!-- 부메뉴 1번 -->
<table width="140" cellpadding="5" cellspacing="1" border="0" id="submenu1" style="position:absolute; background:#00AEEF; z-index:1; display:none; left:100px; top:50px" onMouseOver="show_submenu('submenu1');" onMouseOut="hide_submenu('submenu1');">
<tr><td bgcolor="#FFFFFF">
<table border="0" cellpadding="1" cellspacing="0" bgcolor="white" width="100%">
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">홈으로</td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">공지사항</td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">운영자 즐겨찾기</a></td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">게시판 전체보기</a></td>
</tr>
</table>
</td></tr></table>

<!-- 부메뉴 2번 -->
<table width="140" cellpadding="5" cellspacing="1" border="0" id="submenu2" style="position:absolute; background:#39B54A; z-index:1; display:none; left:100px; top:50px" onMouseOver="show_submenu('submenu2');" onMouseOut="hide_submenu('submenu2');">
<tr><td bgcolor="#FFFFFF">
<table border="0" cellpadding="1" cellspacing="0" bgcolor="white" width="100%">
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">회원공간</td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">메모장</td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">끝말잇기</a></td>
</tr>
</table>
</td></tr></table>

<!-- 부메뉴 3번 -->
<table width="140" cellpadding="5" cellspacing="1" border="0" id="submenu3" style="position:absolute; background:#DDC100; z-index:1; display:none; left:100px; top:50px" onMouseOver="show_submenu('submenu3');" onMouseOut="hide_submenu('submenu3');">
<tr><td bgcolor="#FFFFFF">
<table border="0" cellpadding="1" cellspacing="0" bgcolor="white" width="100%">
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">디카 갤러리</a></td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">스틱파스 갤러리</a></td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">카드/축전</a></td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">배너 자랑하기</a></td>
</tr>
</table>
</td></tr></table>

<!-- 부메뉴 4번 -->
<table width="140" cellpadding="5" cellspacing="1" border="0" id="submenu4" style="position:absolute; background:#F889BA; z-index:1; display:none; left:100px; top:50px" onMouseOver="show_submenu('submenu4');" onMouseOut="hide_submenu('submenu4');">
<tr><td bgcolor="#FFFFFF">
<table border="0" cellpadding="1" cellspacing="0" bgcolor="white" width="100%">
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">HTML / CSS</a></td>
</tr>
<tr>
<td height='20' onClick="self.location='링크주소'" class="diz_popmenu" onMouseOver="this.className='diz_popmenu_over'" onMouseOut="this.className='diz_popmenu'">Javascript</a></td>
</tr>
</table>
</td></tr></table>


주님과 함께 모닝커피를

 
 

Total 8
번호 제   목 글쓴이 날짜 조회
8 [기타] 그룹여분필드 (1) Morning 01-28 7044
7 [기타] CSS를 이용한 DIV 레이아웃 (2) Morning 04-22 11556
6 [기타] 관리자비번 잃어버렸을 때에 Morning 04-17 7026
5 [기타] 지워지지않는 디렉토리 지우기 (2) Morning 04-07 8442
4 [기타] 부드럽게 슬라이딩 되면서 펼쳐지는 메뉴구… Morning 03-20 5544
3 [기타] [메뉴] 플래쉬 같은 메뉴 Morning 03-20 5356
2 [기타] [메뉴] 서브메뉴가 있는 가로형 깔끔한 텍스… Morning 03-20 5608
1 [기타] [네비게이션] 제목 항목을 클릭하면 내용이 … Morning 03-20 5446
and or

Therefore, holy brothers, who share in the heavenly calling,
fix your thoughts on Jesus, the apostle and high priest whom we confess.
Let us fix our eyes on Jesus, the author and perfecter of our faith,
who for the joy set before him endured the cross, scorning its shame,
and sat down at the right hand of the throne of God