<![CDATA[
<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/aVeZ/06b055643e05182e1418b13e164ffd9b6354adaa" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/aVeZ/06b055643e05182e1418b13e164ffd9b6354adaa" data-origin-width="3000" data-origin-height="3750"></div><div class="figure-html" data-ke-type="html" data-source=" <style>
h3 {color: rgba(0, 0, 0, 0); font-size: 0pt !important;
background: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/8e972d07d68271dbd12b2ef466a5fb0a3d303c2c?type=thumb&opt=R667x0a')no-repeat center;
background-size: 310px;
padding: 100px 0 100px 0;}
</style>
<style>
div, li, body{
background-image: linear-gradient(#020202 0%, #020202 100%);
}
</style>
<div style="width:350px; height:200px; background-color:#fff; margin:auto; border-radius:5px; overflow:hidden; position:relative;">
<iframe src="https://www.youtube.com/embed/VjvzYjU1mY0?si=NHhRE0JAtq6XhssX&autoplay=1" allow="autoplay; encrypted-media" allowfullscreen style="position:absolute; top:0; left:0; width:100%; height:100%; border:none; object-fit:cover;"></iframe>
</div>
<style>
.cafeview_subject {
border: none;
}
[class*="banner"], .btn_paging {
display: none !important;
}
</style>
<style>
#mArticle > div:nth-child(1) > div:nth-child(2){display:none !important;}
</style>
<style>
.figure-img {display: none !important;}
</style>
<style>
#mArticle > div:nth-child(10) {display:none;}
</style>
<style>
/*첨부파일 제거*/
#btn_attach{display:none !important;}
</style>"><div data-ke-class="article"> <style>
h3 {color: rgba(0, 0, 0, 0); font-size: 0pt !important;
background: url('https://t1.daumcdn.net/cafeattach/1ZcFZ/8e972d07d68271dbd12b2ef466a5fb0a3d303c2c?type=thumb&opt=R667x0a')no-repeat center;
background-size: 310px;
padding: 100px 0 100px 0;}
</style>
<style>
div, li, body{
background-image: linear-gradient(#020202 0%, #020202 100%);
}
</style>
<div style="width:350px; height:200px; background-color:#fff; margin:auto; border-radius:5px; overflow:hidden; position:relative;">
<iframe src="https://www.youtube.com/embed/VjvzYjU1mY0?si=NHhRE0JAtq6XhssX&autoplay=1" allow="autoplay; encrypted-media" allowfullscreen style="position:absolute; top:0; left:0; width:100%; height:100%; border:none; object-fit:cover;"></iframe>
</div>
<style>
.cafeview_subject {
border: none;
}
[class*="banner"], .btn_paging {
display: none !important;
}
</style>
<style>
#mArticle > div:nth-child(1) > div:nth-child(2){display:none !important;}
</style>
<style>
.figure-img {display: none !important;}
</style>
<style>
#mArticle > div:nth-child(10) {display:none;}
</style>
<style>
/*첨부파일 제거*/
#btn_attach{display:none !important;}
</style></div></div><p> </p><p> <span style="color: #000000;">올데이 프로젝트 올데프 달글 </span></p><div class="figure-html" data-ke-type="html" data-source="<div class="container">
<!-- 라디오 버튼 10개 -->
<input type="radio" id="i1" name="images" checked/>
<input type="radio" id="i2" name="images" />
<input type="radio" id="i3" name="images" />
<input type="radio" id="i4" name="images" />
<input type="radio" id="i5" name="images" />
<!-- 슬라이드 이미지 10개 -->
<div class="slide_img" id="one">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f40d2e8e69b000616d830b8444c92037a3a2b2d0?type=thumb&opt=R667x0a" >
<label class="prev" for="i5"><span></span></label>
<label class="next" for="i2"><span></span></label>
</div>
<div class="slide_img" id="two">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/47f62eda34a0d5cff985451fc5ec119785fc09e4?type=thumb&opt=R667x0a" >
<label class="prev" for="i1"><span></span></label>
<label class="next" for="i3"><span></span></label>
</div>
<div class="slide_img" id="three">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/30ea147e6238a71522093a6ed34642fdf2b40bc8?type=thumb&opt=R667x0a" >
<label class="prev" for="i2"><span></span></label>
<label class="next" for="i4"><span></span></label>
</div>
<div class="slide_img" id="four">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/65ae01539ae0e19b1dfe053cd7676e017f9ac5ba?type=thumb&opt=R667x0a" >
<label class="prev" for="i3"><span></span></label>
<label class="next" for="i5"><span></span></label>
</div>
<div class="slide_img" id="five">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7de23c4814d2fe8c24b578fbd12ecc7e13fbecc9?type=thumb&opt=R667x0a" >
<label class="prev" for="i4"><span></span></label>
<label class="next" for="i1"><span></span></label>
</div>
<!-- 점 네비게이션 10개 -->
<div id="nav_slide">
<label for="i1" class="dots" id="dot1"></label>
<label for="i2" class="dots" id="dot2"></label>
<label for="i3" class="dots" id="dot3"></label>
<label for="i4" class="dots" id="dot4"></label>
<label for="i5" class="dots" id="dot5"></label>
</div>
</div>
<style>
.container {
margin: 0 auto;
margin-top: 20px;
position: relative;
width: 70%;
height: 0;
padding-bottom: 70%;
overflow-y: hidden;
user-select: none;
background-color: #1c1c1c;
box-shadow: 0 11px 22px rgba(0, 0, 0, 0.20), 0 7px 7px rgba(0, 0, 0, 0.24);
font-family: 'Just Another Hand', cursive;
overflow-x: hidden;
}
.container input {
display: none;
}
.container .slide_img {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.container .slide_img img {
width: 92%;
height: 100%;
object-fit: cover;
display: block;
transform: translateX(18px);
}
.container .slide_img .prev,
.container .slide_img .next {
width: 100%;
height: 90%;
position: absolute;
top: 0;
background-color: transparent;
z-index: 99;
transition: .45s;
cursor: pointer;
text-align: center;
}
.container .slide_img .prev {
left: 110px; /* 왼왼쪽 버튼도 더 안으로 */
top: 90%; /* 약간 아래쪽으로 이동 */
transform: translateY(-50%);
}
.container .slide_img .next {
right: 85px; /* 오른쪽 버튼도 더 안으로 */
top: 90%; /* 약간 아래쪽으로 이동 */
transform: translateY(-50%);
}
.container .slide_img .prev:hover,
.container .slide_img .next:hover {
background-color: transparent;
}
.container .slide_img .prev span,
.container .slide_img .next span {
position: absolute;
width: 0;
height: 0;
border: solid 20px;
top: 50%;
transform: translate(-50%);
}
.container .slide_img .prev span {
border-color: transparent #fff transparent transparent;
right: 35%;
}
.container .slide_img .next span {
border-color: transparent transparent transparent #fff;
left: 35%;
}
/* 슬라이드 활성화 */
#i1:checked ~ #one,
#i2:checked ~ #two,
#i3:checked ~ #three,
#i4:checked ~ #four,
#i5:checked ~ #five,
#i6:checked ~ #six,
#i7:checked ~ #seven,
#i8:checked ~ #eight,
#i9:checked ~ #nine,
#i10:checked ~ #ten {
z-index: 0;
animation: scroll 1s ease-in-out;
}
@keyframes scroll {
0% { opacity: .4; }
100% { opacity: 1; }
}
@media screen and (max-width: 685px) {
.container {
border: none;
width: 100%;
height: 0;
padding-bottom: 84%;
}
.container .slide_img img {
width: 90%;
transform: translateX(18px); /* 필요 시 미세 조정 */
}
.container .slide_img .prev,
.container .slide_img .next {
width: 14%;
height: 15%;
}
.container .slide_img .prev span,
.container .slide_img .next span {
border: solid 12px;
}
.container .slide_img .prev span {
border-color: transparent #fff transparent transparent;
}
.container .slide_img .next span {
border-color: transparent transparent transparent #fff;
}
}
.yt {
margin: 0 auto;
margin-top: 30px;
width: 80px;
height: 40px;
border-radius: 4px;
text-align: center;
background: #2196F3;
box-shadow: 0 11px 22px rgba(0, 0, 0, 0.20), 0 7px 7px rgba(0, 0, 0, 0.24);
transition: .4s;
opacity: .4;
}
.yt a {
position: relative;
text-decoration: none;
color:
font-size: 23px;
top: 4px;
}
.yt:hover {
transition: .3s;
box-shadow: none;
opacity: .8;
}
</style>
"><div data-ke-class="article"><div class="container">
<!-- 라디오 버튼 10개 -->
<input type="radio" id="i1" name="images" checked/>
<input type="radio" id="i2" name="images" />
<input type="radio" id="i3" name="images" />
<input type="radio" id="i4" name="images" />
<input type="radio" id="i5" name="images" />
<!-- 슬라이드 이미지 10개 -->
<div class="slide_img" id="one">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/f40d2e8e69b000616d830b8444c92037a3a2b2d0?type=thumb&opt=R667x0a" >
<label class="prev" for="i5"><span></span></label>
<label class="next" for="i2"><span></span></label>
</div>
<div class="slide_img" id="two">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/47f62eda34a0d5cff985451fc5ec119785fc09e4?type=thumb&opt=R667x0a" >
<label class="prev" for="i1"><span></span></label>
<label class="next" for="i3"><span></span></label>
</div>
<div class="slide_img" id="three">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/30ea147e6238a71522093a6ed34642fdf2b40bc8?type=thumb&opt=R667x0a" >
<label class="prev" for="i2"><span></span></label>
<label class="next" for="i4"><span></span></label>
</div>
<div class="slide_img" id="four">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/65ae01539ae0e19b1dfe053cd7676e017f9ac5ba?type=thumb&opt=R667x0a" >
<label class="prev" for="i3"><span></span></label>
<label class="next" for="i5"><span></span></label>
</div>
<div class="slide_img" id="five">
<img src="https://t1.daumcdn.net/cafeattach/1ZcFZ/7de23c4814d2fe8c24b578fbd12ecc7e13fbecc9?type=thumb&opt=R667x0a" >
<label class="prev" for="i4"><span></span></label>
<label class="next" for="i1"><span></span></label>
</div>
<!-- 점 네비게이션 10개 -->
<div id="nav_slide">
<label for="i1" class="dots" id="dot1"></label>
<label for="i2" class="dots" id="dot2"></label>
<label for="i3" class="dots" id="dot3"></label>
<label for="i4" class="dots" id="dot4"></label>
<label for="i5" class="dots" id="dot5"></label>
</div>
</div>
<style>
.container {
margin: 0 auto;
margin-top: 20px;
position: relative;
width: 70%;
height: 0;
padding-bottom: 70%;
overflow-y: hidden;
user-select: none;
background-color: #1c1c1c;
box-shadow: 0 11px 22px rgba(0, 0, 0, 0.20), 0 7px 7px rgba(0, 0, 0, 0.24);
font-family: 'Just Another Hand', cursive;
overflow-x: hidden;
}
.container input {
display: none;
}
.container .slide_img {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.container .slide_img img {
width: 92%;
height: 100%;
object-fit: cover;
display: block;
transform: translateX(18px);
}
.container .slide_img .prev,
.container .slide_img .next {
width: 100%;
height: 90%;
position: absolute;
top: 0;
background-color: transparent;
z-index: 99;
transition: .45s;
cursor: pointer;
text-align: center;
}
.container .slide_img .prev {
left: 110px; /* 왼왼쪽 버튼도 더 안으로 */
top: 90%; /* 약간 아래쪽으로 이동 */
transform: translateY(-50%);
}
.container .slide_img .next {
right: 85px; /* 오른쪽 버튼도 더 안으로 */
top: 90%; /* 약간 아래쪽으로 이동 */
transform: translateY(-50%);
}
.container .slide_img .prev:hover,
.container .slide_img .next:hover {
background-color: transparent;
}
.container .slide_img .prev span,
.container .slide_img .next span {
position: absolute;
width: 0;
height: 0;
border: solid 20px;
top: 50%;
transform: translate(-50%);
}
.container .slide_img .prev span {
border-color: transparent #fff transparent transparent;
right: 35%;
}
.container .slide_img .next span {
border-color: transparent transparent transparent #fff;
left: 35%;
}
/* 슬라이드 활성화 */
#i1:checked ~ #one,
#i2:checked ~ #two,
#i3:checked ~ #three,
#i4:checked ~ #four,
#i5:checked ~ #five,
#i6:checked ~ #six,
#i7:checked ~ #seven,
#i8:checked ~ #eight,
#i9:checked ~ #nine,
#i10:checked ~ #ten {
z-index: 0;
animation: scroll 1s ease-in-out;
}
@keyframes scroll {
0% { opacity: .4; }
100% { opacity: 1; }
}
@media screen and (max-width: 685px) {
.container {
border: none;
width: 100%;
height: 0;
padding-bottom: 84%;
}
.container .slide_img img {
width: 90%;
transform: translateX(18px); /* 필요 시 미세 조정 */
}
.container .slide_img .prev,
.container .slide_img .next {
width: 14%;
height: 15%;
}
.container .slide_img .prev span,
.container .slide_img .next span {
border: solid 12px;
}
.container .slide_img .prev span {
border-color: transparent #fff transparent transparent;
}
.container .slide_img .next span {
border-color: transparent transparent transparent #fff;
}
}
.yt {
margin: 0 auto;
margin-top: 30px;
width: 80px;
height: 40px;
border-radius: 4px;
text-align: center;
background: #2196F3;
box-shadow: 0 11px 22px rgba(0, 0, 0, 0.20), 0 7px 7px rgba(0, 0, 0, 0.24);
transition: .4s;
opacity: .4;
}
.yt a {
position: relative;
text-decoration: none;
color:
font-size: 23px;
top: 4px;
}
.yt:hover {
transition: .3s;
box-shadow: none;
opacity: .8;
}
</style>
</div></div>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
· 덕구네 마약방석
ALLDAY PROJECT 달글
JB
추천 0
조회 9,262
25.04.20 04:33
댓글 3110
다음검색
기살아
https://x.com/wea1nteven/status/1949006927532638512?s=46&t=LSH2ErxBtcxse0xqNuwCmA
하 진심 개조타
전참시 기달리는중 광고개많네
ㄹㅇ ㅡㅡ
한다
전참시 재방 보는 중인데 이제 올데프는 끝난겨?
ㅇㅇ
ㅋㅋㅋㅋ 영서 귀여웡
https://x.com/dalk0m2/status/1949125194242535493?s=46&t=LSH2ErxBtcxse0xqNuwCmA
ㅋㅋ한따까리
🖤