잡다한 일상사 WebJoy.kr :: 투명한 아이프레임 만들기

투명한 아이프레임 만들기

WEB/HTML/Css/Script 2007/06/29 14:57 by 아쿠아바다

<html> <head> <link rel="stylesheet" type="text/css" media="screen" href="http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/css/ttDesk.css" /> <link rel="stylesheet" type="text/css" media="screen" href="http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/css/ttDesklightbox.css" /> <style type="text/css"> #TD_content p{ padding:0; margin:0; } .TD_headline a{ font-size:1.2em; color:#333; font-weight:bold; } .TD_subtitle{ font-weight:bold; color:#999; } .TD_date { color:#999; font:0.9em verdana; } .TD_category { margin-left:2px; } .TD_category a{ color:#999; } .TD_name { font-weight:nomal; } .TD_tagbox{ padding:5px 0; } .TD_tagbox .TD_tagtitle{ background:url(http://i1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/image/ico_tag.gif) no-repeat; width:30px; height:14px; float:left; } .TD_tagbox .TD_tagtitle span{ display:none; } .TD_thumbnail{ border : 1px solid #fff; } /* 헤드라인형 모듈 */ .TD_toparticle { margin: 5px; position:relative; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #ccc; } .TD_toparticle .TD_titleinfo { padding-bottom:5px; } .TD_toparticle .TD_tblist { margin-top:5px; clear:both; } .TD_toparticle .TD_tblist ul{ list-style:none; padding:0 10px 0 10px; margin:0; } .TD_toparticle .TD_tblist li { background:url(http://i1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/image/bull_relate.gif) no-repeat; padding: 0 0 0 14px; margin:0; } /* 섬네일 목록형 모듈 */ .TD_thumblist{ margin: 5px; position:relative; overflow:hidden; margin-bottom:10px; } /* 목록형 모듈 */ .TD_list{ margin:5px; } .TD_list .TD_date { margin-left:5px; font-weight:normal; } /* 앨범형 모듈 */ .TD_album{ margin:5px; } .TD_album img { margin-right:10px; } .TD_album .TD_headline { padding-top:5px; } /* 최신글의 더보기 */ .TD_more{ text-align:right; padding:5px 5px 7px 5px; margin:10px 5px; color:#333; background-color:#eee; } * html .TD_more{height:20px;} .TD_more_title{ font-weight:bold; float:left; font-size:1.1em; } .TD_more_btn a{ font:0.9em dotum; padding-top:5px; } .TD_recent{ } .TD_recent .TD_list .TD_headline a{ color:#000; font-weight:normal !important; padding:0; font-size:1em; } /* 최신글 텍스트 목록형 */ .TD_recent .TD_list{ margin:5px; background:url(http://i1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/image/bull_rect.gif) 6px 8px no-repeat; padding:3px 0 0 14px; } /* 최신글 섬네일 목록형 */ .TD_recent .TD_thumblist{ margin:5px; overflow:hidden; padding:0px; } .TD_recent .TD_thumblist .TD_headline{ font-size:0.9em; } /* 최신글 앨범형 */ .TD_recent .TD_album { margin:5px; text-align:center; overflow:hidden; } .TD_recent .TD_album .TD_headline { font-size:0.9em; height:20px; overflow:hidden; padding-top:4px; } /* 슬라이드형 모듈 */ .TD_slide{ margin:2px; padding:0; float:left; } .TD_slide .TD_thumbnail{ margin:0; padding:0; border:3px solid #ddd; } .TD_slide img{ margin:0; padding:0; } </style> <script type="text/javascript"> //<![CDATA[ var ttDeskURL ='/plugins/tatterDesk'; var ttDeskBlogURL =''; //]]> </script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/ttDesk.js'></script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/lib/prototype.js'></script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/src/builder.js'></script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/src/effects.js'></script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/src/dragdrop.js'></script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/src/controls.js'></script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/src/slider.js'></script> <script type='text/javascript' src='http://s1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/js/ttDesklightbox.js'></script><link rel="stylesheet" type="text/css" href="http://s1.daumcdn.net/cfs.tistory/v/111130102906/blog/style/menubar.css"/></head> <body background="backs.jpg"> <div id="ttDesk_AdminDiv"> <div class="ttDesk_dragcss"><h1><strong>태터데스크</strong> 관리자</h1> <div><img src="http://i1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/image/ico_guide.gif" alt="도움말" onclick="window.open('http://manual.tistory.com/730')" /></div> <img src="http://i1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/image/img_delete_module.gif" onclick="ttDesk_reloadClose(1);" alt="닫기" /></div> <div id="ttDesk_AdminDivText"></div> <div class="ttDesk_Btn"> <img src="http://i1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/image/btn_apply.gif" alt="적용하기" onclick="ttDesk_reloadClose(1);" />   <img src="http://i1.daumcdn.net/cfs.tistory/v/0/blog/plugins/tatterDesk/image/btn_makepage.gif" alt="첫페이지 만들기" onclick="ttDesk_CacheDelete();" /> </div> </div> <div id="ttDesk_alert"> <div class="ttDesk_alert_dragcss" > <h1><strong>태터데스크</strong> 메시지</h1> </div> <div class="ttDesk_alert_content"> <div id="ttDesk_MSGText" class="ttDesk_massage"> 저장하였습니다. </div> </div> </div> <iframe src="iframe_test.html" width="350" height="150" border="0" frameborder="0" style="filter: Alpha(Opacity=65)"></iframe> <script charset="utf-8" type="text/javascript" src="http://d1.daumcdn.net/tiara/tracker/tiara.min.js"></script> <script type="text/javascript"> // </script></body> </html>

'WEB > HTML/Css/Script' 카테고리의 다른 글

나는 블로그/사이트의 실시간 접속자를 알고싶다. (0)	2007/06/30
테두리가 둥근 테이블 생성 (0)	2007/06/29
투명한 아이프레임 만들기 (0)	2007/06/29
빙글빙글 회전하는 링크(메뉴) (0)	2007/06/29
Infinite Menu 다이나믹 팝업 메뉴 (0)	2007/06/29
부드러운 이미지 전환 효과 (0)	2007/06/29