Sakura ✿ everything©

ลำดับตอนที่ #49 : Sakura: Theme (สีพาสเทล ver.2)

เย้เย้ >3< ในที่สุดก็ทำธีม Ver.2 เป็นแล้ว
ต้องขอบคุณพี่มายมากจริงๆค่ะ
ที่ถามอะไรก็ตอบหมดเลย >_<
เหมียวจิว่าจะทำแจกุกคนจริงๆแล้วแหละ
ดีใจกันมั้ย >0< ใครอยากได้ไปห้องรีเควสเลยเน้
ปอลิง เหมียวจิยังไม่ได้ลบตัวอย่างที่บอกนะ
เอาไปแกะได้ตามสบายจ้า
จะลบออกก็ได้ถ้ามันดูรก
แต่เหมียวจิเอามาฝากเผื่อมาใครอยากลองแกะ ^^

<style name="meowjee" type="text/css"> /***พื้นหลัง-หลัก ของบทความ***/ body{ background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2263/2263340.png)!important; background-repeat:repeat; background-position:center!important; background-attachment:fixed!important; } /***พื้นหลัง-รอง ของบทความ***/ div#main.clear{ background:url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2263/2263340.png)!important; background-repeat:repeat; background-position:top center; background-attachment:fixed!important; width:835px!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:#fff!important; border:none!important; } /***ชื่อบทความ***/ .head1{ background:#df37d1!important; border:1px dashed #e062d6; padding-top: 30px; /*ความห่างของขอบด้านบนกับชื่อ*/ padding-bottom: 15px; /*ความห่างของขอบด้านล่างกับชื่อ*/ } p#big_text{ color:#fff!important; font-family:tahoma; font-size:30px!important;/*ขนาดของชื่อบทความ ปรับเปลี่ยนได้เพื่อความสวยงาม*/ } /***เฮดย่อย(ตอนย่อย บทความอื่นๆ คำวิจารณ์ คำนิยม)***/ h2,.box04_head{ background:#bc1bd9!important; /*พื้นหลังของเฮดย่อย*/ } h2.box02,.box04_head2,.box04_head{ border:1px dashed #D3D3D3!important; /*เส้นขอบของเฮดย่อย*/ } h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{ color:#fff!important; /*สีของอักษรที่อยู่บนเฮดย่อย*/ background:none!important; } /*ใส่ติดไว้กันเหนียว เวลาชี้ลิ้งค์แอดfav. เพิ่มคำวิจารณ์/นิยม มันจะได้อยู่ที่เดิม*/ a.box04_head03{ height:23px;line-height:24px; float:right;text-indent:30px;width:150px; } /***อักษรทั่วไปในหน้าบทความ****/ .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:#d3d3d3!important; font-size:12px; } h3>span{ /*ตรงที่จำนวนคอมเม้นท์(เหนือคอมเม้นท์)*/ color:#d3d3d3!important; } /*ปรับขนาดของเลขที่คอมเม้นท์ที่อยู่ตรงมุมล่างขวาของคอมเม้นท์*/ .comment-order{font-size:30px!important; } /***บิ๊กเฮดใต้ชื่อบทความ***/ /*เลขเปอร์เซ็นต์ Rating และจำนวนโหวต*/ P.vote_m{ color:#d43df5!important; border-right:1px dashed #000!important; } /*ปุ่ม Vote กับ Report*/ div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#fff!important; background:#ed21d7!important; border:1px dashed #fff!important; } /***กล่องเด้งตอนชี้ปุ่ม Report***/ .bigname_sb01 ul.name_sb01_uu li{border:none!important;} /*ลบเส้นคั่นรายการ*/ img[src*="/writer14_arow01.png"]{display:none!important;} /*ลบลูกศรของกล่อง*/ .bigname_sb01 ul.name_sb01_uu, .bigname_sb01 img.name_sb01_img{ background:#a9a9a9!important; } /*ลบเครื่องหมายหน้ารายการในกล่องเด้งตอนชี้ปุ่ม Report*/ ul.bigsize li a,.bigname_sb01 ul.name_sb01_uu li a.name_sb01_uu_aa{ background:none!important;text-indent:0px;font-size:12px; } /***ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์***/ .b_fb_l_i01,ul.box_uu01 li a{background:none!important;} /*ลบพื้นหลังสีเทา */ ul.box_facebook li .b_fb_like a{ background:#ffbff8!important; border:1px dashed #fff!important; } /*ตอนเม้าส์ชี้ ปุ่ม Vote กับ Report ไอคอนคลิ๊กดูคอมเม้นท์ แฟนคลับ และไอคอนโซเชียลแชร์*/ div>a.review:hover, div>a.name_sb01:hover, div.name_storybox>a:hover, ul.box_facebook li .b_fb_like a:hover{ background:#e3bfff!important; border:1px dashed #000!important; } ul.box_facebook li .b_fb_like a:hover{ padding:1px 1px 1px 1px; /*ใส่ไว้บล็อคขนาดไม่ให้เบี้ยว*/ } /***เส้นคั่นต่างๆ ภายในบิ๊กเฮด**/ .big_fb{ border-top:1px dashed #d3d3d3!important; } .b_fb_l_font01, .box_facebook-right01{ border-left:1px dashed #d3d3d3!important; }</style> <style name="delete" type="text/css"> /***ลบบางอย่างออกไป***/ #head{display:none!important;} /*ลบแถบ Writer เหนือชื่อบทความ*/ #sec-head,.banner_menu,.menulist{display:none!important;} /*ลบหมวดนิยายเหนือแถบ Writer*/ #google_ads_comment1{display:none!important;} /*ลบโฆษณาที่แทรกระหว่างคอมเม้นท์*/ p>a>img{display:none!important;} /*ลบแบนเนอร์นิยายใต้กล่องคอมเม้นท์*/ .app-footer{display:none!important;} /*ลบข้อตกลง/เงื่อนไขการใช้งาน*/ .accord-big{display:none!important;} /*ลบแถบเด็กดี Copyright ล่างสุดของบทความ*/ .box01{display:none!important;} /*ลบแถบค้นหาบทความใต้รายชื่อตอนย่อย*/</style> <style type="text/css"> ul.name_story li p {background: url("http://upic.me/i/bx/h2vem.gif")no-repeat scroll 0 -0px ;padding:0px 0px 0px 5px ; background-repeat:no-repeat;}</style> <style type="text/css"> img:hover {border: 1px dashed #f4a6ee;box-shadow: 1px 1px 5px #f67bec;-webkit-transition:1.5s; -moz-transition:1.5s; -o-transition:1.5s;border-radius: 6px;-webkit-border-radius: 6px;}img {border: 1px dashed#d3d3d3;padding: 5px;-webkit-transition:1.5s; -moz-transition:1.5s; -o-transition:1.5s;border-radius: 5px;-webkit-border-radius: 5px;}</style> <style type="text/css"> img{ -webkit-transition: 1.0s; -moz-transition: 1.0s;} img:hover{ -webkit-animation-name: shake; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; filter: none;;} @-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 name="captain" type="text/css"> a:link,a:visited{ -webkit-transition: 0.4s; -moz-transition: 0.4s; color:#fff; text-decoration:none; padding:2px; background:transparent; box-shadow: inset 0px 0 0px 0 #fff;} a:hover{ -webkit-transition: 0.4s; -moz-transition: 0.4s; overflow:hidden; box-shadow: inset 800px 0 0px 0 #e11bff; text-decoration:none;}</style>