★ C O M E T 032

ลำดับตอนที่ #14 : Code themes ::: vintage birdcage

 

Code themes ::: vintage birdcage
>Backgrounds : cherrybam<
*กรุณานำเครดิตในโค้ดออกไปทุกครั้ง
  และห้ามลบออก**

----  ชี้แจง ---
- โค้ดแสดงผลได้ดีใน Firefox
- โค้ดสามารถแสดงผลได้ทั้งหน้าหลักและหน้าย่อย
- โค้ดนี้เราปรับตัวหนังสือให้เป็นสีนี้
   ไม่สามารถเปลี่ยนเป็นสีอื่นได้
- เราลบโค้ดบางตัวออกไป เช่น โค้ดลบเส้นขอบทั้งหมด ,
  โค้ดลบโฆษณาโดยกูเกิ้ล,โค้ดลบข้อตกลง(ส่วนล่างของบทความ)
  โค้ดแถบลบคำสั่งต่างๆ , โค้ดลบป้ายหยุดก่อนโดนแบน
  โค้ดลบชอบมาทำไงดี
 

ส วั ส ดี จ้ า~    มาอีกแล้วกับโค้ดธีมเจ๋งๆ คราวนี้เป็นธีมสีฟ้าสบายตา(มั๊ง) เราชอบสีนี้มากเลยน้า ยังไงเราทำมาแจกแล้วก็เม้นขอบคุณสักหน่อยเน้ออออ.....

