<![CDATA[
<div class="figure-html" data-ke-type="html" data-source="
<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: 150px; position:relative; top: 20000px; margin-top: -19850px; }
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: 150px; position:relative; top: 20000px; margin-top: -19850px; }
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: 150px; position:relative; top: 20000px; margin-top: -19850px; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #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); }
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 , #ffffce); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ffffce); }
.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 #ffffff; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;} </style>
<style> /*페이지 75 픽셀 내리기 */ .list_btn_top { @margin-top: 75px; } #cafemenu { @margin-top: -3425px; } </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 #828282; padding-right: 0px; }
</style>
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 배경 깔기 시작 =============================================================================>
<! 기본 배경 세트 시작 ==================== >
<style>
body, #primaryContent
{ background-image:
url(no),
url(https://t1.daumcdn.net/cafeattach/uMpm/1716deb23365b876b29cba73a918e3b1a24ea8f2);
background-attachment: fixed;
background-color:#ffffff;
background-repeat: no-repeat ;
background-position: top right 10px, bottom right;
background-size:600px 600px,100%100%;}
</style>
<center>
<table cellpadding=10 cellspacing=0 width="720" height="405" style=" border:5px solid #6b6b6b ; box-shadow:1px 1px 20px 10px #7c7c7e;" align=center><tr>
<td tabindex="0" tabindex="0" tabindex="0" tabindex="0">
<iframe width="720" height="405" src="https://www.youtube.com/embed/?autoplay=1&loop=1&playlist=GtaZuIY4RWM"frameborder="0" allow="autoplay" allowfullscreen></iframe>
</td></tr></tbody></table></center>
<style>
#TITLEBACKGROUND {background-color: transparent; }
</style>
<style>
.cont_comment, #Content
{position:relative; width:850px; left:0%;
font-weight:bold; color:#000000;}
</style>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: 2000; position: relative; top: -42px; ">
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<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 #006600;
background-color:#ffffce;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 350px; 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 소스와 함께 사용하지 않을 때>
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 800px; " >
</div>
<center><textarea id="cwindow" style="border: 4px double blue; width: 550px; height: 100px;" rows="5" cols="50" scrolling="yes">I Can`t Stop Loving You - Anne Murray
1. 미디어 보이는 소스
<audio style="border:2.5px solid #ff00ff; border-radius:25px; width:250px;height:25px;" src= "https://blog.kakaocdn.net/dn/dhG0Qb/btsacfe2XhP/U7i2U5rYIyvWG7JCfKngN1/tfile.mp3" controls autoplay loop>"I Can`t Stop Loving You - Anne Murray "</audio>
2. 미디어 안 보이는 소스
<audio src="https://blog.kakaocdn.net/dn/dhG0Qb/btsacfe2XhP/U7i2U5rYIyvWG7JCfKngN1/tfile.mp3" autoplay loop>"I Can`t Stop Loving You - Anne Murray "</audio>
</textarea>
<br>
<br>
<br>
<div><div><br>
"><div data-ke-class="article">
<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: 150px; position:relative; top: 20000px; margin-top: -19850px; }
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: 150px; position:relative; top: 20000px; margin-top: -19850px; }
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: 150px; position:relative; top: 20000px; margin-top: -19850px; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #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); }
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 , #ffffce); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffffff , EndColorStr=ffffce); }
.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 #ffffff; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;} </style>
<style> /*페이지 75 픽셀 내리기 */ .list_btn_top { @margin-top: 75px; } #cafemenu { @margin-top: -3425px; } </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 #828282; padding-right: 0px; }
</style>
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 배경 깔기 시작 =============================================================================>
<! 기본 배경 세트 시작 ==================== >
<style>
body, #primaryContent
{ background-image:
url(no),
url(https://t1.daumcdn.net/cafeattach/uMpm/1716deb23365b876b29cba73a918e3b1a24ea8f2);
background-attachment: fixed;
background-color:#ffffff;
background-repeat: no-repeat ;
background-position: top right 10px, bottom right;
background-size:600px 600px,100%100%;}
</style>
<center>
<table cellpadding=10 cellspacing=0 width="720" height="405" style=" border:5px solid #6b6b6b ; box-shadow:1px 1px 20px 10px #7c7c7e;" align=center><tr>
<td tabindex="0" tabindex="0" tabindex="0" tabindex="0">
<iframe width="720" height="405" src="https://www.youtube.com/embed/?autoplay=1&loop=1&playlist=GtaZuIY4RWM"frameborder="0" allow="autoplay" allowfullscreen></iframe>
</td></tr></tbody></table></center>
<style>
#TITLEBACKGROUND {background-color: transparent; }
</style>
<style>
.cont_comment, #Content
{position:relative; width:850px; left:0%;
font-weight:bold; color:#000000;}
</style>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: 2000; position: relative; top: -42px; ">
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<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 #006600;
background-color:#ffffce;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 350px; 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 소스와 함께 사용하지 않을 때>
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 800px; " >
</div>
<center><textarea id="cwindow" style="border: 4px double blue; width: 550px; height: 100px;" rows="5" cols="50" scrolling="yes">I Can`t Stop Loving You - Anne Murray
1. 미디어 보이는 소스
<audio style="border:2.5px solid #ff00ff; border-radius:25px; width:250px;height:25px;" src= "https://blog.kakaocdn.net/dn/dhG0Qb/btsacfe2XhP/U7i2U5rYIyvWG7JCfKngN1/tfile.mp3" controls autoplay loop>"I Can`t Stop Loving You - Anne Murray "</audio>
2. 미디어 안 보이는 소스
<audio src="https://blog.kakaocdn.net/dn/dhG0Qb/btsacfe2XhP/U7i2U5rYIyvWG7JCfKngN1/tfile.mp3" autoplay loop>"I Can`t Stop Loving You - Anne Murray "</audio>
</textarea>
<br>
<br>
<br>
<div><div><br>
</div></div>
<!-- -->
]]>
카페 게시글
☞〓▶중국♡엔카방
I Can`t Stop Loving You - Anne Murray
시연
추천 0
조회 86
23.04.14 12:11
댓글 3
다음검색
첫댓글 안녕하세요
음원 소스방이 개설하셨네요
시간이 주어지면
음원 소스 제공해 드리겠습니다
필요하신 음원 있으시면 달글 달아주세요
1) I Can`t Stop Loving You - Anne Murray
2) 김희진 - 영원한 나의사랑
3) youtube 음원 주소, 이런 식으로 정확하게 말이입니다
가수이름과 음악 제목
정확하지 않으면 소스 지원 없습니다
어제는 지나간 역사이고 내일은 알수없는 또한 신비의
세계이며 오늘만이 나에게 주어진선물입니다 오늘
이란 고마운 선물에 행복을 가득수놓아가는
멋진하루되세요♡
어제는 지나간 역사이고 내일은 알수없는 또한 신비의
세계이며 오늘만이 나에게 주어진선물입니다 오늘
이란 고마운 선물에 행복을 가득수놓아가는
멋진하루되세요♡