B E R L I N ❀ T H E M E { V.2 }

ลำดับตอนที่ #66 : B E R L I N ❀ : White Brick Wall ( black,grey,white ) (!)

White Brick Wall
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
- © S E E N A M & B E R L I N ❀ T H E M E V.2 -
O N 2 0 1 5 . D O N ' T C O P Y ! A N D P L E A S E C O M M E N T ! 
- แนะนำให้ใส่เนื้อหาให้เรียบร้อยก่อนแล้วค่อยใส่ธีมนะคะ -
 

 

; How to use Theme ;
- Ctrl+A ตามด้วย Ctrl+C ที่กล่องโค้ดธีม-โค้ดเมาส์ แล้วนำไปวางในช่อง ' HTML' -
- โค้ดธีมจะแสดงสวยงามที่สุดเมื่อใช้ Google Chrome -

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

- R U L E S  O F  B E R L I N -       นำโค้ดธีมไปใช้ เมนต์ไว้ก็ดีเน้ออ -     กรุณาติดเครดิตและห้ามลบเครดิตในธีมออก -     ห้ามนำธีมไปแอบอ้างว่าเป็นของตัวเอง -     อย่าก็อป! คิดเองได้ โตป่านนี้แล้ว -     อนุญาตให้เปลี่ยนพื้นหลังธีมได้หากต้องการ แต่!! -     ต้องติดเครดิตและห้ามลบเครดิตในธีมออก       หากโค้ดเสีย เมนต์ทิ้งไว้ได้เลยค่ะ -       - B A N N E R  O F  B E R L I N -

