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

ค่าเริ่มต้น

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

    ลำดับตอนที่ #4 : ❀ Cute Buttons [Blue,Yellow]

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


    Сαяηαтιoи Tнeмe V.²

    ✎ CUTE BUTTONS ✐
    Carnation Theme Ver.Two  




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

    <style name="Melissa" type="text/css">
    body{
    background:url(http://i.istockimg.com/file_thumbview_approve/26764437/1/stock-illustration-26764437-cute-pastel-background-pattern-with-buttons.jpg)!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:#a9b9d3!important;
    box-shadow:0px 0px 15px #ccc;
    border:1px dashed #;
    padding-top: 30px; 
    padding-bottom: 15px; 
    }
    .head1{
    border-radius: 50% 50% 0 0 ;}
    p#big_text{
    text-shadow:0px 0px 20px #ccc;
    color:#fff!important;
    font-family:tahoma;
    font-size:35px!important;
    }
    h2,.box04_head{
    background:#FACF50!important; 
    text-shadow:0px 0px 20px #FADC82;
    }
    h2.box02, .box01{
    border-radius: 10px 10px / 10px 10px;
    box-shadow:0px 0px 15px #FFE08C;
    }
    h2.box02,.box04_head2,.box04_head{
    text-shadow:0px 0px 20px #FADC82;
    border:1px dashed #none!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:#f0c2c6 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:#8ba6d3 !important;
    }
    li{font-size:12px;}
    h3>span{  
    color:#8ba6d3!important;
    }
    .comment-order{font-size:30px!important;
    text-shadow:0px 0px 20px #ccc;
    }
    P.vote_m{
    color:#8ba6d3!important;
    border-right:0px dashed #ffffff!important;
    }
    div>a.review,div>a.name_sb01,div.name_storybox>a{ 
    color:#ffffff!important;
    background:#f4cf64 !important;
    border:3px double #ffffff!important;
    box-shadow:0px 0px 15px #fcdd82;
    }
    a.review:hover , .bigname_sb01:hover a.name_sb01{
    background:#8ba7d3!important;
    color: #ffffff !important;
    }
    ul.box_facebook li .b_fb_like a {
    background: #f4cf64!important;
    border:1px dashed #ffffff;
    box-shadow:0px 0px 15px #f2d788;
    }
    ul.box_facebook li .b_fb_like a:hover {
    background:#FFE08C !important;
    border:1px dashed #ffffff;
    }
    ul.box_facebook li .b_fb_l_i01 {
    background:#A9C5F5 !important;
    box-shadow:0px 0px 15px #A9C5F5;
    }
    ul.box_facebook li .b_fb_like p {
    color: #8ba6d3 !important;
    font-family: tahoma; 
    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:#ffffff!important;}
    .comment-setbubble{
    background:#ffffff!important; 
    border:5px solid #A9C5F5!important; 
    border-radius:10px 10px 10px 10px!important;
    box-shadow:0px 0px 20px #A9C5F5;
    -webkit-box-shadow:0px 0px 20px #A9C5F5;!important; 
    }
    .comment-text {
    color: #none;
    font-size: 14px;
    }
    .comment-action:before{background:none!important;}
    .comment-action{
    background:#FCD665!important;
    border-radius:10px 10px 10px 10px!important; 
    box-shadow:0px 0px 20px #FFE08C;
    }
    .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 #ccc;!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:#8BA6D3!important;border:none!important; 
    border:none!important;
    -webkit-transition:linear 1s;
    -moz-transition:linear 1s;
    }
    button:hover{
    color:#ffffff!important;
    background:#A9C5F5!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:#FCD665!important;
    border:1px dashed #FCD665!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:#A9C5F5!important;
    border:1px dashed #A9C5F5!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:0px 0px 0px 0px; 
    border:1px dashed #FACF50!important;
    padding:3px; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s;
    }
    .cke_skin_kama .cke_wrapper{
    background-color:#FACF50!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:#8BA6D3!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:#A9C5F5!important; 
    color:#ffffff!important; 
    -webkit-transition:linear 1s; 
    -moz-transition:linear 1s; 
    }
    input,select,textarea{
    color:#ffffff!important;
    background:#FCD665!important;
    border-top:2px solid #ffffff!important;  
    border-bottom:2px solid #ffffff!important; 
    border-left:2px solid #ffffff!important; 
    border-right:2px 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:#FAE3A0!important;
    color:#ffffff!important;
    } 
    *::-moz-selection{
    background:#FAE3A0important;
    color:#ffffff!important;
    } 
    *::-webkit-selection{ 
    background:#FAE3A0!important;
    color:#ffffff!important;
    } 
    ::-webkit-scrollbar{width:12px;} 
    ::-webkit-scrollbar-track{
    background:#FCD665!important; 
    border-radius:0px; 
    }
    ::-webkit-scrollbar-thumb{
    background:#8BA6D3 !important; 
    border:1px dashed #none!important; 
    border-radius:0px;  
    }
    a:link{
    color:#8BA6D3;  
    text-decoration:none!important;   
    -webkit-transition:3s; 
    -moz-transition:3s;  
    }
    a:active,a:visited{
    color:#FCD665!important;
    text-decoration:none!important;
    }
    a:hover{
    color:#ffffff!important;   
    background:#FADC82!important;  
    background-repeat:no-repeat!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:#A9C5F5!important;
    border:1px solid #ffffff!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:#FACF50!important; 
    border:1px dashed #ffffff!important; 
    }
    .vote_box3:hover{
    background:#FCD665!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:#FFED8A!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:#C9DDFF!important; 
    border:none!important;
    }
    .submenu-home i{
    color:#ffffff!important;
    background:#FCD665!important; 
    border:none!important;
    }
    .board-list a{
    background:#FFED8A!important;
    border-top:1px dashed #FCD665!important; 
    border-bottom:1px dashed #FCD665!important; 
    border-left:1px dashed #FCD665!important; 
    border-right:1px dashed #FCD665!important;  
    }
    .board-list a:hover{
    color:#ffffff!important; 
    background:#C9DDFF!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:#FCD665!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://www.bloggang.com/data/praewkwun/picture/1138527335.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:#C9DDFF;}</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://www.bloggang.com/data/praewkwun/picture/1138527335.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:  10px 10px / 10px 10px;}</style>
    <style type="text/css">
    a.box04_head03 {border-radius:  10px 10px / 10px 10px;}</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 #000000;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 #8BA6D3; 
    padding:5px; 
    }</style>
    <style name="rotate" type="text/css">
    #content_name img{
    border-radius:0px;
    box-shadow:rgba(139,166,211,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="captain" type="text/css">
    IMG:HOVER
    {-WEBKIT-TRANSFORM: ROTATE(-5DEG);-MOZ-TRANSFORM:
    ROTATE(-5DEG);-O-TRANSFORM: ROTATE(-5DEG);}img
    {-webkit-transition:0.7s; -moz-transition:0.7s; -o-transition:0.7s;}</style>
    <!--{ขอขอบคุณโค้ดฮาวทูจาก Sakura winter,Heaven&Hell,Academy V.two}--><!--{โค้ดเครดิตห้ามลบออก}-->
    <div style="position: fixed;bottom:10px;right:30px;color:#ffffff;background:#C9DDFF !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://my.dek-d.com/dek-d/writer/view.php?id=1180037" rel="nofollow" target="_blank">С&alpha;я&eta;&alpha;т&iota;oи Tнeмe V.&sup2;</a></div>
     


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

    ►CODE  MOUSE◄
    - โค้ดนี้ผึ้งทำเอง ! ก๊อปไปแจกร้านอื่นมีเหวี่ยงนะฮะ
    - เอาไปใช้ตามสบายแต่ติดเครดิตให้ด้วยนะฮับ
    - คอมเม้นท์สักนิดเพื่อเป็นกำลังใจ
                         

    <style type="text/css">
    body {cursor: url(http://image.dek-d.com/27/0374/1331/118402575), progress !important;} a:hover {cursor: url(http://image.dek-d.com/27/0374/1331/118402583), progress !important;}</style>
     







     

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

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

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

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

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

    ความคิดเห็น

    ×