Menu

마퀴 및 스크롤 테이블

2016. 6. 2. 19:39

안개핑 Html & Css

 

 

1. 스크롤을 적용한 경우




▷ 11월 이야기 ◁ 테마 태그

낙엽들이 하나둘 사라져만 가는
11월이 다가옵니다.
언제 어디서나
항상 기쁨과 웃음을
선사할 수 있는 여유러운
삶을 살아가고 싶네요 ^^*
otti


☞ 소스내용
<STYLE type=text/css> #thema01&nbsp;&nbsp;&nbsp;&nbsp;{ SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #4B4B4B; SCROLLBAR-SHADOW-COLOR: #4B4B4B; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #4B4B4B; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; BORDER-RIGHT: 1px solid #4B4B4B; PADDING-RIGHT: 1px; BORDER-TOP: 1px solid #4B4B4B; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; OVERFLOW: auto; BORDER-LEFT: 1px solid #4B4B4B; WIDTH: 100%; PADDING-TOP: 1px; BORDER-BOTTOM: 1px solid #4B4B4B; HEIGHT: 100%; LINE-HEIGHT: 135%; color:#4B4B4B;font-size:13px;font-family:굴림체; &nbsp;&nbsp;&nbsp;&nbsp;} </STYLE> <table style="border:0.07em #4B4B4B solid;" bgcolor=#ffffff cellspacing="0" cellpadding="3" width="280" height="240"> <tr><td align=center valign=top style="color:#4B4B4B;font-size:13px;font-family:굴림체;"> <div id=thema01> <br /> <img name=zb_target_resize style="cursor:hand" onclick=window.open(this.src) src="http://lia.pe.kr/java Tip/imge/1.jpgf" border=1><br /> <br /><table border=0 style="color:#4B4B4B;font-size:13px;font-family:굴림체;line-height:13pt;"><tr><td> ▷ 11월 이야기 ◁ <b> 테마 태그</b> <br /><br /> 낙엽들이 하나둘 사라져만 가는<br /> 11월이 다가옵니다.<br /> 언제 어디서나 <br /> 항상 기쁨과 웃음을 <br /> 선사할 수 있는 여유러운<br /> 삶을 살아가고 싶네요 ^^*<br /> <div align=right><b>otti</b></div><br /> </tr></td></table> </div> </td></tr></table>


.......................................................................................................................................................................................................................

2. 기본적인 경우




▷ 11월 이야기 ◁ 테마 태그

낙엽들이 하나둘 사라져만 가는
11월이 다가옵니다.
언제 어디서나
항상 기쁨과 웃음을
선사할 수 있는 여유러운
삶을 살아가고 싶네요 ^^*
otti



☞ 소스내용
<table style="border:0.07em #4B4B4B solid;" bgcolor=#ffffff cellspacing="0" cellpadding="3" width="280" height="240"> <tr><td align=center valign=top style="color:#4B4B4B;font-size:13px;font-family:굴림체;"> <br /> <img name=zb_target_resize style="cursor:hand" onclick=window.open(this.src) src="http://lia.pe.kr/java Tip/imge/1.jpg" border=1><br /> <br /> ▷ 11월 이야기 ◁ <b> 테마 태그</b> <br /><br /> 낙엽들이 하나둘 사라져만 가는<br /> 11월이 다가옵니다.<br /> 언제 어디서나 <br /> 항상 기쁨과 웃음을 <br /> 선사할 수 있는 여유러운<br /> 삶을 살아가고 싶네요 ^^*<br /> <div align=right><b>otti</b></div><br /> </td></tr></table>


.......................................................................................................................................................................................................................

3. 마퀴태그를 이용한 경우 [marquee]



▷ 11월 이야기 ◁ 테마 태그

낙엽들이 하나둘 사라져만 가는
11월이 다가옵니다.
언제 어디서나
항상 기쁨과 웃음을
선사할 수 있는 여유러운
삶을 살아가고 싶네요 ^^*
otti



☞ 소스내용
<table style="border:0.07em #4B4B4B solid;" bgcolor=#ffffff cellspacing="0" cellpadding="23" width="280" height="240"> <tr><td align=center style="color:#4B4B4B;font-size:13px;font-family:굴림체;"> <marquee direction=up behavior=alternative scrollamount=1 scrolldelay=2> <center> <img name=zb_target_resize style="cursor:hand" onclick=window.open(this.src) src="http://lia.pe.kr/java Tip/imge/1.jpg" border=1><br /> <br /> ▷ 11월 이야기 ◁ <b> 테마 태그</b> <br /><br /> 낙엽들이 하나둘 사라져만 가는<br /> 11월이 다가옵니다.<br /> 언제 어디서나 <br /> 항상 기쁨과 웃음을 <br /> 선사할 수 있는 여유러운<br /> 삶을 살아가고 싶네요 ^^*<br /> <div align=right><b>otti</b></div><br /></center> </marquee> </td></tr></table>


.......................................................................................................................................................................................................................

4. 마퀴태그를 이용한 경우(좌에서 우) [marquee]

▷ 11월 이야기 ◁ 테마 태그

낙엽들이 하나둘 사라져만 가는
11월이 다가옵니다.

언제 어디서나
항상 기쁨과 웃음을
선사할 수 있는 여유러운
삶을 살아가고 싶네요 ^^*
otti



☞ 소스내용
<table style="border:0.07em #4B4B4B solid;" bgcolor=#ffffff cellspacing="0" cellpadding="23" width="280" height="240"> <tr><td align=center style="color:#4B4B4B;font-size:13px;font-family:굴림체;"> <marquee direction=left behavior=alternative scrollamount=1 scrolldelay=2> <img name=zb_target_resize style="cursor:hand" onclick=window.open(this.src) src="http://lia.pe.kr/java Tip/imge/1.jpg" border=1 hspace="15" vspace="2" align="left"> ▷ 11월 이야기 ◁ <b> 테마 태그</b> <br /><br /> 낙엽들이 하나둘 사라져만 가는<br /> 11월이 다가옵니다.<br /><br /> 언제 어디서나 <br /> 항상 기쁨과 웃음을 <br /> 선사할 수 있는 여유러운<br /> 삶을 살아가고 싶네요 ^^*<br /> <div align=right><b>otti</b></div><br /> </marquee> </td></tr></table>


.......................................................................................................................................................................................................................

'Html & Css' 카테고리의 다른 글

마우스를 대면 글자가 보여요  (0) 2016.06.02
색있는 수평선 만들기  (0) 2016.06.02
경고창을 띄워보세요  (0) 2016.06.02
투명테이블과 아이프레임  (0) 2016.06.02
점선 없애기...  (0) 2016.06.02