- C O D E  T H E M E -  <style name="namkhang" type="text/css"> body{ background:url(https://upic.me/i/ln/68768543.png)!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:#fff!important; border-radius:10px 10px 10px 10px!important; border:none!important; }div>div>div>div>div{ background:#FFF!important; border-radius:10px 10px 10px 10px;} .head1{border-radius:16px 16px 10px 10px!important; background:#1f1f1f!important; border-bottom:0px solid #9999cc!important; box-shadow:0px 0px 0px #none; padding-top: 20px; padding-bottom: 20px; -webkit-transition:1s;-moz-transition:1s;} p#big_text{ outline: #777 dashed 1px!important; outline-offset: -8px !important; border-radius:16px 16px 10px 10px!important; } .head1:hover{background:#000!important; border-top:0px dashed #a2ccb2!important; border-bottom:0px solid #ff99cc!important; box-shadow:0px 0px 0px #none; -webkit-transition:1s;-moz-transition:1s;} p#big_text:hover{ outline: #434343 dashed 1px!important; outline-offset: -8px !important; border-radius:16px 16px 10px 10px!important; } p#big_text{color:#fff!important; text-shadow:0px 0px 0px #999!important; font-family:tahoma;font-size:30px!important; font-style:normal;} p#big_text:hover{ color:#fff!important; text-shadow:0px 0px 0px #d5c7b7, 0px 0px 0px #efede0!important; font-family:tahoma; font-size:30px!important; letter-spacing:1px; -webkit-transition: 1s;-moz-transition: 1s; } h2,.box04_head{ background:#1f1f1f!important; border-radius: 15px 15px 10px 10px ; border-bottom:0px solid #9c685d!important; } .font_nu01{border-radius:6px 6px 4px 4px!important; background:#1f1f1f!important; padding-top: 4px; padding-bottom: 4px; -webkit-transition:0.6s;-moz-transition:0.6s;} .font_nu01:hover{background:#000!important; -webkit-transition:0.6s;-moz-transition:0.6s;} .font_nu01,.vote-sc{color:#fff!important; text-shadow:0px 0px 0px #bbb, font-family:tahoma; font-style:normal; } h2.box04_head02,h2>p,h2 p span,.favor,a.box04_head03{ color:#fff!important; background:none!important; } 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,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:#1f1f1f!important; } li{font-size:12px;} h3>span{ color:#1f1f1f!important; } .comment-order{font-size:30px!important; } P.vote_m{ color:#1f1f1f!important; border-right:1px dashed #ccc!important; } ul.name_story li p{background:none!important;} div>a.review,div>a.name_sb01,div.name_storybox>a{ color:#fff!important; background:#1f1f1f!important; border:1px dashed #999!important; border-radius:50px 50px 50px 50px!important; -webkit-transition:linear 2s; -moz-transition:linear 2s; } div>a.review:hover, div>a.name_sb01:hover, div.name_storybox>a:hover{ background:#1f1f1f!important; color:#fff!important; border:1px dashed #999!important; border-radius:50px 50px 50px 50px!important ; -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -o-transform: rotate(720deg); -ms-transform: rotate(720deg); transform: rotate(720deg); -webkit-transition:linear 0s; -moz-transition:linear 0s; } .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:#eee!important; border-radius:15px 15px 15px 15px!important; } 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; } .staticon.-lg{font-size:17px!important;} .story-action-wrapper>.actionbutton.-disabled>.staticon{ color:#fff!important; } .story-action-wrapper>.actionbutton.-disabled{ background:#1f1f1f!important; border: 1px dashed #999!important; } .story-action-wrapper>.actionbutton.-active, ul.box_facebook li .b_fb_like a{ background:#1f1f1f!important; border: 1px dashed #999!important; text-shadow:none!important; box-shadow:none!important; -webkit-box-shadow:none!important; -webkit-transition:1s; -moz-transition:1s; } ul.box_facebook li .b_fb_like a:hover{ background:#ccc!important; border: 1px dashed #666!important; border-radius:50%!important; -webkit-transform:rotate(1080deg)!important; -moz-transform:rotate(1080deg)!important; -webkit-transition:0s; -moz-transition:0s; } .big_fb{ border-top:1px dashed #ccc!important; } .big_fb{ border-top:1px dashed #ccc!important; } .b_fb_l_font01, .box_facebook-right01{ border-left:1px dashed #ccc!important; } ul.box_facebook li .b_fb_like a:hover{ padding:0px; } .ribbon,.subcomment-trigger{background:none!important;} li.cur{background:none!important;} .arrow_box:after,#drag-to-quote:after{border:none!important;} .comment-setbubble{ background:#fff!important; border-left:12px solid #1f1f1f!important; border-right:12px solid #1f1f1f!important; -webkit-box-shadow:13px #999!important; border-radius:2px 2px 15px 15px!important; } .comment-action:before{background:none!important;} .comment-action,.subcomment-trigger{ background:#fff!important; border-top:1px dashed #1f1f1f!important; border-radius:0px 0px 2px 2px!important; box-shadow:13px #999!important; } .arrow_box li{border:none!important;} .cm-setting button{border:none!important;} .icon-setting,.icon-reply,.cm-setbtn,.btn-social,.cm-set-noactive i{ color:#1f1f1f!important; text-shadow:none!important; } .icon-setting,.icon-reply:hover, .btn-social,.cm-set-noactive i:hover{ color:#666!important; } .arrow_box{background:none!important;} button{box-shadow:none!important;} button{ color:#1f1f1f!important; background:#fff!important;border:none!important; border:none!important; border-radius:6px 6px 6px 6px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } button:hover{ color:#333!important; background:#fff!important;border:none!important; border-radius:6px 6px 6px 6px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .avatar{ -webkit-transform:rotate(-360deg); border-radius:50%!important; background:#1f1f1f!important; border:1px solid #1f1f1f!important; padding:8px!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .avatar:hover{ -webkit-transform:rotate(-720deg); border-radius:30%!important; background:#fff!important; border:1px dashed #1f1f1f!important; border-radius:50% 50% 50% 50%!important; -webkit-transition:linear 0s; -moz-transition:linear 0s; } img[src*='/1/newtoon/'],.user-pic-comment{ width:60px; height:60px; border-radius:50% 50% 50% 50%!important; border:3px solid #fff!important; -webkit-transition:linear 1.5s!important; -moz-transition:linear 1.5s!important; } img[src*='/1/newtoon/']:hover,.user-pic-comment:hover{ border-radius:50% 50% 50% 50%!important; -webkit-transform:rotate(1080deg); -webkit-transition:linear 1s!important; -moz-transition:linear 1s!important; } span.cke_skin_kama{ background:#fff!important; box-shadow:0px 0px 2px #1f1f1f!important; border-radius:25px 25px 25px 25px; border:5px solid #1f1f1f!important; padding:2px; -webkit-transition:linear 0s; -moz-transition:linear 0s; } .cke_skin_kama .cke_wrapper{ background:#fff!important; border-radius:25px 25px 25px 25px; border:3px solid #1f1f1f!important; -webkit-transition:linear 0s; -moz-transition:linear 0s; } span.cke_skin_kama:hover{ background:#fff!important; border-radius:15px 15px 15px 15px; border:5px solid #000!important; -webkit-transition:linear 0s; -moz-transition:linear 0s; } .cke_skin_kama .cke_wrapper:hover{ background:#fff!important; border-radius:15px 15px 15px 15px; border:3px solid #000!important; -webkit-transition:linear 0s; -moz-transition:linear 0s; } .cm-box-area .comment-submit{ border:0px dashed #fff!important; } .cm-box-area .comment-submit:hover{ border:0px dashed #fff!important; } .btn-orange{ width:170px!important; padding:5px!important; background:#1f1f1f!important; color:#fff!important; text-shadow:none!important; -webkit-box-shadow:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .btn-orange:hover{ background:#ccc!important; color:#1f1f1f!important; -webkit-transition:linear 0s; -moz-transition:linear 0s; } input,select,textarea{ color:#1f1f1f!important; background:#fff!important; border-top:1px dashed #1f1f1f!important; border-bottom:1px dashed #1f1f1f!important; border-left:1px dashed #1f1f1f!important; border-right:1px dashed #1f1f1f!important; font-family:tahoma; border-radius:10px 10px 10px 10px!important; -webkit-box-shadow:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .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:#ccc!important; color:#1f1f1f!important; } *::-moz-selection{ background:#ccc!important; color:#1f1f1f!important; } *::-webkit-selection{ background:#ccc!important; color:#1f1f1f!important; } input:hover , select:hover , textarea:hover { color:#333!important; background:#fff!important; border-top:1px solid #333!important; border-bottom:1px solid #333!important; border-left:1px solid #333!important; border-right:1px solid #333!important; font-family:tahoma; border-radius:20px 20px 20px 20px!important; -webkit-box-shadow:none!important; -webkit-transition:linear 1s; -moz-transition:linear 1s; } .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; } ::-webkit-scrollbar{ width: 5px; } ::-webkit-scrollbar-track-piece:decrement{ background:#fff!important; } ::-webkit-scrollbar-track-piece:increment { background:#1f1f1f!important; } ::-webkit-scrollbar-button{ background: #1f1f1f!important; height: 18px!important; } ::-webkit-scrollbar-thumb{ background: #1f1f1f!important; } a:link{ color:#1f1f1f; text-decoration:none!important; -webkit-transition:1s; -moz-transition:1s; } a:active,a:visited{ color:#1f1f1f!important; text-decoration:none!important; } a:hover{ color:#1f1f1f!important; background:#e6e6e6!important; background-repeat:no-repeat!important; position:relative; top:0px; left:0px; font-weight:bold; text-transform:uppercase; border-radius:2px 2px 2px 2px; border-top:0px dashed #f3e0c0!important; border-bottom:0px dashed #f3e0c0!important; border-left:6px solid #1f1f1f!important; border-right:0px dashed #f3e0c0!important; text-shadow:0px 0px 0px none!important; box-shadow:1px 1px 1px #999; -webkit-transition:1s; -moz-transition:1s; } 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;} .toolbar{ background:#fff!important; text-shadow:none!important; box-shadow:0 .1em .1em #ccc!important; } .toolbar-submenu-item .tb-icon-submenu, .icon-fa-smile,.toolbar-submenu-item span{ color:#1f1f1f!important; } .toolbar-submenu-item .tb-icon-submenu:hover, .icon-fa-smile:hover, .toolbar-submenu-item:hover span{ color:#1f1f1f!important; } .toolbar-input{ width:200px!important; } .tb-btn-orange{ border: dashed 1px #1f1f1f!important; background: #fff!important; border-radius:5px!important; box-shadow: none!important;text-shadow: none!important; } .tb-btn-orange:hover{ color:#1f1f1f!important; background:#e6e6e6!important; } i.icon-fire.tb-fire{color:#1f1f1f!important;} .tb-logo{ background-image: url( https://upic.me/i/4k/06502.png )!important; } .tb-logo:hover{ background-image:url( https://upic.me/i/4k/06502.png )!important; background-repeat:no-repeat!important; background-position:center!important; } .toolbar-container{box-shadow:none!important;border:none!important;} .toolbar-user-menu{box-shadow:none!important;border:none!important;} img.tb-user-thumb{border:none!important;box-shadow:none!important;} ul.bigsize li span{ border-right:1px dashed #fff; } 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 #ccc; font-size:12px!important; } ul.bigsize li a:hover, ul.next li a:hover{ background:#e6e6e6!important; } .big_next1{ width:835px!important; border-top:1px dashed #ccc!important; } .big_next2{ width:835px!important; border-bottom:1px dashed #ccc!important; } .vote_box{ background:#fff!important; border:1px dashed #1f1f1f!important; border-radius:10px 10px 10px 10px!important; } .select-style{ border-top:none!important; border-left:none!important; border-right:1px dashed #1f1f1f!important; border-bottom:1px dashed #1f1f1f!important; border-radius:10px 10px 10px 10px!important; } .vote_box3{ width:50px!importaant; font-size:14px!important; } .vote_box3{ background:#fff!important; border:1px dashed #1f1f1f!important; border-radius:10px 10px 10px 10px!important; } .vote_box3:hover{ background:#e6e6e6!important; border:1px dashed #1f1f1f!important; border-radius:30px 30px 30px 30px!important; } .vote_box2{margin-left:5px!important;}</style> <style name="delete" type="text/css"> #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;}</style> <style type="text/css"> img{border:none!important;}</style> <style type="text/css"> div.chapter-item-update.txt-very-small.txt-gray-light{display:none!important;} span.hidden-xs-down{display:none!important;} li.chapter-item.li-chapter-0{display:none!important;} img.img_ad{display:none!important;}</style> <style type="text/css"> h1{margin-bottom: 0px!important; margin-top: 0px!important;}</style> <style type="text/css"> ul.chapter-list{padding-bottom: 0px!important; padding-top: 0px!important;}</style> <style type="text/css"> .chapter-item{ padding-bottom: 3px!important; padding-top: 3px!important; border-bottom: 0px solid!important; border-bottom-width: 0px!important; border-bottom-style: solid!important;}</style> <style type="text/css"> #content_name {display:none !important}</style> <style type="text/css"> .desc_head,.font_nu02,.bigsize {display:none !important}</style> <style name="TheSeeker Reki" type="text/css"> img[src*='/board/pic/toon/']:hover , img[src*='/newtoon/']:hover{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-animation-name:gmnr;-webkit-animation-duration: .2s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');} @-moz-keyframes gmnr{20%{ -moz-transform:: translate(0px, 0px) rotate(5deg); }}@-webkit-keyframes gmnr {20% { -webkit-transform: translate(0px, 0px) rotate(5deg);}}}</style> <style id="tantine" type="text/css"> a:link{ transition:all 1s ease-out; -webkit-transition: 1s; -moz-transition: 1s; } a:hover { transition:all .5s ease-out; -webkit-transition: .5s; -moz-transition: .5s; }</style> <style name="itimyen" type="text/css"> img[src*='/a/writer/pic/head_life.gif'],img[src*='/a/writer/pic/head_know.gif'],img[src*='/a/writer/pic/head_free.gif']{display:none!important;}table{background:#fff;border-radius:1px;border:none;border-color:#c2dcdb!important;}td {background:none;border:none;}td font{color:#8e8d8d!important;} a img:hover{opacity:1;-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 name="captain" type="text/css"> img { filter: alpha (opacity=100); opacity:1.0;}img:hover { filter: alpha(opacity=70); opacity:.7 } img {-webkit-transition:0.7s; -moz-transition:0.7s; -o-transition:0.7s;}</style> <style type="text/css"> .b_fb_l_i01 {background:#e6e6e6 !important }</style> <div style="top: 42px !important; left: 0px !important; text-align: center; padding-top: 5px; display: inline-block; background: #FFFFFF none repeat scroll 0% 0% !important; width: 20px !important; height: 108px !important; position: fixed; text-decoration: none; font-weight: bold; text-transform: uppercase; border-radius: 0px 8px 8px 0px; box-shadow: 1px 2px 2px #CCCCCC;" target="_blank" title="CLICK!"> <span style="font-family: tahoma;"><strong><a href="http://writer.dek-d.com/seo-yuri/writer/view.php“id=1146578" target="_blank">B<br> E<br> R<br> L<br> I<br> N<br> ❀</a></strong></span> <style name="brownniemacaron" type="text/css"> .action-view-link .call-to-action { display: none; font-size: none; min-width: 20px;} </style> <style type="text/css"> .bigname_sb01: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');-webkit-transform:scale(0.90);-moz-transform:scale(0.90);} @-moz-keyframes gmnr{50%{ -moz-transform:: translate(0px, 0px) rotate(3deg); }}@-webkit-keyframes gmnr {50% { -webkit-transform: translate(0px, 0px) rotate(3deg);} /*ห้ามลบเครดิต Mymine@Dek-d [Pansung]*/ </style> <style type="text/css"> ul.chapter-list{padding-bottom: 0px!important;padding-top: 0px!important;color:#9c8a78!important;} </style> <style type="text/css"> .chapter-item{padding-bottom: 2px!important;padding-top: 2px!important;border-bottom: 0px solid!important;border-bottom-width: 0px!important;border-bottom-style: solid!important;} </style> <style name="bottomAdsClear" type="text/css"> p.banner,.accord-r,.banner-area,.accord-u{ display:none!important;} <!--(cr.itimYen)--> </style> </div>   - C O D E  M O U S E -  <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-7/oth687.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/25/dimension-precision-select.html" target="_blank" title="Dimension Precision Select"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Dimension Precision Select" style="position:absolute; top: 0px; right: 0px;" /></a>

B
E
R
L
I
N
❀