<![CDATA[
<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 , #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 #000000; }
</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://cfile266.uf.daum.net/attach/9971E3475A66B6762FB234 ); 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://cfile251.uf.daum.net/attach/9920BA445A66D4C2156033 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<style>
.avav { animation-name: avav;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes avav { from { opacity: 0; }
to { opacity: 1; } }
</style>
<! 인감도장 >
<style> body, a:hover {cursor: url( http://cfile247.uf.daum.net/attach/253C0B48588774B6030A77 ), progress !important;} </style>
<! 스위시 변색박스 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 100%; height:100%; top: 0%; left: 0%; opacity:1.0; filter:alpha(opacity=100); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile255.uf.daum.net/media/13521F3E50E80BF61FD3CD' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 20%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 50%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: 2000; position: relative; top: -42px; ">
<!-- 타이틀 디자인 -->
<div style="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("http://cfile281.uf.daum.net/image/2711AA4B5854B57C235848"); background-repeat: no-repeat;'>
<div class="yyy" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; "> </div>
</div>
</div>
<style>
.yyy:hover { animation-play-state: paused; border: 1px solid #000000; }
.yyy { animation-name: yyykfdef;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyykfdef { from {opacity: 0.15; width: 100%; margin-left: 0%; background-color: #ffff00; }
to {opacity: 0.15; width: 60%; margin-left: 20%; background-color: #0000ff; } }
</style>
</div>
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 > <! div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <div style="position: relative; top: -42px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <! div style="position: relative; top: -42px; overflow: hidden; ">
<! 부분 배경 - 나뭇가지와 금빛물결 이미지 깔지 않음 >
<! div style="Z-INDEX: -2000; position:absolute; top: 2900px; left: 0%; width:100%; height:100%; opacity:0.3; filter:alpha(opacity=30); background-image: url( http://cfile298.uf.daum.net/attach/99C2644D5A636DD11ABC1F ); 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 #000000;
background-color:#ffffff;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 200px; width: calc(100% - 10px); position: relative; " > <! 4.1 소스와 함께 사용할 때>
<! div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper" >
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
<td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#000000 face=md개성체 face=휴먼편지체 >
<div class="img_wrapper" >
<img src=http://cfile292.uf.daum.net/image/9935A4475A66B6730E2AED width=100%>
</div>
<b>갈매기
한자로는 보통 구(鷗)로 쓰였고 백구(白鷗)·해구(海鷗)·
수효(水鴞)·신부(信鳧)·예(鷖)라고도 하였다.
우리말로는 갈며기·갈머기·갈막이·해고양이라고도 하였으며,
검은 것을 걸구(乞句)라 하였다.
전세계에 약 86종이 알려져 있으며,
우리 나라에서는 붉은부리갈매기·재갈매기·큰재갈매기·갈매기
괭이갈매기·검은머리갈매기·목테갈매기·세가락갈매기 등
갈매기속 8종과, 흰죽지갈매기·제비갈매기·쇠제비갈매기 등
제비갈매기속 3종이 알려져 있다.
그 가운데 6종은 겨울새이고, 1종은 여름새, 10종은
나그네새(통과새), 2종은 길 잃은 새［迷鳥］이고,
괭이갈매기 1종만이 텃새이다.
갈매기는 전체의 길이가 44.5㎝로, 머리와 몸집
아래는 흰색, 등과 날개 위쪽은 청회색이다.
겨울 깃은 머리에 검은 반점이 있다.
부리는 가늘고 황색이며, 다리도 황색이고, 눈은 검다.
어린 새는 연한 갈색 바탕에 갈색의 반문이 있으며,
부리는 검은색이다. 유럽과 아시아대륙, 북미대륙 서반부의
아한대에서 한대에 걸쳐 번식하며 우리 나라에는 겨울에 날아온다.
</b>
<div class="img_wrapper" >
<img src=http://cfile263.uf.daum.net/image/9990BC445A66D4BE1DF35D width=100%>
</div>
<! 음악>
<center>
<iframe width="300" height="25" src="https://www.youtube.com/embed/_aLLpb5Y8nI?autoplay=1&playlist=_aLLpb5Y8nI&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
<! 갈매기 파도소리>
<embed src="https://t1.daumcdn.net/cafefile/pds50/10_cafe_2008_06_20_19_30_485b86cba023b" type="audio/mpeg" hidden="true" wmode="transparent" loop="-1" volume="0" allownetworking="internal" allowscriptaccess="sameDomain" allowNetworking='internal' allowScriptAccess='sameDomain'>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 1200px; " >
</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://cfile266.uf.daum.net/attach/9971E3475A66B6762FB234 );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
<! 2) 카페메뉴 반투명>
<style>
#cafe_gnb, #header, #cafemenu { opacity:0.5; filter:alpha(opacity=50); }
.list_btn_area , .commentDiv { opacity:0.6; filter:alpha(opacity=60); }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
</style>
<! 3) 댓글판>
<style> /* 댓글판 배경이미지 깔기 */
.commentDiv { opacity:1; filter:alpha(opacity=100); }
.commentDiv, .comment_pos, .recomment_pos, .longtail_comment { background-color: transparent ! important; }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
.commentBox { opacity:0.7; filter:alpha(opacity=70); }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #0000ff; } /* 댓글 색상 지정 */
.recomment_pos { color: #0000ff; } /* 답댓글 색상 지정*/
.longtail_comment textarea { color: #0000ff; } /* 입력댓글 색상 지정
/* 댓글판 부산 해운대 바닷가 여인들 이미지 겹쳐깔기 */
.commentBox { background-image: url( http://cfile251.uf.daum.net/attach/9920BA445A66D4C2156033 );
background-attachment: fixed;
background-repeat: no-repeat; background-position: center center; background-size:cover; }
/* 댓글판 마우스 오브아웃 */
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.8; }
.longtail_comment:hover { height: 220px; border: 3px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
</style>
<style>
/* 댓글 속성 지정 (글자 굵기, 서체, 글자 크기) */
.longtail_comment textarea , .comment_contents
{ font-weight: bold; font-family:함초롬바탕 ! important; font-size:13pt ! important; }
/* { font-weight: bold; font-family:HY목판L ! important; font-size:14pt ! important; } */
</style>
<! 4)상단 카페타이틀>
<style> /* 카페 타이틀 연노랑 그라데이션 */
#TITLEBACKGROUND {background-color: transparent; }
#title
{ background: linear-gradient( to bottom, #ffffce , #ffffff );
opacity:0.9; filter:alpha(opacity=90)
progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffce, 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 #000000;
background-color:#ffffff;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<! div style="z-index: 9999999; margin-left: 10px; top: 200px; width: calc(100% - 10px); position: relative; " > <! 4.1 소스와 함께 사용할 때>
<div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper" >
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
<td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#000000 face=md개성체 face=휴먼편지체 >
<div class="img_wrapper" >
<img src=http://cfile292.uf.daum.net/image/9935A4475A66B6730E2AED width=100%>
</div>
<b>갈매기
한자로는 보통 구(鷗)로 쓰였고 백구(白鷗)·해구(海鷗)·
수효(水鴞)·신부(信鳧)·예(鷖)라고도 하였다.
우리말로는 갈며기·갈머기·갈막이·해고양이라고도 하였으며,
검은 것을 걸구(乞句)라 하였다.
전세계에 약 86종이 알려져 있으며,
우리 나라에서는 붉은부리갈매기·재갈매기·큰재갈매기·갈매기
괭이갈매기·검은머리갈매기·목테갈매기·세가락갈매기 등
갈매기속 8종과, 흰죽지갈매기·제비갈매기·쇠제비갈매기 등
제비갈매기속 3종이 알려져 있다.
그 가운데 6종은 겨울새이고, 1종은 여름새, 10종은
나그네새(통과새), 2종은 길 잃은 새［迷鳥］이고,
괭이갈매기 1종만이 텃새이다.
갈매기는 전체의 길이가 44.5㎝로, 머리와 몸집
아래는 흰색, 등과 날개 위쪽은 청회색이다.
겨울 깃은 머리에 검은 반점이 있다.
부리는 가늘고 황색이며, 다리도 황색이고, 눈은 검다.
어린 새는 연한 갈색 바탕에 갈색의 반문이 있으며,
부리는 검은색이다. 유럽과 아시아대륙, 북미대륙 서반부의
아한대에서 한대에 걸쳐 번식하며 우리 나라에는 겨울에 날아온다.
</b>
<div class="img_wrapper" >
<img src=http://cfile263.uf.daum.net/image/9990BC445A66D4BE1DF35D width=100%>
</div>
<! 음악>
<center>
<iframe width="300" height="25" src="https://www.youtube.com/embed/_aLLpb5Y8nI?autoplay=1&playlist=_aLLpb5Y8nI&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
<! 갈매기 파도소리>
<embed src="https://t1.daumcdn.net/cafefile/pds50/10_cafe_2008_06_20_19_30_485b86cba023b" type="audio/mpeg" hidden="true" wmode="transparent" loop="-1" volume="0" allownetworking="internal" allowscriptaccess="sameDomain" allowNetworking='internal' allowScriptAccess='sameDomain'>
</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) 배경을 열람 하시고 나가실때는 마우스 포인터를 왼쪽끝에 ← 살짝 대주시면 카페 메뉴가 나타납니다 / 또는 오른쪽 상단에 최신목록이나 목록을 누르고 나가시면 됩니다.>
<! 총전체소스 시작 아래전부↓======================================================================================>
<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 , #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 #000000; }
</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://cfile266.uf.daum.net/attach/9971E3475A66B6762FB234 ); 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://cfile251.uf.daum.net/attach/9920BA445A66D4C2156033 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<style>
.avav { animation-name: avav;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes avav { from { opacity: 0; }
to { opacity: 1; } }
</style>
<! 스위시 변색박스 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 100%; height:100%; top: 0%; left: 0%; opacity:1.0; filter:alpha(opacity=100); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile255.uf.daum.net/media/13521F3E50E80BF61FD3CD' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 20%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스위시 별반짝 깔지않음 >
<! EMBED style="z-index: -1000; position: absolute; width: 30%; height:80%; top: 10%; left: 50%; opacity:0.4; filter:alpha(opacity=40); " scale="exactfit" type=application/x-shockwave-flash src='http://cfile249.uf.daum.net/original/22794A3A560FA1E430D12F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: 2000; position: relative; top: -42px; ">
<!-- 타이틀 디자인 -->
<div style="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("http://cfile281.uf.daum.net/image/2711AA4B5854B57C235848"); background-repeat: no-repeat;'>
<div class="yyy" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; "> </div>
</div>
</div>
<style>
.yyy:hover { animation-play-state: paused; border: 1px solid #000000; }
.yyy { animation-name: yyykfdef;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyykfdef { from {opacity: 0.15; width: 100%; margin-left: 0%; background-color: #ffff00; }
to {opacity: 0.15; width: 60%; margin-left: 20%; background-color: #0000ff; } }
</style>
</div>
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 > <! div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <div style="position: relative; top: -42px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <! div style="position: relative; top: -42px; overflow: hidden; ">
<! 부분 배경 - 나뭇가지와 금빛물결 이미지 깔지 않음 >
<! div style="Z-INDEX: -2000; position:absolute; top: 2900px; left: 0%; width:100%; height:100%; opacity:0.3; filter:alpha(opacity=30); background-image: url( http://cfile298.uf.daum.net/attach/99C2644D5A636DD11ABC1F ); 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 #000000;
background-color:#ffffff;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 200px; width: calc(100% - 10px); position: relative; " > <! 4.1 소스와 함께 사용할 때>
<! div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper" >
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
<td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#000000 face=md개성체 face=휴먼편지체 >
<div class="img_wrapper" >
<img src=http://cfile292.uf.daum.net/image/9935A4475A66B6730E2AED width=100%>
</div>
<b>갈매기
한자로는 보통 구(鷗)로 쓰였고 백구(白鷗)·해구(海鷗)·
수효(水鴞)·신부(信鳧)·예(鷖)라고도 하였다.
우리말로는 갈며기·갈머기·갈막이·해고양이라고도 하였으며,
검은 것을 걸구(乞句)라 하였다.
전세계에 약 86종이 알려져 있으며,
우리 나라에서는 붉은부리갈매기·재갈매기·큰재갈매기·갈매기
괭이갈매기·검은머리갈매기·목테갈매기·세가락갈매기 등
갈매기속 8종과, 흰죽지갈매기·제비갈매기·쇠제비갈매기 등
제비갈매기속 3종이 알려져 있다.
그 가운데 6종은 겨울새이고, 1종은 여름새, 10종은
나그네새(통과새), 2종은 길 잃은 새［迷鳥］이고,
괭이갈매기 1종만이 텃새이다.
갈매기는 전체의 길이가 44.5㎝로, 머리와 몸집
아래는 흰색, 등과 날개 위쪽은 청회색이다.
겨울 깃은 머리에 검은 반점이 있다.
부리는 가늘고 황색이며, 다리도 황색이고, 눈은 검다.
어린 새는 연한 갈색 바탕에 갈색의 반문이 있으며,
부리는 검은색이다. 유럽과 아시아대륙, 북미대륙 서반부의
아한대에서 한대에 걸쳐 번식하며 우리 나라에는 겨울에 날아온다.
</b>
<div class="img_wrapper" >
<img src=http://cfile263.uf.daum.net/image/9990BC445A66D4BE1DF35D width=100%>
</div>
<! 음악>
<center>
<iframe width="300" height="25" src="https://www.youtube.com/embed/_aLLpb5Y8nI?autoplay=1&playlist=_aLLpb5Y8nI&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
<! 갈매기 파도소리>
<embed src="https://t1.daumcdn.net/cafefile/pds50/10_cafe_2008_06_20_19_30_485b86cba023b" type="audio/mpeg" hidden="true" wmode="transparent" loop="-1" volume="0" allownetworking="internal" allowscriptaccess="sameDomain" allowNetworking='internal' allowScriptAccess='sameDomain'>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<! 공백확보>
<div style=" height : 1200px; " >
</div>
</TEXTAREA >
</center>
<div style="position:relative; height: 200px; "></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
답글
수정
삭제
스팸처리
다음검색
첫댓글 <STYLE 1) 전체배경 - 부산 해운대 파도와 갈매기 이미지 _primary>
body
{ background-image: url( http://cfile266.uf.daum.net/attach/9971E3475A66B6762FB234 );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
흐르는 음악
Sad Lisa - Chyi Yu 齊豫 + 갈매기 소리 음원
배경 / 이쁜이미지
글번호11309 "겨울바다 새해 힘찬 부산갈매기"
해운대 바닷가의 풍경
멋진작품 담아 주신
모모수계 작가님께 깊은 감사를 드림미더~~~♡
<STYLE 2) 전체배경 - 부산 해운대 바닷가 여인들 이미지 _primary>
body
{ background-image: url( http://cfile251.uf.daum.net/attach/9920BA445A66D4C2156033 );
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }
</STYLE>
스마트 본문
위의 본문에서 글과 이미지에 마우스를 갖다 대시면
글과 이미지가 진하게 보임미다~
배경을 열람 하시고 나가실때는
마우스 포인터를 위의 본문에서 왼쪽끝에 ← 살짝 대주시면 카페 메뉴가 나타납니다~
또는 오른쪽 상단에 최신목록이나 목록을 누르고 나가시면 됩니다~
전체배경1 / 전체배경2
10s 주기로 반복됩니다~
투명도 0~1까지 완전투명에서 완전불투명으로 반복됩니다
이태그의 장점은 배경1 배경2가 조화롭게 어울리다가
각각 선명한 배경연출이 가능하게 되었습니다~
♡BY 에반♡
스마트폰에서 감상 하시려면
daum에서 카페검색 →좋은글과 좋은음악이 있는곳
하단에 PC보기
스마트폰 회전 가로보기로
보시면 즐감 하실수 있습니다~
감사합니다...그대의열정님!
오늘 많이 추우시죠?
따끈한 오뎅국물이 생각나는 시간입니다.
포근한 저녁시간 맞이 하시길 바랍니다...^^*
바다의 사나이
바다고동님
올만이예여~~~
날씨가 추울때는 오뎅국물이 땡기져~
ㅎㅎ~
내일은 더 춥닥하는데
정말 겨울이 지루 함미더...
다가올 봄을 꿈꾸며
따스이한 저녁시간 되세여~~~♡
바다배경 이미지
멋지고 아름답습니다.
감사합니다. 좋은시간 되세요^^
유토피아1님
방가방가 해여~~~
바다는 꿈틀거리는 생명력이 있어여~
겨울바다는 한적하고
낭만이 있어서 좋아라 함미더~~~
힛~
저녁시간도 따스이 하게
즐겁게 보내세여~~~
감사함다~~~♡
우와~~
열정님..방가링..ㅎㅎ
저두 요기 갈매기들의 앉아있는 모습...
요 거 배경으로 하나 만들어서 올리고 인사해봐야지..
생각은 했었어요..생각만...ㅎㅎ
정말 멋지게도 근사하게 잘 만들어 주셨네요..
아참, 별일은 없으시져?
인사도 자주 못드리구...ㅠㅠ
늘 죄송해요.
조만 간에 또 인사드리고 할게요.
오늘 엄청 추운 날씨~~~
담에 또 뵐게요..^^
퍼어플님
방가딩가 해여~~~
바닷가의 갈매기 칭구들이
정겨워여~~~
힛~
다덜 바쁘게 살다가 하는 취미생활이라
시간날때 쉬엄쉬엄 하세영~
밥만으론 살수 업는 잉간인지라
취미활동도 중요하져~
낼은 더 춥닥 하는데
정말 걱정임미더...
따스히 행복한 저녁시간 되세여~~~♡
바다와 갈매기 배경 아름답습니다.
감사합니다. 방장님^^
기분이님
방가방가 하옴미더~~~
한적한 겨울바다가 운치있져...
시간이 좀 나면
겨울바다 여행을 가고 싶네여...
방문에 감사드리옵그
자쥬 오셔가 즐건시간 되세여~~~♡
해운대 은빛바다 배경
감사 드립니다. 
하셔서..
건강하시구
^^
감성적으로 잘 펼쳐 주셧습니다.
방장님
요즘 바쁘시나 보옵니다
뜸
한파소식
새해 좋은일에 복많이 받으시길바랍니다.
모모수계 작가님
여
해운대 바닷가의 운치를
사진작품에 고스란히 담아오셔가
덕분에 생생한 바다내음을 느껴 봄미더
노을빛 바다도 알홈답지만
햇살에 투영되는 은빛바다도 장관임미더
늘 감사드리옵그
제가 건강이 앙조아져가
배경자겁을 쉬엄쉬엄 하고 이써여...
수면 부족으로 잠자는 시간을
늘이려고 노력하고 있어여...
늘 깊은 감사를 드리오며
한파에 몸관리 잘하시궁
따스이한 밤 되세여
그대의열정님!
빵긋 좋은 아침입니다
시원한 바다의 갈매기들
마음까지 상쾌해지네요
오늘은 최강추위니 따뜻하게 계시고
즐거운 수요일 되십시오~♡♡
예향 시인님
댕겨 가셨네여~~~
늦은 댓글에 늘 죄송하구여...
한적한 겨울 바다도 가보그
맛난회드 먹그
그러고 싶네여~~~
힛~
늘 바쁘게 사는 삶이...
그렇다죠...
한파가 내일까정 기승을 하는데
따스이 건강관리 잘하세여~~~♡
안녕하세요...
울 멋진 그대의열정님....
연일 많이도 춥습니다.
이 넘의 독감도 유행 하구요.....
유행 하는 독감 하고는 멀리...멀리 하시고....
늘 건안 하시길 소망하여 봅니다.
내려주신...
아름답고 멋진 배경에 머물며.....
수요일 오후를 마감 할까 합니다
따스함 가득하신 저녁 시간을 맞이 하시구요.....
감사합니다.
호돌님
방가르여~~~
겨울철 건강관리가 가장 힘등거 가타여...
면역력도 떨어지고...
그래서 몸에 좋은 음식만 가려먹공
운동도 하공~
그래야 겠져~~~
따스이한 댓글
감사감사 해여~~~♡