Ping Café『Theme』

ลำดับตอนที่ #9 : Ping Café :: Paint Pink Pastel

Theme   <style type="text/css"> /*combine basic theme code by Sakurai Winter*/ /*-----------Zone A: โค้ดพื้นหลัง, เปลี่ยนรูป------------*/ /*ใส่ภาพพื้นหลังหลักแบบเต็มจอ-Sakurai Winter*/ BODY{background:url(http://upic.me/i/us/printed-photography-background-seamless-pink-polka-dots-backdrop-5ft-x7ft.jpg); background-attachment:fixed; } /*เปลี่ยนภาพพื้นหลังรอง-SakuraiWinter*/ #main { width: 950px; background: url(http://upic.me/i/12/white2.png) ;repeat; /*ภาพพื้นหลังปีก*/ }/*เปลี่ยนรูปไอคอนริบบิ้นตรงหัวข้อความคิดเห็น-Sakurai Winter*/ h3 .ribbon { background: url("ลิงค์รูป") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } /*เปลี่ยนภาพพื้นหลังกล่อง vote ในบทความย่อย-Sakurai Winter*/ .vote_box { background-image: url(ลิงค์รูป); } /*------------Zone B: โค้ดเปลี่ยนสีส่วนต่าง ๆ------------*/ /*เปลี่ยนสี head 1-Sakurai Winter*/ p#big_text { background-image: linear-gradient(to top, #ffffff, #fcc1b3); /*สีพื้นหลัง head 1*/ color: #df9f90 !important; /*สีตัวอักษร head1*/ font-family: Letter Gothic Std; /*รูปแบบตัวอักษร*/ font-size: 28px; /*ขนาดตัวอักษร*/ height: 100px; /*ความสูงของ head*/ line-height: 70px; /*ระดับสูงต่ำของตัวอักษร ควรเป็นค่าเดียวกันกับความสูงของ head*/ } /*เปลี่ยนสี head 2-Sakurai Winter*/ h2.box02, .box01, .box04_head { background: #fff7f2 repeat; /*สีพื้นหลัง*/ } h2.box02 p { font-size: 14px; /*ขนาดตัวอักษร*/ color: #df9f90; /*สีตัวอักษร*/ background: none; } /*เปลี่ยนสีตัวอักษรทั้งหน้า-SakuraiWinter*/ p, body { color: #dbdbdb !important; /*เปลี่ยนสีตัวอักษรทั้งหน้า*/ } /*เปลี่ยนสีลิงค์-Sakurai Winter*/ a:link {text-decoration: none; color: #f1cdcd !important} /*สีลิงค์ปกติ*/ a:visited {text-decoration: none; color: #f7d8c2 !important} /*สีลิงค์ที่เคยเข้าแล้ว*/ a:hover {text-decoration: none; color: #fee1d1 !important} /*สีลิงค์ตอนเอาเมาส์ชี้*/ /*เปลี่ยนสี rating & vote ทางขวาบน-Sakurai Winter*/ p.vote_m { color: #fee1d3; } /*เปลี่ยนสีตัวเลขจำนวนแชร์ด้านบน-SakuraiWinter*/ p.box_facebook-right2 strong { color: #fee1d3; /*สีตัวอักษร*/ } /*เปลี่ยนสีปุ่ม Report & Review ด้านบนขวา-SakuraiWinter*/ .bigname_sb01 a.name_sb01 ,a.review { background: #fff2eb repeat; /*สีปุ่ม*/ } a.review:hover, .bigname_sb01:hover a.name_sb01 { background: #ffebf7 repeat; /*สีปุ่มตอนเอาเมาส์ชี้*/ } /*เปลี่ยนสีป๊อปอัพปุ่ม report ด้านบนขวา-Sakurai Winter*/ .bigname_sb01:hover ul.name_sb01_uu, a.name_sb01:hover ul.name_sb01_uu { background: #ffffff repeat; } .bigname_sb01:hover ul.name_sb01_uu li { border-bottom: none; } .bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa { color: #f1cdcd; /*สีลิงค์ปกติ*/ } .bigname_sb01:hover ul.name_sb01_uu li a.name_sb01_uu_aa:hover { color: #fee1d1; /*สีลิงค์ตอนเอาเมาส์ชี้*/ } /*เปลี่ยนสีปุ่ม เขียนบทวิจารณ์ & เขียนคำนิยม-SakuraiWinter*/ a.box04_head03 { background: url(img/writer14_icon-1.png) no-repeat 7px -434px #fff2ed ; /*สีปุ่ม*/ } /*เปลี่ยนสีพื้นหลังไอคอน month views,comments, fanclub,ปุ่มแชร์ด้านบน-Sakurai Winter*/ ul.box_facebook li .b_fb_l_i01 { background-color: #fff7f2; } /*เปลี่ยนสีไอคอน month view, comments, fanclub,ปุ่มแชร์ ด้านบน-Sakurai Winter*/ /*สีปุ่มเวลาปกติ*/ ul.box_facebook li .b_fb_like a { background-image: linear-gradient(to top, #f5c5b7, #fee1d1); /*สามารถใส่สีพื้นหลังได้สองสีค่ะ โดยสีจะไล่ระดับกันจากล่างขึ้นบน โค้ดสี1 เป็นสีด้านล่าง โค้ดสี2 เป็นสีด้านบน*/ border: 2px solid #ffffff; /*สีเส้นขอบรอบปุ่ม*/ } /*เปลี่ยนสีปุ่มตอนเอาเมาส์ชี้*/ ul.box_facebook li .b_fb_like a:hover { background: url(http://upic.me/i/vl/ksdot.jpg) } /*เปลี่ยนสีพื้นหลังกล่องคอมเม้นท์-Sakurai Winter*/ .comment-setbubble { background-color: #ffffff; } /*เปลี่ยนสีแถบใต้กล่องคอมเม้นท์-Sakurai Winter*/ .comment-action { Background: url(http://upic.me/i/vl/ksdot.jpg) ;repeat;} /*เปลี่ยนสีหัวข้อบทวิจารณ์ จำนิยม-Sakurai Winter*/ h2.box04_head02 { background: #ffffff no-repeat; /*สีหัวข้อ*/ color: #dddddd; /*สีข้อความ*/ } /*เปลี่ยนสีพื้นหลังบทวิจารณ์ คำนิยม-Sakurai Winter*/ .box04 { background: # repeat; } /*-----------Zone C: โค้ดลบต่าง ๆ------------*/ /*ลบเมนูรอง ตรงนิยายรักหวานแหวว นิยายรักเศร้า ๆ ฯลฯ ด้านบน-Sakurai Winter*/ #sec-menu { display: none; } /*ลบส่วนที่อยู่เหนือชื่อบทความ-Sakurai Winter*/ div#head, div _head{ display: none; } /*ลบ"ข้อมูลเบื้องต้นของเรื่องนี้"-Sakurai Winter*/ div.story .desc_head { display: none; } /*ลบไอคอนแถบค้นหาบทความ & เว็บบอร์ด writer & แจ้งบทความไม่เหมาะสม & โหวตผิดปกติ-SakuraiWinter*/ ul.box_uu01 li a { background: none; border-right: none; } /*combine basic theme code by Sakurai Winter*/ </style> <style type="text/css"> div.story { background-color: #ffffff;}</style> <!--เปลี่ยนไอค่อนดาวจิ๋ว--> <style type="text/css">ul.name_story li p {background: url(http://upic.me/i/ik/191pd.png)no-repeat scroll 0 2px ;padding:0px 0px 0px 5px ; background-repeat:no-repeat;}</style> <!--เปลี่ยนหัวข้อบทวิจารณ์ คำนิยม--> <style type="text/css">h2.box04_head02 {background: none !important;color: #ใส่โค้ดสีตัวอักษร;font-size: 14px;}</style> <!--หลังจากนี้ลงไปจะเป็นโค้ดลบ--> <style type="text/css"> {display:none !important}</style> <style type="text/css"> _head{display:none !important}</style> <style type="text/css">#head {display:none !important}</style> <style type="text/css"> {position:absolute;left:2000px;top:1000px;</style> <style type="text/css">.accord-big{display:none !important}</style> <style type="text/css">.app-footer{display:none !important}</style> <style type="text/css"> <style type="text/css">#content_name {border: 1px solid #ffffff;</style> <style type="text/css">p>a>img{display:none !important;}</style> <style id="tantine" type="text/css"> /*ลบโฆษณากูเกิ้ลที่แทรกตรงคอมเม้นท์*/ #google_ads_comment1 { display:none !important; } </style> <style id="tantine" type="text/css"> /*โค้ดลบโฆษณาใต้ชื่อบทความ*/ table[align="center"]>tbody>tr>td[valign="top"]>div { display:none } tr>td[height="95"] { display:none !important; }</style> <style type="text/css">.accord-big{display:none !important}</style> <style type="text/css">.app-footer{display:none !important}</style> <style id="tantine" type="text/css"> <style type="text/css"> /*ลบไอคอนสีเขียวตรงแถบ navigator ในบทความย่อยออก-Sakurai Winter*/ ul.next li a { background: none !important; } </style> <style type="text/css"> /*แถบสีส้มด้านบนใต้ toolbar ล่องหน-Sakurai Winter*/ #sec-head { background-color: rgba(254, 150, 29, 0)!important; } </style> <style type="text/css"> /*ลบไอคอนรูปดาวตรง "บันทึกเป็น Favorite" ในหน้าบทความหลัก-Sakurai Winter*/ .favor { background-image: none; } </style> <style type="text/css" name="deleteAd">table[align="center"]>tbody>tr>td[height="100"],table[align="center"]>tbody>tr>td[height="95"]{display:none!important;}<!--(cr.itimYen)--></style> <style type="text/css"> /*เปลี่ยนสีไฮไลท์ตอนคลุมดำ-Sakurai Winter*/ ::selection { background: #ffe9dd; /*ถ้าไม่ต้องการพื้นหลังให้ใส่ none !important ลงไปแทน#โค้ดสีนะคะ*/ color: #ecb1a7; /*สีตัวหนังสือ*/ } </style> <style type="text/css"> /*เปลี่ยนสี toolbar ด้านบน-Sakurai Winter*/ toolbar-wrap, .menu-main>a,#usermenu .user-main>a, .btn, .notifications .user-main>a { background-color: #ffffff !important; border: none !important; } div>div>div>div>div { background-color: #ffffff !important; } </style> <style type="text/css"> /*เปลี่ยนสีพื้นหลัง dropdown menu-Sakurai Winter*/ .submenu-home, .submenu-leftside, .ordinary-content, .service, .submenu-main, .search, .board-list a, .board-main, .board-hot, .recommend, .submenu-rightside .setthumbnail, .submenu-rightside .wrap-image, .service .service-admission ul li, .select, .submit, .service-education .gotpromo, .service .service-store ul li, ul.welcome-screen-ul, #usermenu .dropdown-panel, .notifications .dropdown-panel, #usermenu .popup-panel, .notifications .popup-panel, #usermenu .dropdown-panel .seemore, .notifications .dropdown-panel .seemore, #usermenu .popup-panel .seemore, .notifications .popup-panel .seemore, li, ul, .gamelist, .setstore, .submenu-rightside .score.steady, .submenu-rightside .score.orange i, .submenu-rightside .score.steady i, .submenu-rightside .score.steady span { background-color: #ffffff !important; border: none !important; } .submenu-home i { background-color: #ffe6d5 !important; /*สีพื้นหลังไอคอนเล็ก ๆ หน้าเมนูย่อย*/ color: #fed0c5 !important; /*สีไอคอนเล็ก ๆ หน้าเมนูย่อยของปุ่ม home*/ } .submenu-home a:hover, .dropdown-panel li:hover>a, .notifications .dropdown-panel li:hover>a, .submenu-leftside .submenu-list>li:hover, .submenu-leftside .submenu-supersub li a:hover, .submenu-more .submenu-main li:hover, .submenu-rightside .view-more:hover, .gamelist .view-more-quiz:hover, .submenu-home li:hover i { background-color: #fff6f4 !important; /*สีไฮไลท์ตอนเอาเมาส์ชี้เมนูต่าง ๆ*/ color: #fed0c5 !important; /*สีตัวหนังสือเวลาเอาเมาส์ชี้*/ } .submenu-rightside h3, .submenu-more h3, .submenu-rightside .settime, -wrap .submenu-leftside .submenu-list>li>a, .submenu-leftside .submenu-list>li>a, .submenu-leftside .submenu-list>li div, #noti-screen .viewport-header, .noti-screen .viewport-header, #noti-screen li .linkname, .noti-screen li .linkname { color: # !important; /*สีตัวหนังสือหัวข้อต่าง ๆ*/ } ul.cl_pagetab.paging-default { background: none!important; /*ลบแถบสีตรงจำนวนหน้าคอมเม้นท์-ใช้ได้เฉพาะบทความย่อย*/ } </style> <style type="text/css"> /*เปลี่ยนสีกล่องคอมเม้นท์ด้านล่างสุดของบทความ-Sakurai Winter*/ /*เปลี่ยนสีหัวข้อบุคคลทั่วไป,สมาชิกด้านบนกล่องคอมเม้นท์ด้านล่างของบทความ-Sakurai Winter*/ .comment-tabbable .comment-tabs .active button { background-color: #ffffff; /*สีพื้นหลังหัวข้อ*/ color: #dddddd; /*สีตัวอักษร*/ border-top: solid 5px #f9c8bf; /*แถบสีด้านบนหัวข้อ*/ } /*เปลี่ยนสีปุ่ม "แสดงความเห็น"-Sakurai Winter*/ .btn-orange { background: #fff6f4; /*สีปุ่มเวลาปกติ*/ color:#f9c8bf !important; /*สีตัวหนังสือเวลาปกติ*/ } .cm-box-area .comment-submit { text-shadow: none; /*ลบเงาตัวหนังสือ*/ border: none; /*ลบเส้นขอบ*/ } .cm-box-area .comment-submit:hover { background: #f9c8bf; /*สีปุ่มตอนเอาเมาส์ชี้*/ color: #fff6f4 !important; /*สีตัวหนังสือตอนเอาเมาส์ชี้*/ } </style> <!--โค้ดทำให้ชื่อบทความขอบมนๆ--> <style id="tantine" type="text/css"> .head1 { border-top-left-radius: 35px; border-top-right-radius: 35px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } </style> <style type="text/css"> /*เปลี่ยนรูปอวาตาร์ในคอมเม้นท์ให้เป็นวงกลม -Sakurai Winter*/ .avatar, .avatar img { border-radius: 50px; } </style> <style type="text/css"> /*ลบไอคอนสีเขียวตรงแถบ navigator ในบทความย่อยออก-Sakurai Winter*/ ul.next li a { background: none !important; } <style type="text/css"> /*ลบไอคอนข้างหน้า "เพิ่มขนาด&ลดขนาด" ในตอนย่อย-Sakurai Winter*/ ul.bigsize li a { background: none !important; } </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>

เม้นเป็นกำลังใจให้กันบ้าง <3

 

Thank :: { Winter Code Room } , Heaven & Hell , โค้ดแมวๆ , ROCKSAND LABEL