c o d e - W A L L P A P E R มีโค้ดวอลฯล้วนๆ เอาไปแต่งเอง <meta content="1" name="image:sidebarpicture" /> <meta content="1" name="if:show sidebarpicture" /> <link href="{Favicon}" rel="shortcut icon" /> <link href="{RSS}" rel="alternate" type="application/rss+xml" /> <script type="text/javascript" src="http://static.tumblr.com/wgdkvue/maCm6fbel/jquery-v1.7.1.js"></script> <style type="text/css"> body{ color: #000000; font-family:Courier New; font-size:12px; background-color: #ffffff; background-image:url(http://www.sadmuffin.net/cherrybam/myspacelayouts/vintage/342.gif); background-attachment: fixed; background-repeat: repeat; background-position: center; text-align:center; } a:link, a:active, a:visited{ color: #000000; text-decoration:none; } a:hover{ color:{color:hover}; } ::-webkit-scrollbar { width: 10px; background: #ffffff; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7); border-radius: 10px; } ::-webkit-scrollbar-thumb { border: 1px solid rgba(192,192,192,0.5); border-radius: 10px; -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7); } #page{ width:730px; height:550px; align:center; margin-top:60px; background-color: #ffffff; border:solid 0px #000000; position:static; padding:1px; overflow:scroll; overflow-x:hidden; -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; -moz-box-shadow: 0 0 1em #404040; -webkit-box-shadow: 0 0 1em #404040; } #entrybox { margin:2px; overflow-x: hidden; float:left; width:500px; padding:2px; {block:IndexPage} {/block:IndexPage} {block:permalinkpage} width:500px; height:100%; margin-bottom:10px; {/block:permalinkpage} overflow:hidden; } img{ -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .photoset{ -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 470px; } div#permalinkblock a{ letter-spacing: 8px; text-transform; lowercase; height:12px; padding-bottom:2px; margin-top:5px; align: center; text-align: center; font-size:12px; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div#permalinkblock a:hover{ letter-spacing: 8px; text-transform; lowercase; height:12px; padding-bottom:2px; margin-top:5px; align: center; text-align: center; font-size:12px; -webkit-transition: opacity 0.7s linear; opacity: 0.6; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi a{ font-size:12px; text-align: left; color: #000000; background-color: #ffffff; width: 180px; display: inline-block; padding:1px 0px 1px 10px; margin-bottom:1px; margin-right:1px; border-left: 5px solid #EDEBEB; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi a:hover{ font-size:12px; text-align: left; padding:1px 0px 1px 10px; color: {color:Link Hover}; background-color: #ffffff; border-left: 4px solid #EDEBEB; z-index:2; -webkit-transition: opacity 0.7s linear; opacity: 0.6; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi2 a{ text-transform: lowercase; text-align: center; text-align: left; color: #000000; background-color: #ffffff; display: inline-block; margin-bottom:1px; margin-right:1px; border-left: 0px solid #000000; font-style: italic; padding-top:20px; padding: 5px; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi2 a:hover{ text-transform: lowercase; text-align: center; color: {color:Link Hover}; background-color: #ffffff; border-left: 0px solid #000000; font-style: italic; z-index:2; padding-top:20px; padding: 5px; -webkit-transition: opacity 0.7s linear; opacity: 0.6; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .pagination { font-size:15px; font-weight:normal; letter-spacing:-1px; font-family: georgia; text-transform: lowercase; font-style: italic; } #sidebar{ background-color:#transparent; width:190px; height:auto; margin-top:0px; margin-left:513px; position:fixed; padding:3px; } #title{ color: #000000; font-family:Courier New; font-size: 20px; text-align:center; } .footer { margin-top:5px; color: rgba(0,0,0,0.2); background-color: rgba(235,235,235,0); font-family: verdana; font-size: 10px; line-height: 16px; margin-bottom:2px; text-align:center; text-transform: uppercase; } .footer a{ margin-top:5px; color: rgba(0,0,0,0.2); background-color: rgba(235,235,235,0); font-family: verdana; font-size: 10px; line-height: 16px; margin-bottom:2px; text-align:center; text-transform: uppercase; } .footer a:hover{ margin-top:5px; color: rgba(0,0,0,0.25); background-color: rgba(235,235,235,0); font-family: verdana; font-size: 10px; line-height: 16px; margin-bottom:2px; text-align:center; text-transform: uppercase; } {CustomCSS]</style> <style type="text/css"> #button { width:96px; height:20px; position: absolute; right: 3px; top: 26px; color: #ffffff;}</style> <div id="DoNotEditImportant"> <div id="button"> &nbsp;</div> </div> <table align="center"> <tbody> <tr> <td align="justify"> &nbsp;</td> </tr> </tbody> </table> <a href=" http://writer.dek-d.com/ployjung11/writer/view.php?id=921007 ">T H E M E s : ★ C O M E T 032 <style type="text/css"> c o d e - T H E M E s โค้ดงามๆ ใช้แล้วคนเข้าเยอะ~ <meta content="1" name="image:sidebarpicture" /> <meta content="1" name="if:show sidebarpicture" /> <link href="{Favicon}" rel="shortcut icon" /> <link href="{RSS}" rel="alternate" type="application/rss+xml" /> <script type="text/javascript" src="http://static.tumblr.com/wgdkvue/maCm6fbel/jquery-v1.7.1.js"></script> <style type="text/css"> body{ color: #000000; font-family:Courier New; font-size:12px; background-color: #ffffff; background-image:url(http://www.sadmuffin.net/cherrybam/myspacelayouts/vintage/342.gif); background-attachment: fixed; background-repeat: repeat; background-position: center; text-align:center; } a:link, a:active, a:visited{ color: #000000; text-decoration:none; } a:hover{ color:{color:hover}; } ::-webkit-scrollbar { width: 10px; background: #ffffff; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7); border-radius: 10px; } ::-webkit-scrollbar-thumb { border: 1px solid rgba(192,192,192,0.5); border-radius: 10px; -webkit-box-shadow: inset 0 0 1px rgba(192,192,192,0.7); } #page{ width:730px; height:550px; align:center; margin-top:60px; background-color: #ffffff; border:solid 0px #000000; position:static; padding:1px; overflow:scroll; overflow-x:hidden; -moz-border-radius-bottomleft: 7px; border-bottom-left-radius: 7px; -moz-border-radius-bottomright: 7px; border-bottom-right-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px; -moz-box-shadow: 0 0 1em #404040; -webkit-box-shadow: 0 0 1em #404040; } #entrybox { margin:2px; overflow-x: hidden; float:left; width:500px; padding:2px; {block:IndexPage} {/block:IndexPage} {block:permalinkpage} width:500px; height:100%; margin-bottom:10px; {/block:permalinkpage} overflow:hidden; } img{ -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } .photoset{ -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; width: 470px; } div#permalinkblock a{ letter-spacing: 8px; text-transform; lowercase; height:12px; padding-bottom:2px; margin-top:5px; align: center; text-align: center; font-size:12px; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div#permalinkblock a:hover{ letter-spacing: 8px; text-transform; lowercase; height:12px; padding-bottom:2px; margin-top:5px; align: center; text-align: center; font-size:12px; -webkit-transition: opacity 0.7s linear; opacity: 0.6; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi a{ font-size:12px; text-align: left; color: #000000; background-color: #ffffff; width: 180px; display: inline-block; padding:1px 0px 1px 10px; margin-bottom:1px; margin-right:1px; border-left: 5px solid #EDEBEB; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi a:hover{ font-size:12px; text-align: left; padding:1px 0px 1px 10px; color: {color:Link Hover}; background-color: #ffffff; border-left: 4px solid #EDEBEB; z-index:2; -webkit-transition: opacity 0.7s linear; opacity: 0.6; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi2 a{ text-transform: lowercase; text-align: center; text-align: left; color: #000000; background-color: #ffffff; display: inline-block; margin-bottom:1px; margin-right:1px; border-left: 0px solid #000000; font-style: italic; padding-top:20px; padding: 5px; -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } div.navi2 a:hover{ text-transform: lowercase; text-align: center; color: {color:Link Hover}; background-color: #ffffff; border-left: 0px solid #000000; font-style: italic; z-index:2; padding-top:20px; padding: 5px; -webkit-transition: opacity 0.7s linear; opacity: 0.6; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .pagination { font-size:15px; font-weight:normal; letter-spacing:-1px; font-family: georgia; text-transform: lowercase; font-style: italic; } #sidebar{ background-color:#transparent; width:190px; height:auto; margin-top:0px; margin-left:513px; position:fixed; padding:3px; } #title{ color: #000000; font-family:Courier New; font-size: 20px; text-align:center; } .footer { margin-top:5px; color: rgba(0,0,0,0.2); background-color: rgba(235,235,235,0); font-family: verdana; font-size: 10px; line-height: 16px; margin-bottom:2px; text-align:center; text-transform: uppercase; } .footer a{ margin-top:5px; color: rgba(0,0,0,0.2); background-color: rgba(235,235,235,0); font-family: verdana; font-size: 10px; line-height: 16px; margin-bottom:2px; text-align:center; text-transform: uppercase; } .footer a:hover{ margin-top:5px; color: rgba(0,0,0,0.25); background-color: rgba(235,235,235,0); font-family: verdana; font-size: 10px; line-height: 16px; margin-bottom:2px; text-align:center; text-transform: uppercase; } {CustomCSS]</style> <style type="text/css"> #button { width:96px; height:20px; position: absolute; right: 3px; top: 26px; color: #ffffff;}</style> <div id="DoNotEditImportant"> <div id="button"> &nbsp;</div> </div> <style id="tantine" type="text/css"> table,tbody,tr,td { border: none !important; }</style> <style id="tantine" type="text/css"> .head2>img,img[align="absbottom"] { display:none !important; }</style> <style type="text/css"> url(http://static.tumblr.com/affzqqm/6bnmbq5ty/qaz.css);</style> <style type="text/css"> .head1 { background: url(http://upic.me/i/oc/cats666.jpg );} .head2 { background: url(http://upic.me/i/oc/cats666.jpg );}</style> <style type="text/css"> table {background:url(http://upic.me/i/kx/05006.jpg ); background-attachment:fixed;} td {background:none;}</style> <style type="text/css"> url(http://goo.gl/EVHDK);</style> <style id="tantine" type="text/css"> .accord-big,.app-footer,#a { display:none !important; }</style> <style id="tantine" type="text/css"> img[src="http://www.dek-d.com/writer/img/no_nc.gif"] { display:none !important; }</style> <style id="tantine" type="text/css"> #shareform,#shareicon { display:none !important; }</style> <style type="text/css"> /*โค้ดมุมคอมเม้ล by brownie choco' code กรุณาอย่าลบตรงนะฮ่ะ ขอร้อง T_T*/ html>body#storydiv>center>form>table>tbody>tr>td>img, html>body#storydiv>center>table>tbody>tr>td>img, html>body>center>form>table>tbody>tr>td>img, html>body>center>table>tbody>tr>td>img{display:none;} <style id="tantine" type="text/css"> .head1 { border-top-left-radius: 25px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 25px; }</style> <style id="tantine" type="text/css"> td font { color: #99CCCC !important; } td,th,div,body,li,ul,p,a,span { color: #81C99C !important; font-family:Tahoma; font-size: 12px; }</style> <style id="tantine" type="text/css"> /*เปลี่ยนขนาด เลือกอ่านตอนต่างๆ*/ .f-l-bro { font-size: 13px !important; }</style> <style type="text/css"> a:hover { color: #DEDEDD ; text-decoration:none; background: #DEDEDD ;}</style> <style type="text/css"> <style type="text/css"> *::selection{ background: #B6E0DA; color: #8EA9D1; } *::-moz-selection{ background: #B6E0DA; color: #8EA9D1; } *::-webkit-selection{ background: #B6E0DA; color: #8EA9D1; }</style> <style id="tantine" type="text/css"> /*เปลี่ยนสีปุ่ม 'วิจารณ์บ้าง'*/ input,select,textarea { background: #B6E0DA !important; color: #2BBBAD !important; border: 1px dashed !important; font-family: tahoma; font-size: 12px; }</style> <a href="http://writer.dek-d.com/ployjung11/writer/view.php?id=921007">T H E M E s : ★ C O M E T 032 <a href="http://writer.dek-d.com/nana-mudang/story/view.php?id=844739 ">Brownine choco' code <a href="http://writer.dek-d.com/tantine/story/view.php?id=846708 ">Mustachio <style type="text/css">