손가락위의 나비 ( 여유로운 여인 )이미지

[(전체배경)]손가락위의 나비 ( 여유로운 여인 )이미지

작성자추억사랑|작성시간18.06.07|조회수135 목록 댓글 12

/* 광고 제거 */ .app_download_wrap, .cafegameBox, #sidebar1, #sideAd, .side_rss, .outBox, #cafeProfileImage {position:absolute; left:-50000px; } #daum-ad-root { width:0px; }


꽃길 /김종철

피고지고 
또 피고 있습니다 
마음하나 반듯한 사랑
동행하는 길은 
꽃길인 줄 믿습니다

바라만 봐도 좋은사람 
늘 곁에 있는 사람인 줄 믿습니다

유난히 
새벽바람이 멋있습니다 
작은 오솔길
꽃들이 춤을 춥니다

그대가 아름답습니다 
잔잔히 흐르는 냇물처럼 
간밤에 내린 이슬처럼
그대의 미소가 꽃길입니다

아침을 맞이하는 유리창
해맑게 
수정빛이 돋아나겠지요 
그대가 있어 
오늘이 꽃길인 줄 믿습니다 

그대가 천리길있다 해도
오늘은 
꽃길인줄 믿습니다 

내마음에 동행하는 날

  
 


 
<! 총전체소스 시작 아래전부↓======================================================================================>

<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;    }

 .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>
 
/* 광고 제거 */
 .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; }  

/* 댓글판 별빛흐름 이미지 겹쳐 깔기  */
   .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: 0.6;  background-color: #ffffff;   border: 2px solid #ff6699;  }

</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>
<! 배경 깔기 시작 =============================================================================>
 
   
<!  기본 배경 세트 시작 ====================    > 
 

<! 전체배경-1 손위의 나비이미지 > 
<div   style="z-index: -2000;  position: absolute;    width:100%;  height: 100%;   left: 0px;  top: 0px;     background-image: url(http://cfile241.uf.daum.net/image/998800455B0AA4361DB419  );   background-attachment: fixed;  background-repeat: no-repeat;    background-position: center center;   background-size: cover;      "> 
</div>   




<! 전체배경- 2 여유로운 여인이미지  > 
<div  class="avav"  style="z-index: -2000;    position: absolute;    width:100%;  height: 100%;   left: 0px;  top: 0px;      background-image: url(http://cfile263.uf.daum.net/image/991AA1435B07BBA615A6E4 );   background-attachment: fixed;  background-repeat: no-repeat;    background-position: center center;   background-size: cover;      "> 
</div>

<style> 
      .avav   {    animation-name: avav;  
                                  animation-duration: 15s;  
                                  animation-iteration-count: infinite;  animation-direction: alternate; 
                                 animation-timing-function: ease-in-out;   } 
   @keyframes avav  {      0%  {   opacity: 1;      transform:   scale(1)    rotateY(0deg);       }        
                                    50%  {   opacity: 0;     transform:   scale(1.05)    rotateY(90deg);      } 
                                   100%  {   opacity: 0.9;    transform:   scale(1.1)    rotateY(180deg);         }    }  
</style> 
   
<! 스위시 - 광선과 퍼지는 입자>
<EMBED    style="z-index: -2000; position: absolute;    width:100%; height:100%;  left: 0%;  top:0%;  opacity:0.7; filter:alpha(opacity=70);  "    scale="exactfit" type=application/x-shockwave-flash src=http://cfile248.uf.daum.net/original/2346274955BAB12704C75D wmode="transparent"  allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 - 빗방울>
<EMBED    style="z-index: -2000; position: absolute;    width:100%; height:100%;  left: 0%;  top:0%;  opacity:0.7; filter:alpha(opacity=70);  "    scale="exactfit" type=application/x-shockwave-flash src=http://pds81.cafe.daum.net/original/10/cafe/2008/08/09/07/58/489ccf7ed43ab wmode="transparent"  allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 - 날으는 나비떼>
<EMBED    style="z-index: -2000; position: absolute;    width:100%; height:100%;  left: 0%;  top:0%;  opacity:0.7; filter:alpha(opacity=70);  "    scale="exactfit" type=application/x-shockwave-flash src=http://cfile244.uf.daum.net/media/164A7F354D04E18D2C319B wmode="transparent"  allowNetworking='internal' allowScriptAccess='sameDomain'>
 



<!  기본 배경 세트 끝 ==================== >
 
<! 스크롤링 배경시작 =================================================== > 
<div style="z-index: -2000; position:  relative;  top:  -42px;       "> 
   
