소스

[ruri]

<link href="//t1.daumcdn.net/cafe_cj/mobileweb/css/89/mobile_cafe.css" rel="stylesheet" type="text/css">
<div class="cafe_type3" id="daumWrap">
<header class="fixed" id="daumHead">
<div class="cafe_head">
<div class="d_head #cafe_home_gnb">
<h1 class="tit_daum"><a class="tit_service link_service" id="daumServiceLogo" href="/_myCafe?t__nil_logo=cafe"><span class="cafe_logo"><span class="sr_only">cafe</span></span></a></h1>
<h2 class="tit_cafename" style="text-align: center;">
<marquee width="100%"><span style="font-size: 크기px; color: 색상;">
기본 네비바 확인용</span></marquee></h2></div></div></header></div>

얇은네비바
<link href="//t1.daumcdn.net/cafe_cj/mobileweb/css/89/mobile_cafe.css" rel="stylesheet" type="text/css">
<header class="fixed" id="daumHead" style="background:배경색;height:20px;font-size:13px;color:글자색;">네비바 내용</header>

날짜 작성자, 상단선 없애기

<style>
#mArticle > div:nth-child(1) > div:nth-child(2){display:none !important;}
#mArticle > div:nth-child(1) {border-bottom:none!important;}

</style>

이전글 다음글 삭제

<style>
#mArticle > div > span:nth-of-type(1) {display:none !important;}
#mArticle > div > span:nth-of-type(2) {display:none !important;}
</style>

하단선, 광고제거, 첨부파일

<style>
.cafeview_subject {display:none !important;} 제목
.banner_wrapper {display:none !important;}
.bottom_banner {display:none !important;}
.btn_paging {display:none !important;}

#btn_attach {display:none !important;} 첨부파일
.cafeview_cmt {display:none !important;} 댓글창
</style>

제목 움짤
<style>
h3 {border-bottom: solid transparent 155px;
border-top:solid 0px;
font-size:0px !important;
text-align: center;
width: 100%
background-size: cover;
background:url('♡');
background-size: 100%; no-repeat;}</style>


제목움짤2
<style>
h3 {color: rgba(0, 0, 0, 0); font-size: 0pt !important;
background: url('')no-repeat center;
background-size: cover;
padding: 100px 0 100px 0;}
</style>



지그재그

<style>
div >.dung {
position: fixed;
z-index: 99;
width: 50px;
height: 50px;
background: url('img') no-repeat center / contain;
animation: dung 20s infinite linear;
}
@keyframes dung {
0% {top:0; left:100%;}
25% {top:25%; left:0;}
50% {top:50%; left:85%;}
75% {top:75%; left:0;}
100% {top:100%; left:100%;}
}
</style>
<p class="dung"></p>

지그재기 그림 더 크게 

<style>
div >.dung {
position: fixed;
z-index: 99;
width: 70px;
height: 70px;
background: url('https://t1.daumcdn.net/cafeattach/1ZaAd/114aad37aceafb8996361f28244b6d64d9e60f07') no-repeat center / contain;
animation: dung 20s infinite linear;
}
@keyframes dung {
0% {top:0; left:100%;}
25% {top:25%; left:0;}
50% {top:50%; left:85%;}
75% {top:75%; left:0;}
100% {top:100%; left:100%;}
}
</style>
<p class="dung"></p>

플로팅배너 ->바텀,라이트 0, 위뜨100%로 하면 제목부분에 꽉참
<style> /* 플로팅 배너 (이미지만 띄울 때) */
div > .banner {
position:fixed;
bottom:3%;
right:5%;
width: 100px; /* 이미지 크기 조절 */
height: 100px;
z-index: 999 !important; /*사진에 안 가려지게 */
}
</style>

<div class="banner">
<img src="이미지링크붙여넣기">
</div>

배경

<style>
div, li { background-color: transparent !important;}
div > .bg {
position: fixed;
top:0;
left:0;
z-index: -1;
width: 100%;
height: 100%;
background: url('https://t1.daumcdn.net/cafeattach/1ZaAd/a062e7a13a51bc8041beb478f6b7875ec71e00ad') center / cover;
}
</style>
<div class="bg"></div>

이미지클릭방지 소스

<style>
.element { pointer-events: none; touch-action;}
</style>
<div class=element><img src="https://t1.daumcdn.net/cafeattach/1ZaAd/4037380357c73af420c4c4dcc39dee3d768604e9"> 
</div>