ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    Сαяηαтιoи Tнeмe V.²

    ลำดับตอนที่ #7 : ❀ Heart Rabbit [Pink]

    • อัปเดตล่าสุด 12 มิ.ย. 59




    ✎ HEART RABBIT 
    Carnation Theme Ver.Two  





    CODE  THEME
    - ก่อนดัดแปลงธีมแจ้งในตอนก่อนทุกครั้ง
    - ห้ามลบเครดิตธีมและห้ามนำไปแจกต่อ
    - คอมเม้นท์สักนิดเพื่อเป็นกำลังใจ


    <style name="Melissa" type="text/css">
    body{
    background:url(http://image.dek-d.com/27/0374/1331/118571043)!important;
    background-repeat:repeat;
    background-position:center!important;
    background-attachment:fixed!important;
    }
    div#main.clear{
    background:none!important;
    }
    .story,#big_head,.content,#content_name,.box03,.box06,.box04_page,
    .cm-box-area,.comment-tabbable .comment-tabs .active button,
    .cm-box-area .member,.cm-box-area .guest,.reviews01,
    .reviews02,.more_review{
    background:#ffffff!important;
    border:none!important;
    }
    .head1{
    background:#FF7595!important;
    box-shadow:0px 0px 15px #F8A5AD;
    border:1px dashed #;
    padding-top: 25px; 
    padding-bottom: 25px; 
    -webkit-transition:1s;-moz-transition:1s;}
    p#big_text{
    outline: #fff dashed 1px; 
    outline-offset: -8px ;}
    }
    .head1{
    border-radius: 15px 30px 15px 30px ;}
    p#big_text{
    text-shadow:0px 0px 20px #F8A5AD;
    color:#fff!important;
    font-family:tahoma;
    font-size:40px!important;
    }
    .head1:hover{background:#FAB9BF!important;
     border-top:0px dashed #ffffff!important;  
     border-bottom:0px dashed #fef6c5!important; 
     box-shadow:0px 0px 0px #none;
    -webkit-transform: rotateY(180deg);
     -webkit-transform-style: preserve-3d;
     transform: rotateY(180deg);
     transform-style: preserve-3d;
     }
     .head1{
     -webkit-transition: all 1.0s ease;
     transition: all 1.0s ease;
     }
    h2,.box04_head{
    background:#FF8CA7!important; 
    text-shadow:0px 0px 20px #F8A5AD;
    }
    h2.box02, .box01{
    border-radius: 10px 10px / 10px 10px;
    box-shadow:0px 0px 15px #F8A5AD;
    }
    h2.box02,.box04_head2,.box04_head{
    text-shadow:0px 0px 20px #F8A5AD;
    border:1px dashed #ใส่โค้ดสี!important; 
    }
    h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{
    font-size: 14px;
    color:#ffffff!important; 
    background:none!important;
    }
    a.box04_head03{
    height:23px;line-height:24px;
    float:right;text-indent:30px;width:150px;
    }
    .box04 {
    background:#FADADB repeat;
    }
    .desc_head,p>span,.linkname,h3,li>i,ul.menu-list>li>a,.slash,
    p.vote_m span,.vote-sc,p,li,div,a,div.box_facebook-right>p>strong,
    .owner-username,#usermenu .usernamename, .notifications .usernamename,
    .name-area,.comment-order,.icon-mail,.icon-ip,
    .comment-tabbable .comment-tabs .active button{
    color:#FF7595 !important;
    }
    li{font-size:12px;}
    h3>span{   
    color:#FF7595!important;
    }
    .comment-order{font-size:30px!important;
    text-shadow:0px 0px 20px #ccc;
    }
    P.vote_m{
    color:#FFA1B7!important;
    border-right:0px dashed #ffffff!important;
    }
    div>a.review,div>a.name_sb01,div.name_storybox>a{ 
    color:#ffffff!important;
    background:#FF7595 !important;
    border:3px double #ffffff!important;
    border-radius: 50px 50px 50px 50px ;}
    box-shadow:0px 0px 15px #FF7595;
    }
    a.review:hover , .bigname_sb01:hover a.name_sb01{
    background:#FF8CA7!important;
    box-shadow:0px 0px 15px #FF8CA7;
    color: #ffffff !important;
    }
    ul.box_facebook li .b_fb_like a {
    background: #FF7595!important;
    border:1px dashed #ffffff;
    box-shadow:0px 0px 15px #FF8CA7;
    }
    ul.box_facebook li .b_fb_like a:hover {
    background:#FF8CA7 !important;
    border:1px dashed #ffffff;
    }
    ul.box_facebook li .b_fb_l_i01 {
    background:#FFBACA !important;
    box-shadow:0px 0px 20px #FFBACA;
    }
    ul.box_facebook li .b_fb_like p {
    color: #FFA1B7 !important;
    font-family: Times New Roman; 
    font-family:Verdana,Sans-Serif;
    font-size: 12px; 
    }
    .big_fb{
    border-top:0px dashed #ffffff!important;
    }
    .b_fb_l_font01,
    .box_facebook-right01{
    border-left:0px dashed #ffffff!important;
    }
    .ribbon{background:none!important;} 
    .arrow_box:after,#drag-to-quote:after{border:none!important;} 
    li.cur{
    background:#FAB9BF!important;}
    .comment-setbubble{
    background:#ffffff!important; 
    border:5px solid #FF7595!important; 
    border-radius:12px 12px 12px 12px!important; 
    box-shadow:0px 0px 20px #F8A5AD;
    -webkit-box-shadow:0px 0px 20px #ffffff;!important; 
    }
    .comment-text {
    color: #none;
    font-size: 14px;
    }
    .comment-action:before{background:none!important;}
    .comment-action{
    background:#-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa1b7 0%,#ff7595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa1b7 0%,#ff7595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1b7', endColorstr='#ff7595',GradientType=0 ); /* IE6-9 */!important;
    border-radius:10px 10px 10px 10px!important; 
    box-shadow:0px 0px 20px #F8A5AD;
    }
    .arrow_box li{border:none!important;} 
    .cm-setting button{border:none!important;} 
    .icon-setting,.btn-social i{
    color:#ffffff!important;
    text-shadow:0px 0px 20px #F8A5AD;!important;
    }
    .icon-setting:hover,
    .btn-social i:hover{
    color:#ffffff!important;
    }
    .arrow_box{background:none!important;} 
    button{box-shadow:none!important;} 
    button{
    color:#ffffff!important; 
    background:#FF7595!important;border:none!important; 
    border:none!important;
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    button:hover{
    color:#ffffff!important; 
    background:#FF8CA7!important;border:none!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s;
    }
    .ranking{
    display:none!important;
    }
    .avatar{
    -webkit-transform:rotate(-360deg);
    border-radius:50% 50% 50% 50%!important; 
    background:#FF8CA7!important;
    border:1px dashed #FFCCD8!important;
    padding:18px!important; 
    box-shadow:0px 0px 20px rgba(255,255,255,0.5)
    -webkit-transition:linear 2s; 
    -moz-transition:linear 2s; 
    }
    .avatar:hover{
    -webkit-transform:rotate(360deg); 
    border-radius:30% 30% 30% 30%!important; 
    background:#FFB0C2!important;
    border:1px dashed #FFCCD8!important;
    box-shadow:0px 0px 20px rgba(255,255,255,0.5)
    -webkit-transition:linear 2s; 
    -moz-transition:linear 2s; 
    }
    img[src*='/1/newtoon/'],.user-pic-comment{
    width:100px; 
    height:100px; 
    border-radius:50% 50% 50% 50%!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{
    border-radius:30% 30% 30% 30%!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    span.cke_skin_kama{
    background:#Know!important; 
    border-radius:10px 10px 10px 10px; 
    border:1px dashed #F8A5AD!important;
    padding:3px; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    .cke_skin_kama .cke_wrapper{
    background-color:-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa1b7 0%,#ff7595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa1b7 0%,#ff7595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1b7', endColorstr='#ff7595',GradientType=0 ); /* IE6-9 */!important; 
    border-radius:0px 0px 0px 0px; 
    border:2px solid #ffffff!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s;
    }
    span.cke_skin_kama:hover{
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    .cm-box-area .comment-submit{
    border:1px dashed #ffffff !important;
    }
    .cm-box-area .comment-submit:hover{
    border:1px dashed #ffffff!important;
    }
    .btn-orange{
    width:155px!important; padding:10px!important; 
    background:-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa1b7 0%,#ff7595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa1b7 0%,#ff7595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1b7', endColorstr='#ff7595',GradientType=0 ); /* IE6-9 */!important; 
    color:#ffffff!important; 
    text-shadow:none!important; 
    -webkit-box-shadow:none!important;
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s;
    }
    .btn-orange:hover{
    background:#FFA1B7!important; 
    color:#ffffff!important; 
    -webkit-transition:linear 1s;
    -moz-transition:linear 1s;
    }
    input,select,textarea{
    color:#ffffff!important;
    background:#FF8CA7!important;
    border-top:1px solid #ffffff!important; 
    border-bottom:1px solid #ffffff!important; 
    border-left:1px solid #ffffff!important;  
    border-right:1px solid #ffffff!important;  
    font-family:tahoma; 
    -webkit-box-shadow:none!important;  
    }
    .text-area,.select,.input-box{
    border:none!important;background:none!important;
    }
    .cm-box-area .cm-setcmbox,.cm-box-area .text-area{
    box-shadow:none!important;
    }
    *::selection{ 
    background:-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa1b7 0%,#ff7595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa1b7 0%,#ff7595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1b7', endColorstr='#ff7595',GradientType=0 ); /* IE6-9 */!important;
    color:#ffffff!important;
    *::-moz-selection{ 
    background:-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa1b7 0%,#ff7595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa1b7 0%,#ff7595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1b7', endColorstr='#ff7595',GradientType=0 ); /* IE6-9 */!important;
    color:#ffffff!important;
    *::-webkit-selection{ 
    background:-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa1b7 0%,#ff7595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa1b7 0%,#ff7595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1b7', endColorstr='#ff7595',GradientType=0 ); /* IE6-9 */!important;
    color:#ffffff!important;
    ::-webkit-scrollbar{width:12px;} 
    ::-webkit-scrollbar-track{
    background:#FFA1B7!important;
    border-radius:0px; 
    }
    ::-webkit-scrollbar-thumb{
    background:#FF7595 !important; 
    border:1px dashed #none!important; 
    border-radius:0px;  
    }
    ::-webkit-scrollbar-thumb:hover{
    background:#F8A5AD!important;  
    border:1px dashed #none!important;  
    border-radius:10px;  
    }
    a:link{
    color:#FF7595;  
    text-decoration:none!important;  
    -webkit-transition:3s; 
    -moz-transition:3s; 
    }
    a:active,a:visited{
    color:#FAB9BF!important;
    text-decoration:none!important;
    }
    a:hover{
    color:#ffffff!important;   
    background:-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffa1b7 0%,#ff7595 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffa1b7 0%,#ff7595 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa1b7', endColorstr='#ff7595',GradientType=0 ); /* IE6-9 */!important;  
    background-repeat:no-repeat!important;  
    box-shadow:#FAB9BF!important;
    position:relative; top:0px; left:0px;  
    padding:3px 4px 3px 4px;   
    border-radius:10px 0px 10px 0px;  
    border-top:1px dashed #none!important;   
    border-bottom:1px dashed #none important;  
    border-left:1px dashed #none!important;  
    border-right:1px dashed #none !important;   
    text-shadow:0px 0px 20px #ccc;
    -webkit-transition:3s; 
    -moz-transition:3s; 
    }
    ul.bigsize li span{
    border-right:1px dashed #code;  
    }
    ul.bigsize li a{background:none!important; } 
    ul.next li a.next_color01{margin:0px;} 
    ul.next li a{
    background:none!important; 
    border-right:1px dashed #code; 
    font-size:12px!important; 
    }
    .big_next1{ 
    width:835px!important;  
    border-top:1px dashed #ffffff!important; 
    }
    .big_next2{ 
    width:835px!important;
    border-bottom:1px dashed #ffffff!important; 
    }
    .vote_box{
    background:-moz-linear-gradient(top, #ffa1b7 0%, #ff7595 100%); /* FF3.6-15 */
    background:#ffffff!important;
    border:1px solid #FF7595!important;
    }
    .select-style{
    border-top:none!important; 
    border-left:none!important; 
    border-right:1px dashed #ffffff!important; 
    border-bottom:1px dashed #ffffff!important; 
    }
    .vote_box3{
    width:50px!important; 
    font-size:14px!important; 
    }
    .vote_box3{
    background:#FAB9BF!important; 
    border:1px dashed #ffffff!important; 
    }
    .vote_box3:hover{
    background:#F8A5AD!important; 
    border:1px dashed #ffffff!important; 
    }
    .vote_box2{margin-left:5px!important;
    }
    .btn,div>div>div>div>div {
    background:#ffffff!important;  
    border:none!important;
    }
    .active, {
    background:#ffffff!important;  
    border:none!important;
    }
    div#auth-frame, -wrap{
    background:#ffffff!important;  
    border:none!important;
    }
    .menu-main>a{
    background:#ffffff!important;   
    border:none!important;
    }
    li>i:hover,ul.menu-list>li>a:hover{
    color:#ffffff!important;
    background:#FFA1B7!important;
    border-top:1px solid #none!important;  
    border-bottom:1px solid #none!important; 
    border-left:1px solid #none!important;  
    border-right:1px solid #none!important;  
    }
    .score.new,.score.new i,.score.new span,
    .score.down,.score.down i,.score.down span,
    .score.steady,.score.up,.score.steady i,.score.up i,
    .steady span,.up span,.ordinary-content,
    .lookback,.seemore,.board-list,.submenu-home,
    .submenu-leftside,.submenu-main,.service,
    .dropdown-panel,.popup-panel{
    background:#ffffff!important;
    border:none!important;
    }
    .submenu-home i{
    color:#ffffff!important;
    background:#FFA1B7!important; 
    border:none!important;
    }
    .board-list a{
    background:#ffffff!important;
    border-top:1px dashed #FFA1B7!important;  
    border-bottom:1px dashed #FFA1B7!important; 
    border-left:1px dashed #FFA1B7!important;  
    border-right:1px dashed #FFA1B7!important; 
    }
    .board-list a:hover{
    color:#ffffff!important; 
    background:#FFA1B7!important; 
    border-top:1px solid #none!important; 
    border-bottom:1px solid #none!important; 
    border-left:1px solid #none!important;
    border-right:1px solid #none!important; 
    padding:0px!important; 
    font-weight:normal!important; 
    }
    .submit{
    background:#FFA1B7!important;
    color:#ffffff!important;
    }
    .screen-msg{border-bottom:1px dashed #ffffff!important;
    }
    a.box06_link{border-top:1px dashed #ffffff!important;
    }
    div>div>div {background:none!important;}
    .wrap-image{border:none!important;}
    .notifications .user-main>a{border:none!important;}
    .gotpromo{background:none!important;box-shadow:none!important;}
    .submit{box-shadow:none!important;}
    .board-main,.board-hot,ul,li,.screen-title,.submenu-supersub,
    .board-hot,.ordinary-content,.board-main,.gamelist,
    .recommend{border:none!important;}
    li,.service-sms,.search{background:none!important;border:none!important;}
    .select,li{-webkit-box-shadow:none!important;}
    div>div>div {background:none!important;}
    div#head, div _head{
    display: none;
    }
     <style type="text/css" name="delete">
    #head{display:none!important;} 
    #sec-head,.banner_menu,.menulist{display:none!important;}
    #google_ads_comment1{display:none!important;}
    p>a>img{display:none!important;} 
    .app-footer{display:none!important;}
    .accord-big{display:none!important;} 
    .box01{display:none!important;}
    #content_name p{display:none !important}
    .desc_head{display:none !important} </style>
    <style type="text/css">
    ul.name_story li p 
    {background: url("http://makipooh.chu.jp/apupu/sozai/icon/i15/i15-37.gif")no-repeat scroll 0 -0px ;padding:0px 0px 0px 5px ; background-repeat:no-repeat;} </style>
    <style type="text/css">
    .bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu { background:#FFA1B7 </style>
    <style type="text/css">
    .bigname_sb01:hover ul.name_sb01_uu li { border-bottom: 1px dashed #FFFFFF;} </style>
    <style type="text/css">
    .bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa { background: url("http://makipooh.chu.jp/apupu/sozai/icon/i15/i15-37.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} </style>
    <style type="text/css">
    .comment-setbubble {border-radius: 25px 10px / 10px 25px;} </style>
    <style type="text/css">
    h2.box02, .box01 {border-radius: 10px 10px / 10px 10px;} </style>
    <style type="text/css">
    .box04_head {border-radius:  15px 15px / 15px 15px;} </style>
    <style type="text/css">
    a.box04_head03 {border-radius:  15px 15px / 15px 15px;} </style>
    <style type="text/css">
    .box04 {background: none repeat scroll 0 0 #ffffff !important;} </style>
    <style type="text/css">
    ul.box_facebook li{-webkit-transition: 0.9s;-moz-transition: 0.9s;} </style>
    <style type="text/css">
    ul.box_facebook li:hover{border:dashed 0px #FFA1A5;padding:0px;-webkit-animation-name: shakee;-moz-animation-name: shakee;-o-animation-name: shakee;animation-name: shakee;-webkit-animation-duration: 1s;opacity: 0.1;border-radius:10px; filter:alpha(opacity=100);opacity:1.0;border-radius:10px }@-webkit-keyframes shakee {  0% {-webkit-transform: scale(1);}  10%, 20% {-webkit-transform: scale(1.168) rotate(-3deg);}  30%, 50%, 70%, 90% {-webkit-transform: scale(1.168) rotate(3deg);}  40%, 60%, 80% {-webkit-transform: scale(1.168) rotate(-3deg);}  100% {-webkit-transform: scale(1.168) rotate(0);;;}  } @-moz-keyframes shakee {  0% {-moz-transform: scale(1.168);}  10%, 20% {-moz-transform: scale(1.168) rotate(-5deg);}  30%, 50%, 70%, 90% {-moz-transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {-moz-transform: scale(1.168) rotate(-5deg);}  100% {-moz-transform: scale(1.168) rotate(0);;;} } @-o-keyframes shakee {  0% {-o-transform: scale(1.168);}  10%, 20% {-o-transform: scale(1.168) rotate(-5deg);}  30%, 50%, 70%, 90% {-o-transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {-o-transform: scale(1.168) rotate(-5deg);}  100% {-o-transform: scale(1.168) rotate(0);;;} } @keyframes shakee {  0% {transform: scale(1);}  10%, 20% {transform: scale(1.168) rotate(-5deg);}  30%, 50%, 70%, 90% {transform: scale(1.168) rotate(5deg);}  40%, 60%, 80% {transform: scale(1.168) rotate(-5deg);}  100% {transform: scale(1.168) rotate(0);;;}}} </style>
    <style type="text/css">
    a.review{-webkit-transition: 0.9s;-moz-transition: 0.9s;} </style>
    <style type="text/css">
    a.review:hover {-webkit-animation-name: shake;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter: none;-webkit-filter: blur(0px);-moz-filter:blur(0px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}@-moz-keyframes shake /* Firefox*/{{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }30% { -moz-transform:  translate(0px, 2px) rotate(0deg); }40% { -moz-transform:  translate(1px, -1px) rotate(1deg); }50% { -moz-transform:  translate(-1px, 2px) rotate(-1deg); }60% { -moz-transform:  translate(-3px, 1px) rotate(0deg); }70% { -moz-transform:  translate(2px, 1px) rotate(-1deg); }80% { -moz-transform:  translate(-1px, -1px) rotate(1deg); }90% { -moz-transform: translate(2px, 2px) rotate(0deg); }100% { -moz-transform:  translate(1px, -2px) rotate(-1deg); }}@-ms-keyframes shake /* IE9*/{10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }30% { -ms-transform: translate(0px, 2px) rotate(0deg); } 40% { -ms-transform: translate(1px, -1px) rotate(1deg); }50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }60% { -ms-transform: translate(-3px, 1px)rotate(0deg); }70% { -ms-transform: translate(2px, 1px) rotate(-1deg); } 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }90% { -ms-transform: translate(2px, 2px) rotate(0deg); } 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }} @-webkit-keyframes shake /* Safari and Chrome */{0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }100% { -webkit-transform: translate(1px, -2px) rotate(-1deg);}}}} </style>
    <style type="text/css">
    .bigname_sb01 {-webkit-transition: 0.9s;-moz-transition: 0.9s;} </style>
    <style type="text/css">
    .bigname_sb01:hover {-webkit-animation-name: shake;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter: none;-webkit-filter: blur(0px);-moz-filter:blur(0px); filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}@-moz-keyframes shake /* Firefox*/{{ -ms-transform:: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }30% { -moz-transform:  translate(0px, 2px) rotate(0deg); }40% { -moz-transform:  translate(1px, -1px) rotate(1deg); }50% { -moz-transform:  translate(-1px, 2px) rotate(-1deg); }60% { -moz-transform:  translate(-3px, 1px) rotate(0deg); }70% { -moz-transform:  translate(2px, 1px) rotate(-1deg); }80% { -moz-transform:  translate(-1px, -1px) rotate(1deg); }90% { -moz-transform: translate(2px, 2px) rotate(0deg); }100% { -moz-transform:  translate(1px, -2px) rotate(-1deg); }}@-ms-keyframes shake /* IE9*/{10% { -ms-transform:: translate(-1px, -2px) rotate(-1deg); }20% { -ms-transform: translate(-3px, 0px) rotate(1deg); }30% { -ms-transform: translate(0px, 2px) rotate(0deg); } 40% { -ms-transform: translate(1px, -1px) rotate(1deg); }50% { -ms-transform: translate(-1px, 2px) rotate(-1deg); }60% { -ms-transform: translate(-3px, 1px)rotate(0deg); }70% { -ms-transform: translate(2px, 1px) rotate(-1deg); } 80% { -ms-transform: translate(-1px, -1px) rotate(1deg); }90% { -ms-transform: translate(2px, 2px) rotate(0deg); } 100% { -ms-transform: translate(1px, -2px) rotate(-1deg); }} @-webkit-keyframes shake /* Safari and Chrome */{0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }100% { -webkit-transform: translate(1px, -2px) rotate(-1deg);}}}} </style>
    <style type="text/css">
    #content_name img{border:1px dashed #ffffff!important; padding:3px;border-radius: 30px/10px;} </style>
    <style type="text/css">
    img[src*="/newtoon/"], img[src*="/board/pic/toon/"] {border-radius: 30px/10px;padding:2px;box-shadow: 0em 0em 2em #FFFFFF!important;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-webkit-transition: all 0.9s ease-out;-moz-transition: all 0.9s ease-out;} </style>
    <style type="text/css">
    .avatar img:hover {-webkit-transition: all 0.9s ease-out;
    -moz-transition: all 0.9s ease-out;
    -webkit-transform: rotate(720deg)!important;
    -moz-transform: rotate(720deg)!important;
    -o-transform: rotate(720);-moz-border-radius: 20px;  border-radius: 20px;
    -webkit-filter: saturate(50%);} </style>
    <style type="text/css">
    p#big_text:hover {
    opacity: 1; /*Reflection*/-webkit-text-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.3, transparent), to(rgba(0,0,0,0.4); /*Glow*/ -webkit-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); text-shadow: 0px 0px 20px rgba(255,255,255,0.8); } </style>
    <style type="text/css">
    a{-webkit-transition: 0.9s;-moz-transition: 0.9s;}
    a:hover{-webkit-transition: 0.9s;-moz-transition: 0.9s;} </style>
    <style type="text/css">
    h2.box02 p
    {-webkit-transition: 0.7s;-moz-transition: 0.7s;}
    h2.box02 p:hover
    {-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Georgia,Tahoma;color: #ffffff !important; letter-spacing:3px;} </style>
    <style type="text/css">
    h2.box02 p:hover {
    -webkit-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); text-shadow: 0px 0px 20px rgba(255,255,255,0.8); } </style>
    <style type="text/css">
    h2.box04_head02{
    -webkit-transition: 0.7s;-moz-transition: 0.7s;}
    .box04_head :hover
    {-webkit-transition: 0.7s;-moz-transition: 0.7s; font-family:Georgia,Tahoma;color: #ffffff !important; letter-spacing:3px;} </style>
    <style type="text/css">
    .box04_head :hover {
    -webkit-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); -moz-text-shadow: 0px 0px 20px rgba(255,255,255,0.8); text-shadow: 0px 0px 20px rgba(255,255,255,0.8);color:#7d7d!important;} </style>
    <style type="text/css">
    #content_name img:hover{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-animation-name:gmnr;-webkit-animation-duration: .3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
    @-moz-keyframes gmnr{50%{ -moz-transform:: translate(0px, 0px) rotate(3deg); }}@-webkit-keyframes gmnr {50% { -webkit-transform: translate(0px, 0px) rotate(3deg);} </style>
    <style type="text/css">
    #content_name img:hover{-webkit-filter: saturate(50%);} </style>
    <style type="text/css">
    #content_name img{-webkit-transition: 1.0s;-moz-transition: 1.0s;} </style>
    <style type="text/css">
    #content_name {border:none;}
     
    #content_name img{
    width:100px; 
    height:100px; 
    border:dashed 1px #FF6D73; 
    padding:5px; 
    } </style>
    <style name="rotate" type="text/css">
    #content_name img{
    border-radius:10px;
    box-shadow:rgba(255,117,149,0.8) 0px 0px 15px; 
    -webkit-animation-name:itim;
    -webkit-animation-duration: 6s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
    @-webkit-keyframes itim 
    {100% { -webkit-transform: rotateY(360deg) scale(1) translate(0px, 0px);}} 
    <!--(cr.itimYen)--> </style>
    <style name="ThanksToCaptain" type="text/css">
    img:hover{
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
    }
    img:hover{
    overflow:hidden;
    }
    img{
    -webkit-transform:scale(1.0);
    transform:scale(1.0);
    -webkit-transition: all 1.0s ease;
    transition: all 1.0s ease;
    } </style>
    <!--{ขอขอบคุณโค้ดฮาวทูจาก Sakura winter,Heaven&Hell,Academy V.two}--><!--{โค้ดเครดิตห้ามลบออก}--></div>
    <div style="position: fixed;bottom:10px;right:30px;color:#ffffff;background:#F8A5AD !important;border:dashed 1px #ffffff!important;padding:5px;text-decoration: none;" target="_blank" title="http://writer.dek-d.com/dek-d/writer/view.php?id=1148295">
    <a href="http://writer.dek-d.com/honey-candy/writer/view.php?id=1180037" rel="nofollow" target="_blank">С&alpha;я&eta;&alpha;т&iota;oи Tнeмe V.&sup2;</a></div>
    </div>
    <br />
     


    ------------------------------------------------------------------------------------------------------------------------------

    CODE  MOUSE
    - โค้ดนี้ผึ้งทำเอง ! ก๊อปไปแจกร้านอื่นมีเหวี่ยงนะฮะ
    - เอาไปใช้ตามสบายแต่ติดเครดิตให้ด้วยนะฮับ
    - คอมเม้นท์สักนิดเพื่อเป็นกำลังใจ
                
    <style type="text/css">
    body {cursor: url(https://image.dek-d.com/27/0374/1331/121635065), progress !important;} a:hover {cursor: url(https://image.dek-d.com/27/0374/1331/121635066), progress !important;}</style>
     






     

     




     

    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×