<![CDATA[
<style> /* STD_v_4.1.1 카페 공용 레이아웃 */
#cafe_gnb, #header, #footer {position: absolute; height: 0px ! importnat;; top: -50000px; }
html, body {overflow: hidden; width:100%; }
#wrap { width:100% ! important; overflow: hidden; height: 100%; position: absolute; min-width:400px ! important; }
#container { width:100%; height: 100%; overflow-y:auto; overflow-x: hidden; min-width:400px ! important;
border-top : 1px solid #828282; border-bottom : 1px solid #828282; }
.article_subject, .article_subject .date, .bar, .bar2, .article_writer span, .article_writer a,
.article_writer .url, .article_writer .url a {position:absolute; top:-50000px;}
body, #primaryContent , #content, .cb, .user_contents, .bbs_contents
{ padding: 0px 0px 0px 0px ! important; margin: 0px 0px 0px 0px ! important; min-width:400px ! important; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
.user_contents {position: relative; top: -60px; border: 0px solid #ff0000; }
.list_btn_top { z-index: 9999999; position: relative; top: 145px; }
#cafemenu {z-index: 999999; width: 200px; position:relative; top: 20000px; margin-top: -19800px; }
.cb, .tlb, .trb, .blb, .brb, .tcb, .bcb, .rb, .lb
{background-image: none; background-color: transparent; background: transparent; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #content { margin-left: 15px ! important; } 글판 가로길이 100% 아닐 때 사용 */
/* 게시글판 가로 길이 지정 */
#primaryContent { width: 80% ! important; margin-left: 10% ! important; }
#cafemenu { left: 10% ! important; }
#primaryContent { width: 100% ! important; margin-left: 0% ! important; }
#cafemenu { left: 0% ! important; }
/*
#primaryContent { width: 800px ! important; margin-left: calc(50% - 400px) ! important; }
#cafemenu { left: calc(50% - 400px ) ! important; }
*/
/* #cafemenu { left: 10% ! important; margin-left: 15px ! important; } 카페메뉴 왼쪽에 위치 - 가로길이 100% 아닐 때
#cafemenu { left: 90% ! important; margin-left: -200px; } 카페메뉴 오른쪽에 위치 */
#cafemenu { left: 100% ! important; } 카페메뉴 화면에서 제거
</style>
<style>
/* 카페메뉴 디자인 */
/*
#cafemenu
{ background: linear-gradient( to right, #00ff00, #ffffff );
opacity:0.6; filter:alpha(opacity=60)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#00ff00 , EndColorStr=#ffffff ); }
#cafemenu { background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
#cafemenu { opacity:0.6; filter:alpha(opacity=60); }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
*/
#cafemenu { opacity:0.8; filter:alpha(opacity=80); }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-color: transparent ! important;
background-image: none ! important; }
.cafeTab, .myTab, .menuList, .menuBoxT, .menuBoxB, .cafeinfo_bg, .cafeinfoBox.group, .cafeinfoBoxT
{ background-image:none ! important; }
.cafeon, .cafeonBox , .cafeon_search, .cafeon_search .inp_search,
.searchBox input.inp_search, .searchBox input.btn_search
{filter:none; background-image:none; background-color: transparent; }
.cafeon { scrollbar-face-color: #eeeeee; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff; }
</style>
<style>
/* 카페메뉴 글색 지정- 검정 (흑색바탕용) */
.cafeinfoBox, .cafeinfoBox a:link, .cafeinfoBox a:visited, .cafeinfoBox a:hover, .cafeinfoBox a:active {color: #000000; }
.cafeinfoBox .txt_point, .cafeinfoBox a.txt_point:link, .cafeinfoBox a.txt_point:visited, .cafeinfoBox a.txt_point:hover,
.cafeinfoBox a.txt_point:active {color: #000000; }
.cafeon, .cafeonBox, .cafeonBox a:link, .cafeonBox a:visited, .cafeonBox a:hover, .cafeonBox a:active {color #000000; }
.menuList, .menuList a:link, .menuList a:visited, .menuList a:hover, .menuList a:active {color: #000000; }
.menuList .group_bg { } .menuList .group_tit, .menuList .group_tit a:link, .menuList .group_tit a:visited, .menuList
.group_tit a:hover, .menuList .group_tit a:active, .menuList .group_ic, .menuList .group_ic a:link, .menuList .group_ic a:visited,
.menuList .group_ic a:hover, .menuList .group_ic a:active {color: #000000; }
</style>
<style>
.user-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.e100-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.e100-container object , .e100-container img,
.e100-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container img,
.embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.hembed-container { position: relative; padding-right: 100%; width: 0px; overflow: hidden; max-height: 100%; }
.hembed-container iframe, .hembed-container object, .hembed-container img,
.hembed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.xmbed-container { position: relative; padding-bottom: 112.5%; height: 0; overflow: hidden; max-width: 100%; }
.xmbed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<style>
/* 화면정리 */
.list_paging {background-color:#ffffff; opacity:0.5; filter:alpha(opacity=60); border: 1px solid #828282; }
.cmt_search_box_sns, .cmt_search_box {opacity:0.5; filter:alpha(opacity=60); }
.btn_area, .btn span { opacity:0.5; filter:alpha(opacity=60); }
body {cursor:url(http://cfile244.uf.daum.net/attach/215FE63453BE583A1021AE ), progress; }
a:hover{ color:red; } a:link{color:blue;} .btn_txt {color:blue;}
/* 광고 제거 */
.app_download_wrap,
.cafegameBox, #sidebar1, #sideAd, .side_rss, .outBox, #cafeProfileImage {position:absolute; left:-50000px; }
#daum-ad-root { width:0px; }
</style>
<style> /* 댓글판 빨강 그라데이션 */
.commentDiv { opacity:1; filter:alpha(opacity=100); }
.commentDiv, .comment_pos, .recomment_pos, .longtail_comment { background-color: transparent ! important; }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
.commentBox { background: linear-gradient( to right, #ffffff , #ff0000); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ff0000); }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #0000ff; } /* 댓글 색상 지정 */
.recomment_pos { color: #0000ff; } /* 답댓글 색상 지정 */
.longtail_comment textarea { color: #0000ff; } /* 입력댓글 색상 지정 */
/* 댓글판 마우스 오브아웃 */
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.8; }
.longtail_comment:hover { height: 220px; border: 3px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
</style>
<style>
/* 댓글 속성 지정 (글자 굵기, 서체, 글지 크기) */
.longtail_comment textarea , .comment_contents
{ font-weight: bold; font-family:함초롬바탕 ! important; font-size:13pt ! important; }
/* { font-weight: bold; font-family:HY목판L ! important; font-size:14pt ! important; } */
</style>
<style>
.list_btn_area { border: none; }
.cclArea , .goTop {position:absolute; top: -50000px; }
.commentBox , .commentDiv { text-align: left; }
/*
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
*/
</style>
<style> /* 댓글판 가로넓이 지정 */
.comment_scrap, .commentBox, .list_btn_area, .prenext_paging { position:relative; width: 70%; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
/* 카페 메뉴 호브 (화면 왼쪽 벽을 마우스로 찌르면 메뉴가 나타남) */
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -196px ! important; }
#cafemenu:hover { left:0px ! important; opacity: 1; background-color: #ffffff; border: 2px solid #ff0000; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;} </style>
<style> /* 카페 메뉴 호브 (카페메뉴가 있던 위치에 마우스를 이동하면 메뉴가 나타남) */
#cafemenu { animation-name: pct123;
animation-duration: 12s;
animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in;
animation-delay: 0s; }
@keyframes pct123 { from { transform: rotateY(0deg); left: 0%; opacity: 0.9; padding-right: 0px; }
70% { transform: rotateY(360deg); left: 0%; opacity: 0.9; padding-right: 0px; }
75% { transform: rotateY(360deg); left: 0%; opacity: 0.9; padding-right: 0px; }
to { transform: rotateY(360deg); left: -202px; opacity: 0; padding-right: 200px; } }
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -202px ! important; opacity: 0;
background-color: #ffffff; padding-right: 200px; }
#cafemenu:hover { left:0px ! important; opacity: 0.8; border: 2px dobule #888888; padding-right: 0px; }
</style>
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 배경 깔기 시작 =============================================================================>
<! 기본 배경 세트 시작 ==================== >
<! 전체배경- 1 뒤집힌 빨간우산 일러스트 이미지 >
<div style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0px; top: 0px; background-image: url( http://cfile262.uf.daum.net/attach/9991414D5B3AE12332EABD ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<! 전체배경- 2 비오는 거리 빨간우산을 쓴 여인 일러스트 이미지 >
<div class="avav" style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0px; top: 0px; background-image: url( http://cfile296.uf.daum.net/attach/99AEA94E5B3AD3E3397776 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<style>
.avav { animation-name: avav;
animation-duration: 8s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes avav { from { opacity: 0; transform: scale(1.1); } /* 줌인 110% */
to { opacity: 1; transform: scale(1 ); } } /* 줌아웃 100% */
</style>
<! 인감도장 >
<style> body, a:hover {cursor: url( http://cfile247.uf.daum.net/attach/253C0B48588774B6030A77 ), progress !important;} </style>
<! 스위시 변색박스 >
<EMBED style="z-index: -1000; position: absolute; width: 100%; height:100%; top: 0%; left: 0%; opacity:1.0; filter:alpha(opacity=100); " scale="exactfit" type=application/x-shockwave-flash src='https://t1.daumcdn.net/cfile/cafe/13521F3E50E80BF61F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 20%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 50%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: -2000; position: relative; top: -42px; ">
<! 타이틀 백그라운드 배경색 빨강 >
<div style="position: absolute; top: 0px; width: 100%; height:110px; left: 0%; background-color: #ff0000; border : 0px solid #333333; opacity:0.2; filter:alpha(opacity=20) ; ">
</div>
<! 타이틀 백그라운드 (왼쪽 사선으로 흐르는 빛) >
<embed style="z-index: -2000; position: absolute; width: 100%; height: 110px; top: 0%; left: 0%; " src=http://cfile282.uf.daum.net/media/111A254D4EC67B2D15B8D5 allowScriptAccess="sameDomain" allowNetworking="internal" wmode="transparent" scale="exactfit" allowNetworking='internal' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'>
<! 타이틀 배경이미지 또는 타이틀 배경색상 표시하지 않음>
<! div id="TITLEBACKGROUND" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; opacity:0.2; ">
<! /div>
<style>
/* #TITLEBACKGROUND {background-position: center top; background-repeat: no-repeat } */
</style>
<style> /* 카페 네임 이미지 크기 결정 */
#TITLECAFENAME img {width: 300px ! important; height: 60px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페 네임 표시>
<div id="TITLECAFENAME" class="xxww" style="left: calc(50% - 150px); top: 0px; ">
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style> /* 카페주소 크기 결정 */
#TITLECAFEADDRESS img {width: 200px ! important; height: 20px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페주소 표시>
<div id="TITLECAFEADDRESS" class="xxww" style="left: calc(50% - 100px); top: 60px; " >
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style>
.xxww { animation-name: xxww;
animation-duration: 15s;
animation-iteration-count: 999; animation-direction: alternate; animation-delay: 1s;
animation-timing-function: ease-in-out; }
@keyframes xxww { from { transform: rotateY(0deg); }
to { transform: rotateY(180deg); } }
</style>
</div>
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 > <! div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <div style="position: relative; top: -42px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <! div style="position: relative; top: -42px; overflow: hidden; ">
<! 부분 배경 - 별과달 여인 이미지 깔지 않음 >
<! div style="Z-INDEX: -2000; position:absolute; top: 2900px; left: 0%; width:100%; height:100%; opacity:0.7; filter:alpha(opacity=70); background-image: url( http://cfile286.uf.daum.net/attach/994290385A47BD47029DC3 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
<! /div>
<!------------------------------------------------------------------------------------------------------>
<div style="position: relative; margin-left: 0px; "> <! 케페메뉴가 화면에 없을 때 >
<! div style="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! TABLE style="width:100%; border: 1px solid #ff0000; " > <! 본문 전체 경계선 표시하기>
<TABLE style="width:100%; border: 0px solid #ff0000; border-style: double; " > <! 본문 전체 경계선 표시(빨강색) >
<TBODY><TR><TD>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<center>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<! 본문 시작 ================================================================================>
<! div style="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<!-- 스마트 본문 글넣기 시작 -->
<style>
.img_wrapper { display : inline-block; overflow : hiddenxxx; }
.img_wrapper img { -ms-transition : all .5s ease; opacity:0.8; }
.img_wrapper img:hover { -ms-transform : scale(1.03); opacity:1; }
.embed_wrapper { display : inline-block; overflow : hiddenxxx; }
.embed_wrapper embed { -ms-transition : all .5s ease; opacity:0.8; }
.embed_wrapper embed:hover { -ms-transform : scale(1.03); opacity:1; }
.div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.div_wrapper div { -ms-transition : all .5s ease; opacity:0.5; }
.div_wrapper div:hover { -ms-transform : scale(1.01); opacity:1; }
.table_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.table_wrapper table { -ms-transition : all .5s ease; opacity:0.5; }
.table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 4px double #ff0000;
background-color:#ffffff;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 200px; width: calc(100% - 10px); position: relative; " > <! 4.1 소스와 함께 사용할 때>
<! div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper" >
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
<td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#000000 face=md개성체 face=휴먼편지체 >
<div class="img_wrapper" >
<img src=http://cfile276.uf.daum.net/image/9982944E5B3AD3E0048BB6 width=100%>
</div>
<b>비에 대한 명상 - 둘
이외수
비가 내리면 불면증이 재발한다.
오래도록 소중하게 간직하고 싶었던 이름일수록
종국에는 더욱 선명한 상처로 남게 된다
비는 서랍 속의 해묵은 일기장을 적신다.
지나간 시간들을 적신다.
지나간 시간들은
아무리 간절한 그리움으로 되돌아 보아도 소급되지 않는다.
시간의 맹점이다.
일체의 교신이 두절되고 재회는 무산된다.
나는 일기장을 태운다. 그러나
일기장을 태워도 그리움까지 소각되지는 않는다
<div class="img_wrapper" >
<img src=http://cfile252.uf.daum.net/image/997B514D5B3AE12124A8E6 width=100%>
</div>
<! 음악>
<center>
<iframe width="300" height="25" src="https://www.youtube.com/embed/62VpMp9jFnk?autoplay=1&playlist=62VpMp9jFnk&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 1300px; " >
</div>
<!태그제공박스------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<center> <! 태그제공박스 1>
<! TEXTAREA style="z-index: 9999999; position:relative; top: 1000px; border: 2px solid #828282; overflow-x: hidden; overflow-y:auto; padding: 0px 0px 0px 10px; color: #000000; background-color: transparent; background-image: url( http://cfile283.uf.daum.net/image/2468F44757060756270DE9 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size:cover; opacity:0.8; filter:alpha(opacity=80); width: 95%; height: 600px; " rows=16 cols=100 scrolling="yes" readonly="readonly">
<TEXTAREA style="z-index: 9999999; position:relative; border: 3px solid #ff0000; overflow-x: hidden; overflow-y:auto; padding: 0px 0px 0px 10px; color: #000000; opacity:0.6; filter:alpha(opacity=60); width: 70%; height: 400px; " rows=16 cols=100 scrolling="yes" readonly="readonly">
<! 소스는 두가지 버젼으로 제공해 드립니다.>
<! 2개의 창을 제공하여 드리오니 이중으로 가지고 가지 마시기 바랍니다.>
<! 1. 다음(daum)의 일반적인 게시글 스타일 (메인소스) ♡에반쌤님 소스♡>
<! ★전체소스는 가져가는 방법 커서를 태그소스안 여백에 넣으시고 Ctrl A(모두선택) 또는 (오른쪽마우스 모두선택) → Ctrl C(복사) 또는 (오른쪽마우스 복사) 하시고 →원하시는 곳에 Ctrl V(붙여넣기) 또는 (오른쪽마우스 붙여넣기) 하시면 됩니다)>
<! 아래 1.2.3.4.5 번을 가져가시면 작성 하실수 있습니다.>
<!각자 개성에 맞게 원하시는 본문게시글 작성후 HTML 체크하시고 아래소스 1.2.3.4.5 번을 작성하신 본문게시글 (아래 또는 위에) 붙여넣기 하면 됩니다~ >
<! ★주의사항★ HTML 체크해제 하지 마시고 바로 확인을 눌러 게시글 작성을 마칩니다~ >
<STYLE 1) 전체배경 - 비오는 거리 빨간우산을 쓴 여인 일러스트 이미지 _primary>
body
{ background-image: url( http://cfile296.uf.daum.net/attach/99AEA94E5B3AD3E3397776 );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
<! 2) 카페메뉴 투명>
<style>
#cafe_gnb, #header, #cafemenu { opacity:0.6; filter:alpha(opacity=60); }
.list_btn_area , .commentDiv { opacity:0.6; filter:alpha(opacity=60); }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
</style>
<! 3) 댓글판>
<style> /* 댓글판 배경이미지 깔기 */
.commentDiv { opacity:1; filter:alpha(opacity=100); }
.commentDiv, .comment_pos, .recomment_pos, .longtail_comment { background-color: transparent ! important; }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
.commentBox { opacity:0.4; filter:alpha(opacity=40); }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #0000ff; } /* 댓글 색상 지정 */
.recomment_pos { color: #0000ff; } /* 답댓글 색상 지정*/
.longtail_comment textarea { color: #0000ff; } /* 입력댓글 색상 지정
/* 댓글판 - 뒤집힌 빨간우산 일러스트 이미지 겹쳐깔기 */
.commentBox { background-image: url( http://cfile262.uf.daum.net/attach/9991414D5B3AE12332EABD );
background-attachment: fixed;
background-repeat: no-repeat; background-position: center center; background-size:cover; }
/* 댓글판 마우스 오브아웃 */
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.8; }
.longtail_comment:hover { height: 220px; border: 3px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
</style>
<style>
/* 댓글 속성 지정 (글자 굵기, 서체, 글자 크기) */
.longtail_comment textarea , .comment_contents
{ font-weight: bold; font-family:함초롬바탕 ! important; font-size:13pt ! important; }
/* { font-weight: bold; font-family:HY목판L ! important; font-size:14pt ! important; } */
</style>
<! 4)상단 카페타이틀>
<style> /* 카페 타이틀 빨강 그라데이션 */
#TITLEBACKGROUND {background-color: transparent; }
#title
{ background: linear-gradient( to bottom, #FF0000 , #ffffff );
opacity:0.9; filter:alpha(opacity=90)
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FF0000, EndColorStr=#ffffff ); }
/* 상단 카페타이틀 별빛흐름 이미지 겹쳐깔기 */
#TITLEBACKGROUND
{background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 );
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
</style>
<!-- 5) 스마트 본문 글넣기 시작 -->
<style>
.img_wrapper { display : inline-block; overflow : hiddenxxx; }
.img_wrapper img { -ms-transition : all .5s ease; opacity:0.8; }
.img_wrapper img:hover { -ms-transform : scale(1.03); opacity:1; }
.embed_wrapper { display : inline-block; overflow : hiddenxxx; }
.embed_wrapper embed { -ms-transition : all .5s ease; opacity:0.8; }
.embed_wrapper embed:hover { -ms-transform : scale(1.03); opacity:1; }
.div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.div_wrapper div { -ms-transition : all .5s ease; opacity:0.5; }
.div_wrapper div:hover { -ms-transform : scale(1.01); opacity:1; }
.table_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.table_wrapper table { -ms-transition : all .5s ease; opacity:0.5; }
.table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 4px double #ff0000;
background-color:#ffffff;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<! div style="z-index: 9999999; margin-left: 10px; top: 200px; width: calc(100% - 10px); position: relative; " > <! 4.1 소스와 함께 사용할 때>
<div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper" >
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
<td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#000000 face=md개성체 face=휴먼편지체 >
<div class="img_wrapper" >
<img src=http://cfile276.uf.daum.net/image/9982944E5B3AD3E0048BB6 width=100%>
</div>
<b>비에 대한 명상 - 둘
이외수
비가 내리면 불면증이 재발한다.
오래도록 소중하게 간직하고 싶었던 이름일수록
종국에는 더욱 선명한 상처로 남게 된다
비는 서랍 속의 해묵은 일기장을 적신다.
지나간 시간들을 적신다.
지나간 시간들은
아무리 간절한 그리움으로 되돌아 보아도 소급되지 않는다.
시간의 맹점이다.
일체의 교신이 두절되고 재회는 무산된다.
나는 일기장을 태운다. 그러나
일기장을 태워도 그리움까지 소각되지는 않는다
<div class="img_wrapper" >
<img src=http://cfile252.uf.daum.net/image/997B514D5B3AE12124A8E6 width=100%>
</div>
<! 음악>
<center>
<iframe width="300" height="25" src="https://www.youtube.com/embed/62VpMp9jFnk?autoplay=1&playlist=62VpMp9jFnk&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 200px; " >
</div>
</TEXTAREA >
</center>
<div style="position:relative; height: 200px; "></div>
<!태그제공박스 2--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<center>
<! TEXTAREA style="z-index: 9999999; position:relative; top: 1000px; border: 2px solid #828282; overflow-x: hidden; overflow-y:auto; padding: 0px 0px 0px 10px; color: #000000; background-color: transparent; background-image: url( http://cfile283.uf.daum.net/image/2468F44757060756270DE9 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size:cover; opacity:0.8; filter:alpha(opacity=80); width: 95%; height: 600px; " rows=16 cols=100 scrolling="yes" readonly="readonly">
<TEXTAREA style="z-index: 9999999; position:relative; border: 3px solid #ff0000; overflow-x: hidden; overflow-y:auto; padding: 0px 0px 0px 10px; color: #000000; opacity:0.6; filter:alpha(opacity=60); width: 70%; height: 400px; " rows=16 cols=100 scrolling="yes" readonly="readonly">
<! 2. 최신형 STD_v_4.1.1 최신 업그레이드형 ♡에반쌤님 소스♡ >
<! ★전체소스는 가져가는 방법 커서를 태그소스안 여백에 넣으시고 Ctrl A(모두선택) 또는 (오른쪽마우스 모두선택) → Ctrl C(복사) 또는 (오른쪽마우스 복사) 하시고 →원하시는 곳에 Ctrl V(붙여넣기) 또는 (오른쪽마우스 붙여넣기) 하시면 됩니다)>
<! 1) 각자 개성에 맞게 원하는 본문 게시글을 작성합니다.>
<! 2) HTML 체크하시고 아래소스 전부를 작성하신 본문게시글 (위에) 붙여넣기 합니다.>
<! 3)★주의할점★ 반드시 작성하신 본문게시글(위에) 붙여넣기 해야 합니다. HTML 체크해제 하지마시고 바로 확인을 눌러서 게시글 작성을 마칩니다.>
<! 4) 본문 게시글 (본문시작)을 저와 다르게 작성 하실분은 아래↓>
<! 스마트 본문 글넣기 시작 → 이부분부터 ~ 끝까지 소스를 가지고 가지 않으시면 됩니다 >
<! 5) 본문게시글 (본문시작)을 저와 같은 스타일로 원하시는 경우>
<! 스마트 본문 글넣기 시작 → 글작성과 음악소스만 바꾸어서 대입하시면 됩니다.>
<! 6) 배경을 열람 하시고 나가실때는 마우스 포인터를 왼쪽끝에 ← 살짝 대주시면 카페 메뉴가 나타납니다 / 또는 오른쪽 상단에 최신목록이나 목록을 누르고 나가시면 됩니다.>
<! 총전체소스 시작 아래전부↓======================================================================================>
<style> /* STD_v_4.1.1 카페 공용 레이아웃 */
#cafe_gnb, #header, #footer {position: absolute; height: 0px ! importnat;; top: -50000px; }
html, body {overflow: hidden; width:100%; }
#wrap { width:100% ! important; overflow: hidden; height: 100%; position: absolute; min-width:400px ! important; }
#container { width:100%; height: 100%; overflow-y:auto; overflow-x: hidden; min-width:400px ! important;
border-top : 1px solid #828282; border-bottom : 1px solid #828282; }
.article_subject, .article_subject .date, .bar, .bar2, .article_writer span, .article_writer a,
.article_writer .url, .article_writer .url a {position:absolute; top:-50000px;}
body, #primaryContent , #content, .cb, .user_contents, .bbs_contents
{ padding: 0px 0px 0px 0px ! important; margin: 0px 0px 0px 0px ! important; min-width:400px ! important; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
.user_contents {position: relative; top: -60px; border: 0px solid #ff0000; }
.list_btn_top { z-index: 9999999; position: relative; top: 145px; }
#cafemenu {z-index: 999999; width: 200px; position:relative; top: 20000px; margin-top: -19800px; }
.cb, .tlb, .trb, .blb, .brb, .tcb, .bcb, .rb, .lb
{background-image: none; background-color: transparent; background: transparent; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #content { margin-left: 15px ! important; } 글판 가로길이 100% 아닐 때 사용 */
/* 게시글판 가로 길이 지정 */
#primaryContent { width: 80% ! important; margin-left: 10% ! important; }
#cafemenu { left: 10% ! important; }
#primaryContent { width: 100% ! important; margin-left: 0% ! important; }
#cafemenu { left: 0% ! important; }
/*
#primaryContent { width: 800px ! important; margin-left: calc(50% - 400px) ! important; }
#cafemenu { left: calc(50% - 400px ) ! important; }
*/
/* #cafemenu { left: 10% ! important; margin-left: 15px ! important; } 카페메뉴 왼쪽에 위치 - 가로길이 100% 아닐 때
#cafemenu { left: 90% ! important; margin-left: -200px; } 카페메뉴 오른쪽에 위치 */
#cafemenu { left: 100% ! important; } 카페메뉴 화면에서 제거
</style>
<style>
/* 카페메뉴 디자인 */
/*
#cafemenu
{ background: linear-gradient( to right, #00ff00, #ffffff );
opacity:0.6; filter:alpha(opacity=60)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#00ff00 , EndColorStr=#ffffff ); }
#cafemenu { background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
#cafemenu { opacity:0.6; filter:alpha(opacity=60); }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
*/
#cafemenu { opacity:0.8; filter:alpha(opacity=80); }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-color: transparent ! important;
background-image: none ! important; }
.cafeTab, .myTab, .menuList, .menuBoxT, .menuBoxB, .cafeinfo_bg, .cafeinfoBox.group, .cafeinfoBoxT
{ background-image:none ! important; }
.cafeon, .cafeonBox , .cafeon_search, .cafeon_search .inp_search,
.searchBox input.inp_search, .searchBox input.btn_search
{filter:none; background-image:none; background-color: transparent; }
.cafeon { scrollbar-face-color: #eeeeee; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff; }
</style>
<style>
/* 카페메뉴 글색 지정- 검정 (흑색바탕용) */
.cafeinfoBox, .cafeinfoBox a:link, .cafeinfoBox a:visited, .cafeinfoBox a:hover, .cafeinfoBox a:active {color: #000000; }
.cafeinfoBox .txt_point, .cafeinfoBox a.txt_point:link, .cafeinfoBox a.txt_point:visited, .cafeinfoBox a.txt_point:hover,
.cafeinfoBox a.txt_point:active {color: #000000; }
.cafeon, .cafeonBox, .cafeonBox a:link, .cafeonBox a:visited, .cafeonBox a:hover, .cafeonBox a:active {color #000000; }
.menuList, .menuList a:link, .menuList a:visited, .menuList a:hover, .menuList a:active {color: #000000; }
.menuList .group_bg { } .menuList .group_tit, .menuList .group_tit a:link, .menuList .group_tit a:visited, .menuList
.group_tit a:hover, .menuList .group_tit a:active, .menuList .group_ic, .menuList .group_ic a:link, .menuList .group_ic a:visited,
.menuList .group_ic a:hover, .menuList .group_ic a:active {color: #000000; }
</style>
<style>
.user-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.e100-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.e100-container object , .e100-container img,
.e100-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container img,
.embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.hembed-container { position: relative; padding-right: 100%; width: 0px; overflow: hidden; max-height: 100%; }
.hembed-container iframe, .hembed-container object, .hembed-container img,
.hembed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.xmbed-container { position: relative; padding-bottom: 112.5%; height: 0; overflow: hidden; max-width: 100%; }
.xmbed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<style>
/* 화면정리 */
.list_paging {background-color:#ffffff; opacity:0.5; filter:alpha(opacity=60); border: 1px solid #828282; }
.cmt_search_box_sns, .cmt_search_box {opacity:0.5; filter:alpha(opacity=60); }
.btn_area, .btn span { opacity:0.5; filter:alpha(opacity=60); }
body {cursor:url(http://cfile244.uf.daum.net/attach/215FE63453BE583A1021AE ), progress; }
a:hover{ color:red; } a:link{color:blue;} .btn_txt {color:blue;}
/* 광고 제거 */
.app_download_wrap,
.cafegameBox, #sidebar1, #sideAd, .side_rss, .outBox, #cafeProfileImage {position:absolute; left:-50000px; }
#daum-ad-root { width:0px; }
</style>
<style> /* 댓글판 빨강 그라데이션 */
.commentDiv { opacity:1; filter:alpha(opacity=100); }
.commentDiv, .comment_pos, .recomment_pos, .longtail_comment { background-color: transparent ! important; }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
.commentBox { background: linear-gradient( to right, #ffffff , #ff0000); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ff0000); }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #0000ff; } /* 댓글 색상 지정 */
.recomment_pos { color: #0000ff; } /* 답댓글 색상 지정 */
.longtail_comment textarea { color: #0000ff; } /* 입력댓글 색상 지정 */
/* 댓글판 마우스 오브아웃 */
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.8; }
.longtail_comment:hover { height: 220px; border: 3px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
</style>
<style>
/* 댓글 속성 지정 (글자 굵기, 서체, 글지 크기) */
.longtail_comment textarea , .comment_contents
{ font-weight: bold; font-family:함초롬바탕 ! important; font-size:13pt ! important; }
/* { font-weight: bold; font-family:HY목판L ! important; font-size:14pt ! important; } */
</style>
<style>
.list_btn_area { border: none; }
.cclArea , .goTop {position:absolute; top: -50000px; }
.commentBox , .commentDiv { text-align: left; }
/*
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
*/
</style>
<style> /* 댓글판 가로넓이 지정 */
.comment_scrap, .commentBox, .list_btn_area, .prenext_paging { position:relative; width: 70%; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
/* 카페 메뉴 호브 (화면 왼쪽 벽을 마우스로 찌르면 메뉴가 나타남) */
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -196px ! important; }
#cafemenu:hover { left:0px ! important; opacity: 1; background-color: #ffffff; border: 2px solid #ff0000; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;} </style>
<style> /* 카페 메뉴 호브 (카페메뉴가 있던 위치에 마우스를 이동하면 메뉴가 나타남) */
#cafemenu { animation-name: pct123;
animation-duration: 12s;
animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-in;
animation-delay: 0s; }
@keyframes pct123 { from { transform: rotateY(0deg); left: 0%; opacity: 0.9; padding-right: 0px; }
70% { transform: rotateY(360deg); left: 0%; opacity: 0.9; padding-right: 0px; }
75% { transform: rotateY(360deg); left: 0%; opacity: 0.9; padding-right: 0px; }
to { transform: rotateY(360deg); left: -202px; opacity: 0; padding-right: 200px; } }
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -202px ! important; opacity: 0;
background-color: #ffffff; padding-right: 200px; }
#cafemenu:hover { left:0px ! important; opacity: 0.8; border: 2px dobule #888888; padding-right: 0px; }
</style>
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 배경 깔기 시작 =============================================================================>
<! 기본 배경 세트 시작 ==================== >
<! 전체배경- 1 뒤집힌 빨간우산 일러스트 이미지 >
<div style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0px; top: 0px; background-image: url( http://cfile262.uf.daum.net/attach/9991414D5B3AE12332EABD ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<! 전체배경- 2 비오는 거리 빨간우산을 쓴 여인 일러스트 이미지 >
<div class="avav" style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0px; top: 0px; background-image: url( http://cfile296.uf.daum.net/attach/99AEA94E5B3AD3E3397776 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<style>
.avav { animation-name: avav;
animation-duration: 8s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes avav { from { opacity: 0; transform: scale(1.1); } /* 줌인 110% */
to { opacity: 1; transform: scale(1 ); } } /* 줌아웃 100% */
</style>
<! 스위시 변색박스 >
<EMBED style="z-index: -1000; position: absolute; width: 100%; height:100%; top: 0%; left: 0%; opacity:1.0; filter:alpha(opacity=100); " scale="exactfit" type=application/x-shockwave-flash src='https://t1.daumcdn.net/cfile/cafe/13521F3E50E80BF61F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 20%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 50%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: -2000; position: relative; top: -42px; ">
<! 타이틀 백그라운드 배경색 빨강 >
<div style="position: absolute; top: 0px; width: 100%; height:110px; left: 0%; background-color: #ff0000; border : 0px solid #333333; opacity:0.2; filter:alpha(opacity=20) ; ">
</div>
<! 타이틀 백그라운드 (왼쪽 사선으로 흐르는 빛) >
<embed style="z-index: -2000; position: absolute; width: 100%; height: 110px; top: 0%; left: 0%; " src=http://cfile282.uf.daum.net/media/111A254D4EC67B2D15B8D5 allowScriptAccess="sameDomain" allowNetworking="internal" wmode="transparent" scale="exactfit" allowNetworking='internal' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'>
<! 타이틀 배경이미지 또는 타이틀 배경색상 표시하지 않음>
<! div id="TITLEBACKGROUND" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; opacity:0.2; ">
<! /div>
<style>
/* #TITLEBACKGROUND {background-position: center top; background-repeat: no-repeat } */
</style>
<style> /* 카페 네임 이미지 크기 결정 */
#TITLECAFENAME img {width: 300px ! important; height: 60px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페 네임 표시>
<div id="TITLECAFENAME" class="xxww" style="left: calc(50% - 150px); top: 0px; ">
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style> /* 카페주소 크기 결정 */
#TITLECAFEADDRESS img {width: 200px ! important; height: 20px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페주소 표시>
<div id="TITLECAFEADDRESS" class="xxww" style="left: calc(50% - 100px); top: 60px; " >
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style>
.xxww { animation-name: xxww;
animation-duration: 15s;
animation-iteration-count: 999; animation-direction: alternate; animation-delay: 1s;
animation-timing-function: ease-in-out; }
@keyframes xxww { from { transform: rotateY(0deg); }
to { transform: rotateY(180deg); } }
</style>
</div>
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 > <! div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <div style="position: relative; top: -42px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <! div style="position: relative; top: -42px; overflow: hidden; ">
<! 부분 배경 - 별과달 여인 이미지 깔지 않음 >
<! div style="Z-INDEX: -2000; position:absolute; top: 2900px; left: 0%; width:100%; height:100%; opacity:0.7; filter:alpha(opacity=70); background-image: url( http://cfile286.uf.daum.net/attach/994290385A47BD47029DC3 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
<! /div>
<!------------------------------------------------------------------------------------------------------>
<div style="position: relative; margin-left: 0px; "> <! 케페메뉴가 화면에 없을 때 >
<! div style="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! TABLE style="width:100%; border: 1px solid #ff0000; " > <! 본문 전체 경계선 표시하기>
<TABLE style="width:100%; border: 0px solid #ff0000; border-style: double; " > <! 본문 전체 경계선 표시(빨강색) >
<TBODY><TR><TD>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<center>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<! 본문 시작 ================================================================================>
<! div style="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<!-- 스마트 본문 글넣기 시작 -->
<style>
.img_wrapper { display : inline-block; overflow : hiddenxxx; }
.img_wrapper img { -ms-transition : all .5s ease; opacity:0.8; }
.img_wrapper img:hover { -ms-transform : scale(1.03); opacity:1; }
.embed_wrapper { display : inline-block; overflow : hiddenxxx; }
.embed_wrapper embed { -ms-transition : all .5s ease; opacity:0.8; }
.embed_wrapper embed:hover { -ms-transform : scale(1.03); opacity:1; }
.div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.div_wrapper div { -ms-transition : all .5s ease; opacity:0.5; }
.div_wrapper div:hover { -ms-transform : scale(1.01); opacity:1; }
.table_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.table_wrapper table { -ms-transition : all .5s ease; opacity:0.5; }
.table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 4px double #ff0000;
background-color:#ffffff;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 200px; width: calc(100% - 10px); position: relative; " > <! 4.1 소스와 함께 사용할 때>
<! div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper" >
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
<td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#000000 face=md개성체 face=휴먼편지체 >
<div class="img_wrapper" >
<img src=http://cfile276.uf.daum.net/image/9982944E5B3AD3E0048BB6 width=100%>
</div>
<b>비에 대한 명상 - 둘
이외수
비가 내리면 불면증이 재발한다.
오래도록 소중하게 간직하고 싶었던 이름일수록
종국에는 더욱 선명한 상처로 남게 된다
비는 서랍 속의 해묵은 일기장을 적신다.
지나간 시간들을 적신다.
지나간 시간들은
아무리 간절한 그리움으로 되돌아 보아도 소급되지 않는다.
시간의 맹점이다.
일체의 교신이 두절되고 재회는 무산된다.
나는 일기장을 태운다. 그러나
일기장을 태워도 그리움까지 소각되지는 않는다
<div class="img_wrapper" >
<img src=http://cfile252.uf.daum.net/image/997B514D5B3AE12124A8E6 width=100%>
</div>
<! 음악>
<center>
<iframe width="300" height="25" src="https://www.youtube.com/embed/62VpMp9jFnk?autoplay=1&playlist=62VpMp9jFnk&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 1300px; " >
</div>
</TEXTAREA >
</center>
<div style="position:relative; height: 200px; "></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
―····자작ノ전체배경방
비오는 거리에 빨간우산을 쓴 여인 / 뒤집힌 빨간우산 일러스트 이미지
그대의열정
추천 33
조회 781
18.07.03 11:15
댓글 9
다음검색
첫댓글 <STYLE 1) 전체배경 - 비오는 거리 빨간우산을 쓴 여인 일러스트 이미지 _primary>
body
{ background-image: url( http://cfile296.uf.daum.net/attach/99AEA94E5B3AD3E3397776 );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
흐르는 음악
해바라기-저 빗속으로
아놔~
제가 비배경을 맹글때면
비가와효...
완성하고 나면
비가 앙와효...
이론 된장...
ㅋ~
어제는 비가 종일 오더만
오늘은 비가 개이고
햇살이 방끗하네여~
7월의 시작
내내 건강하시공
행복하세여~~~♡
<STYLE 2) 전체배경 - 뒤집힌 빨간우산 일러스트 이미지 _primary>
body
{ background-image: url( http://cfile262.uf.daum.net/attach/9991414D5B3AE12332EABD );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
스마트폰에서 감상 하시려면
daum에서 카페검색 →좋은글과 좋은음악이 있는곳
하단에 PC보기
스마트폰 회전 가로보기로
보시면 즐감 하실수 있습니다~
감사함다~~~♡
안녕하세요...
울 멋진 그대의열정님....방가...방가워요...
장맛비가
잠시 멈춘....
상큼한 화요일....
멋진 배경과....
고운 음원에 머물다 가네요...
감사...감사르요....
후덥지근 한 날씨에.....
늘 건안 하시길 소망합니다....
호돌님
방그르여~~~
오늘은 비가 개였네여~
올만에 쉬니까
집안에 할일은 산더미공
바빠가 둑을거 가타효...
제가 이삼십대 해바라기
메인보컬 이주호님 목소리에 빠져가
아쥬 조아라 했던 뮤지션 임미더~
올만에 드르니
세월을 거슬러
옌날 생각이 나효...
힛~
7월도 션하게 고운날로
채우세여~~~♡
그대의열정님!
비오는 영상 작품 완전 짱입니다
비를 좋아하는 예향에겐 선물이네요
수고하셨습니다
즐감하고 모셔갑니다
즐거운 화요일 되십시오~♡♡
예향 시인님
방가딩가 하옴미더~~~
늘 관심 주시궁
고운 발걸음
감사 드려효~~~
댓글도 마이 모딸그
죄송함미더...
비배경을 맹글때마다
예향 시인님을 생각함미더...
비를 조아라 하시는 시인님~
풉~
비가오는 날은
빨간우산이나 노란우산
색깔이 환한 우산을 쓰도록 하세여~
우중충한 날 어두운색 우산은
보행자 안전에도 도움이 앙되지만
기분을 더욱더 가라안게 만들어소
비올때는 환한 색생의 우산을
선호함미더~
비배경도 역쉬 포인트 색깔이 들어강거 조아라 함미더~
여름철 건강 잘 챙기시궁
7월도 행복만땅 채우세여~~~♡
저녁은 깻잎나물 무침 해먹으려그
나물 한무대기 사가지고 와써효~
힛~
둑도록 감사해여~~~♡
삭제된 댓글 입니다.
짱님
방그르여~~~
여인의 뒤태가
섹쒸함미더~~~
ㅎㅎ~
그짝 계신곳에 바람이 마이 불었군여...
ㄷㄷㄷ
옥상에 다육이 키우시능군여~
식물이나 동물이나 키우면
자식새끼 가타가
돌봐야 하는 부양가족이 된다는
손이 마이가죠...
파라솔 디비징거
힘조흔 남자 시켜야죵~
부려먹어효~
ㅋㅋ~
고생하셨구효...
편한밤 되시어여~~~♡
그리도 사납고 격하게 내리던 비도
오늘은 잠시 소강상태인지 멈추고
구름사이로 내비치는 여름햇살이
눈 부신날입니다
아름답게 만드신 작품
소중히 모셔다가 비오는 날 잘쓰겠습니다
비피해 없으시길 바라면서...^^