<![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:2; 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, #ccffff , #0033cc); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ccffff , EndColorStr=#0033cc ); }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #330066; } /* 댓글 색상 지정 */
.recomment_pos { color: #663399; } /* 답댓글 색상 지정*/
.longtail_comment textarea { color: #000000; } /* 입력댓글 색상 지정 */
/* 댓글판 별빛흐름 배경이미지 겹쳐 깔기 */
.commentDiv {background-image: url( http://cfile232.uf.daum.net/image/244A904256C0199533AE0B);
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
/* 댓글판 별빛흐름 배경이미지 겹쳐 깔기 */
.commentDiv {background-image: url( http://cfile232.uf.daum.net/image/244A904256C0199533AE0B);
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
/* 댓글판 마우스 오브아웃 */
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.6; }
.longtail_comment:hover { height: 220px; border: 1px 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; } */
/* @font-face define */
@font-face { font-family: md개성체; }
body, table, tr, td, select, input, div, form, textarea { font-family: md개성체; font-size:11pt; }
</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: 80%; }
.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: 0.6; background-color: #ffffff; border: 3px solid #0033cc; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;}</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; border: 0px solid #ff0000; background-image: url(http://cfile268.uf.daum.net/image/99EBA84F5B59DDAB350817 ); background-repeat: no-repeat; background-position: center bottom; 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://cfile251.uf.daum.net/image/99469D4A5B59DE184CB3C5 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<style>
.avav { animation-name: avav;
animation-duration: 14s;
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>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: 2000; position: relative; top: -42px; ">
<!-- 타이틀 디자인 배경 이미지 깔지 않음 -->
<div style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute;">
<div style='background-position: top; left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; background-image: url(""); background-repeat: no-repeat;'>
<div class="yyy5" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; "> </div>
<style>
.yyy5 { animation-name:yyy5;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyy5 { from {opacity: 0.15; width: 100%; margin-left: 0%;
background: linear-gradient( to bottom, #B2CCFF, #ffffff ); }
to {opacity: 0.15; width: 60%; margin-left: 20%;
background: linear-gradient( to bottom, #B2CCFF, #ffffff ); } }
.yyy6 { animation-name:yyy6;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyy6 { from { width: 100%; margin-left: 0%; }
to { width: 60%; margin-left: 20%; } }
</style>
<! 타이틀 배경이미지 또는 타이틀 배경색상 표시하지 않음>
<! div id="TITLEBACKGROUND" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; opacity:0.4; ">
<! /div>
<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>
<! 스크롤링 배경 끝 ===================================================>
<! 배경 깔기 끝 =================================================================>
<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="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 #0033cc;
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>
<img src="https://t1.daumcdn.net/cfile/cafe/99CB57405B55833628" width="100%">
주옥같은 클래식 명곡/ Notte Illuminata: Ich Liebe Dich - Andrea Bocelli
Ich liebe dich.
그대를 사랑합니다
so wie du mich.
당신이 날 사랑하는 것 처럼
am Abend und am Morgen
저녁에도 아침에도
Noch war kein Tag wo du und ich nicht teilten uns're Sorgen.
우리가 우리의 고통을 서로 나누지 않은 날은 없었어요
Auch waren sie fur dich und mich geteilt leicht zu ertragen
그리고 우리들은 그것들을 함께 감당하려고 늘 같이 나누었어요
Du troestest im Kummer mich.
내가 걱정할 때 당신은 나를 위로해 주고
ich weint' in deine Klagen in deine Klagen.
당신이 슬플 때 당신이 슬플 때 저는 울었지요
Drum Gottes Segen uber dir
하나님의 축복이 당신의 위에 있기를
du meines Lebens Freude
당신 나의 삶의 기쁨이여
Gott shutze dich erhalt' dich mir
하나님 그를 보호하시고 그가 늘 내게 있도록 해 주소서
schutz' und erhalt' uns beide.
우리 둘을 보호해 주시고 늘 함께하도록 해 주소서
Erhalt' uns beide.
우리 둘을 항상 함께하게 해 주소서
erhalt' uns beide.
우리 둘을 함께 하게 해 주소서
베토벤의 <Ich liebe dich(그대를 사랑해)>
무명시인 카를 프리드리히 헤로세
(Karl Friedrich Herrosee, 1754~1821)의 시에 베토벤이 곡을 붙혀 만든 곡이다.
단순 소박한 선율에 괴로움을 나누는 두 사람의
사랑이 부드러운 서정으로 녹아 있다.
신승훈의 <보이지 않는 사랑>
그에게 발라드의 황제란 수식어를 붙여준 곡으로
<보이지 않는 사랑>의 도입부에 베토벤의 가곡
<Ich Liebe Dich(이히 리베 디히)>을 삽입하였는데,
대한민국 최초로 대중가요에
클래식을 접목한 곡으로 발매 직후
파죽지세로 폭발적인 인기를 얻으며
SBS 인기가요에서 '14주 연속 1위'라는 전무후무한
대기록을 세웠고, 신승훈은 이 기록으로 한국 기네스북에 등재되었다
<img src="https://t1.daumcdn.net/cfile/cafe/99469D4A5B59DE184C" width="100%">
그대 있음에 / 김남조
그대의 근심 있는 곳에
나를 불러 손잡게 하라
큰 기쁨과 조용한 갈망이
그대 있음에 내 마음에 자라거늘
오, 그리움이여
그대 있음에 내가 있네
나를 불러 손잡게 하라
그대의 사랑 문을 열 때
내가 있어 그 빛에 살게 해
사는 것의 외롭고 고단함
그대 있음에 삶의 뜻을 배우니
오, 그리움이여
그대 있음에 내가 있네
나를 불러 그 빛에 살게 하라
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<! 음악>
<center>
<iframe width="1024" height="576" src="https://www.youtube.com/embed/AAptfMOT83M?playlist=AAptfMOT83M&rel=0&controls=0&showinfo=0&autoplay=1&loop=1" style="width: 711px; height: 232px;" frameb=""></iframe></center>
</center>
<! 공백확보>
<div style=" height : 600px; " >
</div>
<!-- -->
]]>
카페 게시글
―····감동ノ클래식가곡
주옥같은 클래식 명곡/ Notte Illuminata: Ich Liebe Dich - Andrea Bocelli
사과향기.
추천 29
조회 498
18.07.27 00:17
댓글 8
다음검색
첫댓글
클래식 한곡 들어면서..
우리님들 안녕히 주무세요~
사과향기 방장님. 오늘같은 무더위에 수고가 많습니다.
특히 대구 지방은 우리나라에서 제일 여름기온이 최근
새로운 신기록을 갈아 치우고 있군요..
그 동안 세미클 방은 단곡을 지향하여 모음곡을 권장하고
있는 점을 감안하시어 앞으로 세미클 모음곡들을 많이 실어 주시길~
언제나 변함없는 후원을 부탁하오며 건강하시고 행복하시길
기원합니다.
안녕하세요
주피터방장님
무더운날씨 기승부리는여름
어떻게 잘지내시겠죠?
네~ 대프리카지방..ㅎㅎㅎㅎ
더워도 살맛나군요~
더워도 더운줄 모르고..
그냥 오늘 날씨 덥다...정도로 느끼는거 겠죠...ㅎㅎ
아참
클래식 모음곡 올려야 하는데..
저가 실수 했습니다~
시간 허락되면 클래식음악 한세트 들고 오겠나이닷...^
사실은요
우리 주피터 방장님 수고 하시는마음
겸사겸사 인사도 할겸에 들였습니다~
저가 남의 집에 침입 잘안하는거 아시쥬~ㅎㅎㅎㅎㅎ
왜야면
방장님께서게시판 관리 잘해주시니..
요래 가끔 인사드린담니다~
감사~
건강 잘 챙시시고
휴일 잘 보내세요
소월길님^
휴식시간에 먹는 별식?처럼
토요 휴식시간을 님께서 올려 차려주신 좋은 노래로
아침시간을 멋있게 즐기네요.
고맙습니다.
안녕하세요
桑亭님
반가습니다
게속 무덥다가
살랑그리는 바람 사원해서 좋으네요~ ㅎㅎㅎ
오늘도 만나지는 인연속에
가슴마다 아름답고
고운 인연으로 기억되셨으면 좋겠습니다.
감사합니다~
휴일 잘보내세요~
감사히 즐감합니다..