새로고침 답글순 이모티콘
▷ 커미션 출처 keyboard_arrow_down
추가
14 힐러 ◇

01.05 ✷ 08:09

[ 로고 커미션 ]

마나님(@_MANA_CMs) 로고 커미션
▷ 문제 해결 마법사 keyboard_arrow_down
추가
14 힐러 ◇

09.23 ✷ 18:21

[ 메인에 올려둔 이미지가 안 보일때 ]

(드래그하면 보이고 실제로는 보이지 않음)

추가 스크립트 css에

<style>
#body {opacity:1 !important;}
</style>

추가하면 해결!

(라우트님 감사합니다!)
14 힐러 ◇

09.23 ✷ 18:22

[ 커서와 파비콘이 적용이 안 되는 현상 ]

파비콘 16x16
커서 50x50

브라우저마자 이미지에 따른 적용 안되는 경우가 있으므로
위와 같이 해줘야 보임!!

근데 크롬은 항상 삼십년쯤 느리게 적용됨 크롬 탓인듯ㄱㅡ
14 힐러 ◇

09.23 ✷ 18:32

[ 브금 업데이트가 안 되는 현상 ]

순서를 최신순으로 바꾸면 됨
(안될지도 ㄱㅡ 근데 이번에는 됐음)
▷ 게시판 출처 keyboard_arrow_down
추가
14 최고관리자 ◇

09.21 ✷ 00:56

[ 메모 스킨 출처 ]

Link URL
14 최고관리자 ◇

09.21 ✷ 00:56

[ trpg 공수표 게시판 출처 ]

Link URL
14 최고관리자 ◇

09.21 ✷ 00:56

[ 플레이리스트 출처 (아직 fz에 업로드 적용x) ]

Link URL
14 최고관리자 ◇

09.21 ✷ 00:57

[ 배너 게시판 출처 ]

Link URL
14 최고관리자 ◇

09.21 ✷ 00:58

[ 스케줄 게시판 출처 ]

Link URL
14 최고관리자 ◇

09.21 ✷ 00:58

[ trpg 로그 백업 게시판 출처 ]

Link URL
14 최고관리자 ◇

09.21 ✷ 00:59

[ 페어정리스킨 ]

Link URL
14 최고관리자 ◇

09.21 ✷ 00:59

[ 야너두 ]

#slide=id.g831b17049a_0_352" target="_blank" class="other-site-link">Link URL
14 힐러 ◇

10.05 ✷ 10:39

[ 눈 내리는거 ]

펼치기
<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;#000000; #1B1B1B; #383838; #555555; #717171; #8D8D8D; #AAAAAA; #C6C6C6; #E3E3E3;
  font-size: 1em;
  font-family: Arial, sans-serif;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}
@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}
.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}
.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}
.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}
.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}
.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:3s,1s}
.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:1s,1s}
.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:7s,2s}
.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:5s,1s}
.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:1.5s,0s}
.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:2s,1.0s}
.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}
.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:3s,1.5s}
</style>
<div class="snowflakes" aria-hidden="true">
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
  ❅
  </div>
  <div class="snowflake">
  ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
  <div class="snowflake">
    ❅
  </div>
  <div class="snowflake">
    ❆
  </div>
</div>
14 힐러 ◇

10.05 ✷ 11:08

[ 박쥐 이팩트 ]

펼치기
<style>
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Serif;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2s,1s;animation-delay:2s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1s;animation
delay:3s,1s}.snowflake:nth-of-type(10)
/* Demo Purpose Only*/
.demo {
  font-family: 'Raleway', sans-serif;
    color:#fff;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.demo a{
  font-family: 'Raleway', sans-serif;
color: #000;
}

.snowflake img {
    height: 40px;
    bottom: 0;
    background-color: #;
    display: block;
</style>
<div class="snowflakes">
  <div class="snowflake">
 <img src="Link URL />
  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
  <div class="snowflake">
  <img src="Link URL />  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
  <div class="snowflake">
<img src="Link URL />
  </div>
</div>
14 힐러 ◇

04.09 ✷ 19:30

[ 벚꽃비 ]

펼치기
<style>
html {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
    .sakura {
        position: absolute;
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sakura li {
        width: 18px;
        position: absolute;
        list-style: none;
        top: -50px;
        animation: fall 4s linear infinite, rotate1 2s ease-in-out infinite alternate;
    }
    @keyframes fall {
        to {
            top: 120%;
        }
    }
    @keyframes rotate1 {
        from {
            transform: translateX(0px) rotate(0deg);
        }
        to {
            transform: translateX(200px) rotate(-80deg) rotateX(180deg);
        }
    }
    @keyframes rotate2 {
        from {
            transform: translateX(200px) rotate(-45deg);
        }
        to {
            transform: translateX(0px) rotate(0deg);
        }
    }
    .sakura li:nth-child(1) {
        left: 0;
        animation: fall 10s linear infinite, rotate1 3s ease-in-out infinite alternate;
    }
    .sakura li:nth-child(2) {
        left: 5vw;
        animation: fall 15s linear infinite, rotate1 2s ease-in-out infinite alternate;
    }
    .sakura li:nth-child(3) {
        left: 15vw;
        animation: fall 9s linear infinite, rotate1 3.5s ease-in-out infinite alternate;
    }
    .sakura li:nth-child(4) {
        left: 30vw;
        animation: fall 8s linear infinite, rotate2 4s ease-in-out infinite alternate;
    }
    .sakura li:nth-child(5) {
        left: 40vw;
        animation: fall 10s linear infinite, rotate1 4s ease-in-out infinite alternate;
    }
    .sakura li:nth-child(6) {
        left: 55vw;
        animation: fall 11s linear infinite, rotate2 3s ease-in-out infinite alternate;
    }
    .sakura li:nth-child(7) {
        left: 65vw;
        animation: fall 7s linear infinite, rotate2 3.5s ease-in-out infinite alternate;
    }
    .sakura li:nth-child(8) {
        left: 50vw;
        animation: fall 7s linear infinite, rotate1 3s ease-in-out infinite alternate;
    }
</style>

<div class="sakura">
    <li><img src="Link URL alt=""></li>
    <li><img src="Link URL alt=""></li>
    <li><img src="Link URL alt=""></li>
    <li><img src="Link URL alt=""></li>
    <li><img src="Link URL alt=""></li>
    <li><img src="Link URL alt=""></li>
    <li><img src="Link URL alt=""></li>
    <li><img src="Link URL alt=""></li>
</div>
14 힐러 ◇

08.01 ✷ 02:09

[ 메인 스킨 출처 ]

Link URL
14 힐러 ◇

08.01 ✷ 02:10

[ 피아노 건반 메뉴 출처 ]

Link URL
arrow_upward