<![CDATA[
<! 2. 최신형 STD_v_4.1 최신 업그레이드형 ♡에반쌤님 소스♡ >
<! ★전체소스는 가져가는 방법 커서를 태그소스안 여백에 넣으시고 Ctrl A(모두선택) 또는 (오른쪽마우스 모두선택) → Ctrl C(복사) 또는 (오른쪽마우스 복사) 하시고 →원하시는 곳에 Ctrl V(붙여넣기) 또는 (오른쪽마우스 붙여넣기) 하시면 됩니다)>
<! 1) 각자 개성에 맞게 원하는 본문 게시글을 작성합니다.>
<! 2) HTML 체크하시고 아래소스 전부를 작성하신 본문게시글 (위에) 붙여넣기 합니다.>
<! 3)★주의할점★ 반드시 작성하신 본문게시글(위에) 붙여넣기 해야 합니다. HTML 체크해제 하지마시고 바로 확인을 눌러서 게시글 작성을 마칩니다.>
<! 4) 본문 게시글 (본문시작)을 저와 다르게 작성 하실분은 아래↓>
<! 스마트 본문 글넣기 시작 → 이부분부터 ~ 끝까지 소스를 가지고 가지 않으시면 됩니다 >
<! 5) 본문게시글 (본문시작)을 저와 같은 스타일로 원하시는 경우>
<! 스마트 본문 글넣기 시작 → 글작성과 음악소스만 바꾸어서 대입하시면 됩니다.>
<! 6) 배경을 열람 하시고 나가실때는 마우스 포인터를 왼쪽끝에 ← 살짝 대주시면 카페 메뉴가 나타납니다 / 또는 오른쪽 상단에 최신목록이나 목록을 누르고 나가시면 됩니다.>
<! 총전체소스 시작 아래전부↓======================================================================================>
<style> /* STD_v_4.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: 3700px; margin-top: -3500px; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #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; }
.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 , #ffffff); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ffffff); }
.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; } /* 입력댓글 색상 지정 */
/* 댓글판 별빛흐름 이미지 겹쳐깔기 */
.commentDiv {background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 );
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
</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: 3px solid #0000ff; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;}</STYLE>
<div style="position: absolute; top: 0px; width: 100%; left: 0%; " >
<div id="title" style="height:110px; border: 0px solid #999999; ">
<div id="TITLEBACKGROUND"> </div>
<div id="TITLEHOMELINK" class="hand"></div>
<div id="TITLECAFENAME"><img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" /></div>
<div id="TITLECAFEADDRESS"> <img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" /> </div>
<div id="TITLEMENUGROUP"> <div class="roundL"></div>
<ul id="menuItemList">
<li > <div class="menu1 first"> </div> </li><li class="mbar">|</li>
<li > <div class="menu2"> </div> </li> <li class="mbar">|</li>
<li > <div class="menu3"> </div> </li> <li class="mbar">|</li>
<li > <div class="menu4"> </div> </li> </ul>
</div> </div> <!-- end title -->
<style>
#TITLECAFENAME img {display: block; background: url(http://cfile279.uf.daum.net/image/261625505854B62120A966)
no-repeat; width: 324x; height: 63px; }
#TITLECAFENAME { width: 324px; height: 63px; left:50%; margin-left:-162px; border: 0 solid #ffffff; position:absolute; top: 5px; }
#TITLECAFENAME { width: 310px; height: 63px; left:50%; margin-left:-150px; border: 0 solid #ffffff; position:absolute; top: 5px; }
#TITLECAFEADDRESS { position: absolute; top: 55px; left: 50%; margin-left: -153px; border: 0px solid #ff0000; }
#TITLEMENUGROUP {position: absolute; top: 80px; left: 50%; margin-left: -225px; border: 0px solid #ff0000; }
#title {position: absolute; height: 110px ! important; width: 100% ! important; left:0px; top: 25px; }
</style>
<style>
/* 카페타이틀 파랑 배경깔기 */
#TITLEBACKGROUND {background-color: transparent; }
#TITLEBACKGROUND { background-color: #0000ff; border : 0px solid #333333; opacity:0.1; filter:alpha(opacity=10) ; }
</style>
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 배경 깔기 시작 =============================================================================>
<! 기본 배경 세트 시작 ==================== >
<! 전체배경 야자수 나무와 소녀 일러스트 이미지 >
<div style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0px; top: 0px; background-image: url(http://cfile284.uf.daum.net/attach/2427B94B595779A01D8BA2); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<! 인감도장 >
<style> body, a:hover {cursor: url( http://cfile247.uf.daum.net/attach/253C0B48588774B6030A77 ), progress !important;} </style>
<! 좌측 초록잎사귀 날림 >
<div style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -2000; background-image: url( http://cfile265.uf.daum.net/attach/24329149593C56050907CF ); background-attachment: fixed; background-repeat: repeat-y; background-position: left top; ">
</div>
<! 스위시 장미꽃잎 떨어짐 에반쌤님꺼~ 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 40%; height:1200px; top: 5%; left: 34%; opacity:0.5; filter:alpha(opacity=50); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile270.uf.daum.net/media/214B7C3A51BEA97E171A26' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 전체 변색하트 이미지 깔지않음 >
<! div class='e100-container' style="Z-INDEX: -2000; position:absolute; top: 0px; width:100%; opacity:0.7; filter:alpha(opacity=70); background-image: url( http://cfile243.uf.daum.net/attach/27481F5058BCDC372E0A8B); background-attachment: fixed; background-repeat: repeat; background-position: center center; " >
<! /div>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: -2000; position: relative; top: -42px; ">
<! 타이틀 백그라운드 (왼쪽 사선으로 흐르는 빛) >
<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>
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<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: 1200px; left: 0%; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); background-image: url( http://cfile273.uf.daum.net/attach/24115650587CDE942BF306 ); 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 #0000ff;
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=휴먼편지체 >
<b>외로울 때 / 이성진</b>
이 세상 모두 섬인 것을
천만이 모여 살아도
외로우면 섬인 것을
욕심에서
질투에서
시기에서
폭력에서
멀어지다 보면
나도 모르게 떠있는 섬
이럴 때 천만이 모여 살아도
천만이 모두 혼자인 것을
어찌 물에 뜬 솔밭만이 섬이냐
나도 외로우면 섬인 것을
<div class="img_wrapper" >
<img src=http://cfile288.uf.daum.net/image/2476F74859577FE20DF11C width=500>
</div>
<! div class="embed_wrapper" >
<! embed style="width: 200px; height: 200px; top: 0%; left: 0%; margin-left: -0px; border: 0px solid #ff0000; " src='http://cfile264.uf.daum.net/original/1661960F4CA5A2D469660B' allowScriptAccess="sameDomain" allowNetworking="internal" wmode="transparent" scale="exactfit" allowNetworking='internal' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'>
<! /div>
<! 음악>
<center>
<embed src="//www.youtube.com/v/djU4Lq_5EaM?autoplay=1&playlist=1&loop=1&showinfo=0&rel=0&theme=light" type="application/x-shockwave-flash" width="300" height="25" allowscriptaccess="always" allowfullscreen="true" allowScriptAccess='sameDomain'></embed></object>
</center>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 1400px; " >
</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 #cccccc; 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://cfile284.uf.daum.net/attach/2427B94B595779A01D8BA2 );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
<! 2) 좌측 초록잎사귀 날림 >
<div style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -2000; background-image: url( http://cfile265.uf.daum.net/attach/24329149593C56050907CF ); background-attachment: fixed; background-repeat: repeat-y; background-position: left top; ">
</div>
<! 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 { background: linear-gradient( to right, #ffffff , #ffffff); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ffffff); }
.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; } /* 입력댓글 색상 지정 */
/* 댓글판 별빛흐름 이미지 겹쳐깔기 */
.commentDiv {background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 );
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
</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, #0000ff , #ffffff );
opacity:0.3; filter:alpha(opacity=30)
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#0000ff , 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 #0000ff;
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=휴먼편지체 >
<b>외로울 때 / 이성진</b>
이 세상 모두 섬인 것을
천만이 모여 살아도
외로우면 섬인 것을
욕심에서
질투에서
시기에서
폭력에서
멀어지다 보면
나도 모르게 떠있는 섬
이럴 때 천만이 모여 살아도
천만이 모두 혼자인 것을
어찌 물에 뜬 솔밭만이 섬이냐
나도 외로우면 섬인 것을
<div class="img_wrapper" >
<img src=http://cfile288.uf.daum.net/image/2476F74859577FE20DF11C width=500>
</div>
<! div class="embed_wrapper" >
<! embed style="width: 200px; height: 200px; top: 0%; left: 0%; margin-left: -0px; border: 0px solid #ff0000; " src='http://cfile264.uf.daum.net/original/1661960F4CA5A2D469660B' allowScriptAccess="sameDomain" allowNetworking="internal" wmode="transparent" scale="exactfit" allowNetworking='internal' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'>
<! /div>
<! 음악>
<center>
<embed src="//www.youtube.com/v/djU4Lq_5EaM?autoplay=1&playlist=1&loop=1&showinfo=0&rel=0&theme=light" type="application/x-shockwave-flash" width="300" height="25" allowscriptaccess="always" allowfullscreen="true" allowScriptAccess='sameDomain'></embed></object>
</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>
<!태그제공박스--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<center> <! 태그제공박스2>
<! 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 #cccccc; 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 최신 업그레이드형 ♡에반쌤님 소스♡ >
<! ★전체소스는 가져가는 방법 커서를 태그소스안 여백에 넣으시고 Ctrl A(모두선택) 또는 (오른쪽마우스 모두선택) → Ctrl C(복사) 또는 (오른쪽마우스 복사) 하시고 →원하시는 곳에 Ctrl V(붙여넣기) 또는 (오른쪽마우스 붙여넣기) 하시면 됩니다)>
<! 1) 각자 개성에 맞게 원하는 본문 게시글을 작성합니다.>
<! 2) HTML 체크하시고 아래소스 전부를 작성하신 본문게시글 (위에) 붙여넣기 합니다.>
<! 3)★주의할점★ 반드시 작성하신 본문게시글(위에) 붙여넣기 해야 합니다. HTML 체크해제 하지마시고 바로 확인을 눌러서 게시글 작성을 마칩니다.>
<! 4) 본문 게시글 (본문시작)을 저와 다르게 작성 하실분은 아래↓>
<! 스마트 본문 글넣기 시작 → 이부분부터 ~ 끝까지 소스를 가지고 가지 않으시면 됩니다 >
<! 5) 본문게시글 (본문시작)을 저와 같은 스타일로 원하시는 경우>
<! 스마트 본문 글넣기 시작 → 글작성과 음악소스만 바꾸어서 대입하시면 됩니다.>
<! 6) 배경을 열람 하시고 나가실때는 마우스 포인터를 왼쪽끝에 ← 살짝 대주시면 카페 메뉴가 나타납니다 / 또는 오른쪽 상단에 최신목록이나 목록을 누르고 나가시면 됩니다.>
<! 총전체소스 시작 아래전부↓======================================================================================>
<! 2. 최신형 STD_v_4.1 최신 업그레이드형 ♡에반쌤님 소스♡ >
<! ★전체소스는 가져가는 방법 커서를 태그소스안 여백에 넣으시고 Ctrl A(모두선택) 또는 (오른쪽마우스 모두선택) → Ctrl C(복사) 또는 (오른쪽마우스 복사) 하시고 →원하시는 곳에 Ctrl V(붙여넣기) 또는 (오른쪽마우스 붙여넣기) 하시면 됩니다)>
<! 1) 각자 개성에 맞게 원하는 본문 게시글을 작성합니다.>
<! 2) HTML 체크하시고 아래소스 전부를 작성하신 본문게시글 (위에) 붙여넣기 합니다.>
<! 3)★주의할점★ 반드시 작성하신 본문게시글(위에) 붙여넣기 해야 합니다. HTML 체크해제 하지마시고 바로 확인을 눌러서 게시글 작성을 마칩니다.>
<! 4) 본문 게시글 (본문시작)을 저와 다르게 작성 하실분은 아래↓>
<! 스마트 본문 글넣기 시작 → 이부분부터 ~ 끝까지 소스를 가지고 가지 않으시면 됩니다 >
<! 5) 본문게시글 (본문시작)을 저와 같은 스타일로 원하시는 경우>
<! 스마트 본문 글넣기 시작 → 글작성과 음악소스만 바꾸어서 대입하시면 됩니다.>
<! 6) 배경을 열람 하시고 나가실때는 마우스 포인터를 왼쪽끝에 ← 살짝 대주시면 카페 메뉴가 나타납니다 / 또는 오른쪽 상단에 최신목록이나 목록을 누르고 나가시면 됩니다.>
<! 총전체소스 시작 아래전부↓======================================================================================>
<style> /* STD_v_4.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: 3700px; margin-top: -3500px; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #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; }
.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 , #ffffff); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ffffff); }
.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; } /* 입력댓글 색상 지정 */
/* 댓글판 별빛흐름 이미지 겹쳐깔기 */
.commentDiv {background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 );
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
</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: 3px solid #0000ff; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;}</STYLE>
<div style="position: absolute; top: 0px; width: 100%; left: 0%; " >
<div id="title" style="height:110px; border: 0px solid #999999; ">
<div id="TITLEBACKGROUND"> </div>
<div id="TITLEHOMELINK" class="hand"></div>
<div id="TITLECAFENAME"><img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" /></div>
<div id="TITLECAFEADDRESS"> <img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" /> </div>
<div id="TITLEMENUGROUP"> <div class="roundL"></div>
<ul id="menuItemList">
<li > <div class="menu1 first"> </div> </li><li class="mbar">|</li>
<li > <div class="menu2"> </div> </li> <li class="mbar">|</li>
<li > <div class="menu3"> </div> </li> <li class="mbar">|</li>
<li > <div class="menu4"> </div> </li> </ul>
</div> </div> <!-- end title -->
<style>
#TITLECAFENAME img {display: block; background: url(http://cfile279.uf.daum.net/image/261625505854B62120A966)
no-repeat; width: 324x; height: 63px; }
#TITLECAFENAME { width: 324px; height: 63px; left:50%; margin-left:-162px; border: 0 solid #ffffff; position:absolute; top: 5px; }
#TITLECAFENAME { width: 310px; height: 63px; left:50%; margin-left:-150px; border: 0 solid #ffffff; position:absolute; top: 5px; }
#TITLECAFEADDRESS { position: absolute; top: 55px; left: 50%; margin-left: -153px; border: 0px solid #ff0000; }
#TITLEMENUGROUP {position: absolute; top: 80px; left: 50%; margin-left: -225px; border: 0px solid #ff0000; }
#title {position: absolute; height: 110px ! important; width: 100% ! important; left:0px; top: 25px; }
</style>
<style>
/* 카페타이틀 파랑 배경깔기 */
#TITLEBACKGROUND {background-color: transparent; }
#TITLEBACKGROUND { background-color: #0000ff; border : 0px solid #333333; opacity:0.1; filter:alpha(opacity=10) ; }
</style>
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 배경 깔기 시작 =============================================================================>
<! 기본 배경 세트 시작 ==================== >
<! 전체배경 야자수 나무와 소녀 일러스트 이미지 >
<div style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0px; top: 0px; background-image: url(http://cfile284.uf.daum.net/attach/2427B94B595779A01D8BA2); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<! 좌측 초록잎사귀 날림 >
<div style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -2000; background-image: url( http://cfile265.uf.daum.net/attach/24329149593C56050907CF ); background-attachment: fixed; background-repeat: repeat-y; background-position: left top; ">
</div>
<! 스위시 장미꽃잎 떨어짐 에반쌤님꺼~ 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 40%; height:1200px; top: 5%; left: 34%; opacity:0.5; filter:alpha(opacity=50); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile270.uf.daum.net/media/214B7C3A51BEA97E171A26' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 전체 변색하트 이미지 깔지않음 >
<! div class='e100-container' style="Z-INDEX: -2000; position:absolute; top: 0px; width:100%; opacity:0.7; filter:alpha(opacity=70); background-image: url( http://cfile243.uf.daum.net/attach/27481F5058BCDC372E0A8B); background-attachment: fixed; background-repeat: repeat; background-position: center center; " >
<! /div>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: -2000; position: relative; top: -42px; ">
<! 타이틀 백그라운드 (왼쪽 사선으로 흐르는 빛) >
<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>
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<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: 1200px; left: 0%; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); background-image: url( http://cfile273.uf.daum.net/attach/24115650587CDE942BF306 ); 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 #0000ff;
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=휴먼편지체 >
<b>외로울 때 / 이성진</b>
이 세상 모두 섬인 것을
천만이 모여 살아도
외로우면 섬인 것을
욕심에서
질투에서
시기에서
폭력에서
멀어지다 보면
나도 모르게 떠있는 섬
이럴 때 천만이 모여 살아도
천만이 모두 혼자인 것을
어찌 물에 뜬 솔밭만이 섬이냐
나도 외로우면 섬인 것을
<div class="img_wrapper" >
<img src=http://cfile288.uf.daum.net/image/2476F74859577FE20DF11C width=500>
</div>
<! div class="embed_wrapper" >
<! embed style="width: 200px; height: 200px; top: 0%; left: 0%; margin-left: -0px; border: 0px solid #ff0000; " src='http://cfile264.uf.daum.net/original/1661960F4CA5A2D469660B' allowScriptAccess="sameDomain" allowNetworking="internal" wmode="transparent" scale="exactfit" allowNetworking='internal' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'>
<! /div>
<! 음악>
<center>
<embed src="//www.youtube.com/v/djU4Lq_5EaM?autoplay=1&playlist=1&loop=1&showinfo=0&rel=0&theme=light" type="application/x-shockwave-flash" width="300" height="25" allowscriptaccess="always" allowfullscreen="true" allowScriptAccess='sameDomain'></embed></object>
</center>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 1400px; " >
</div>
</TEXTAREA >
</center>
<div style="position:relative; height: 200px; "></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
―····자작ノ전체배경방
여름 야자수 나무와 소녀 일러스트 이미지
그대의열정
추천 27
조회 494
17.07.01 20:23
댓글 8
다음검색
첫댓글 <STYLE 1) 전체배경 - 야자수 나무와 소녀 일러스트 이미지 _primary>
body
{ background-image: url( http://cfile284.uf.daum.net/attach/2427B94B595779A01D8BA2 );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
흐르는 음악
Bobby Vinton - Mr. Lonely
바다가 부르는 계절
여름의 절정 7월입니다~
지치기 쉬운 계절에
오아시스처럼
늘 프레쉬하고 행복한 7월 되세여~~~♡
스마트 본문
위의 본문에서 글과 이미지에 마우스를 갖다 대시면
글과 이미지가 진하게 보임미다~
배경을 열람 하시고 나가실때는
마우스 포인터를 위의 본문에서 왼쪽끝에 ← 살짝 대주시면 카페 메뉴가 나타납니다~
또는 오른쪽 상단에 최신목록이나 목록을 누르고 나가시면 됩니다~
감사함다~~~♡
야자수와 소녀가 있는 고운 배경에
담아주신 고운 글과 노래에 감사 합니다
마음이 풍성한 나날이 되시고 행복 하세요
달과해님
굿모닝 상콤한 아침임미더~~~
수줍은듯
외롬이 느껴지는
소녀의 모습이
끌리더라구효~~~
ㅎㅎ~
파라다이스 가튼 저런곳에
가보고 싶네여~~~
댕겨가신 흔적에
감사드리오며
오늘도 고운날 되세여~~~♡
뭔가 이야기꺼리가 생각나는 고운 배경이미지 감사합니다
러브러브맨님
살짜쿵 숨은 소녀가
멍가 이야기 하고픈
그런 느낌이긴 함미더~
ㅎㅎ~
요방에도 댕겨가심에
감사드리오며
션한밤 행밤 되세효~~~♡
그대의열정님!
즐거운 휴일 되셨는지요?
비가 와서 좋은 하루였답니다
오늘도 아름다운 배경에 흠뻑 빠졌답니다
설짝 숨은 소녀가 매력적이네요
좋은 하루 빵긋 웃는 하루 되시기 바랍니다~♡
예향시인님
방그르여~~~
이배경은 보자마자 반해서
이미지 저장 해놓았는데
오쩌다 삭제 되어서
다시 찾는데 고생좀 했어효...
ㄷㄷㄷ
여백이 많은 공간은
그만큼 마음의 상상력을 키워주는듯 함미더~
ㅎㅎ
둑도록 감사해여~~~♡