<! 타이틀 디자인 백그라운드 핑크색 >
<div style="position: absolute; top: 0px; width: 100%; height:110px; left: 0%;   " >           
<div style="position: absolute; top: 0px; width: 100%; height:110px;  left: 0%;             background-repeat: no-repeat;    background-position: center top;            background-image: url(); "> 
<div style="position: absolute; top: 0px; width: 100%; height:110px;  left: 0%;      background-color: #ff6699;     border :  0px solid #333333; opacity:0.1; filter:alpha(opacity=10) ;  ">
   </div>
   </div>
   </div> 

 
<! 타이틀 백그라운드 (왼쪽 사선으로 흐르는 빛) >
<embed  style="z-index: -2000;  position: absolute;       width: 100%;  height: 110px;    top: 0%;  left: 0%;    "   src=http://cfile282.uf.daum.net/media/111A254D4EC67B2D15B8D5    allowScriptAccess="sameDomain" allowNetworking="internal" wmode="transparent" scale="exactfit"    allowNetworking='internal' allowScriptAccess='sameDomain' type='application/x-shockwave-flash'> 
 
</div>


<! 스크롤링 배경 끝 =================================================== >  
 


<! 배경 깔기 끝 =================================================================>
<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 #ff6699;  

         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 소스와 함께 사용할 때>
<! distyle="z-index: 9999999;    margin-left:  10px;  top: 10px; width:  calc(100% -  10px); position: relative;  " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper"   >   
<center>
<table style="z-index: 9999991; position: relative;      "  >
<tbody>
<tr>
<! td width=45%><! /td>   
<td style=" padding: 10px 20px 10px 20px;     border : 0px solid #ff0000;  "  align=left   >   
<PRE><FONT  style="FONT-SIZE: 12pt" color=#000000 face=md개성체   face=휴먼편지체     >
꽃길 /김종철

피고지고 
또 피고 있습니다 
마음하나 반듯한 사랑
동행하는 길은 
꽃길인 줄 믿습니다

바라만 봐도 좋은사람 
늘 곁에 있는 사람인 줄 믿습니다

유난히 
새벽바람이 멋있습니다 
작은 오솔길
꽃들이 춤을 춥니다

그대가 아름답습니다 
잔잔히 흐르는 냇물처럼 
간밤에 내린 이슬처럼
그대의 미소가 꽃길입니다

아침을 맞이하는 유리창
해맑게 
수정빛이 돋아나겠지요 
그대가 있어 
오늘이 꽃길인 줄 믿습니다 

그대가 천리길있다 해도
오늘은 
꽃길인줄 믿습니다 

내마음에 동행하는 날 

<div class="img_wrapper" >
 <img src=" http://cfile241.uf.daum.net/image/998800455B0AA4361DB419   " class="txc-image" width="100%" id="A_99DC5E4B5ADF6F460CCADA"/> 
</div>  
<! 음악>
 
<EMBED style="WIDTH: 120px; HEIGHT: 43px" type=video/x-ms-asf src=http://club.catholic.or.kr/capsule/blog/download.asp?userid=769269&seq=1&id=67375&strmember=u90120&filenm=Summer+wine+%2D+Nancy+Sinatra%BF%CD+Lee+Hazlewood.wma loop="true" volume="0" autostart="flase" wmode="transparent" allownetworking="internal" x-x-allowscriptaccess="never" allowNetworking="internal" x-allowscriptaccess="sameDomain" allowNetworking='internal' allowScriptAccess='sameDomain'>

</font> 
</pre> 
</td>
<! td width=45%><! /td>   
</tr></tbody></table>
 

</center>    
</div><! table_wrapper 끝>
 
</div>  
<!-- 글넣기 끝 -->

<! 공백확보>
<div style=" height :  1300px; " > 
</div>

다음검색

북마크

댓글 12
댓글쓰기
답글쓰기

댓글 리스트

답댓글 작성자추억사랑 작성자 본인 여부 작성자 | 작성시간 18.06.07 벽어연 저두 다른분들 몰라요 ㅎ
제가 넘 하고 싶은거라서 적극적으로 질문햇어요 좀 염치없고 미안했어요
다들 고운신 분들이라 적극적으로 가르쳐 주시그라구요
삭제된 댓글입니다.
답댓글 작성자추억사랑 작성자 본인 여부 작성자 | 작성시간 18.06.07 테크 연습방으로 휘리릭 함가보세요
작성자맘짱 | 작성시간 18.06.08 참으로 사랑스럽습니다
멋진 영상과 배경 음원 고마워요
작성자현 민, | 작성시간 18.06.08 멋진 배경과 음악이 조화를 어울리는 이 아침에,,
슬라이드 배경이 좌우로 변행되는 방법,,
지난번과(회전) 다른 방법이네요,,
축하 드립니다,,,추억사랑님~~~~! 이미지 확대

댓글 전체보기

맨위로

카페 검색

답글 제목댓글(0)

CAFE

▣-일반배경방

[(전체배경)]손가락위의 나비 ( 여유로운 여인 )이미지

댓글

카페 검색