: Theme :

posted on 08 Oct 2008 18:39 by con-toxic

♪ THE THEME!

* สารบัญรวมธีมเก่า ๆ *

version : 1 : yoite x miharu ,, { green ,, }

 CSS ,,  HTML ' BY : M ' BBEARS  &  P ' JENSARU .

version : 2 : Giotto ' Sama ,, { green ,, }

 CSS ,,  HTML ' BY : M ' BBEARS  &  P ' JENSARU .

version : 3 : D18 ,, { blac & yellow ,, }

 CSS ,, HTML ' BY : ME  &  P ' JENSARU .

version : 4 : Yisan , , { dark - blue & gray ,, }

 C S S ,, HTML ' B Y : ME  &  P ' JENSARU .

version : 5 : Giotto ' Primo ,, { green & dark - brown ,, }

 CSS ,, HTML ' BY : ME  &  P ' JENSARU .

 

version : 6 : Twilight ' Couple 1 ,, { green & white - gray ,, }

CSS ,, HTML ' BY : ME  &  P ' JENSARU .

 

version : 7 : Twilight ' Couple 2 ,, { light - brown ,, }

CSS ,, HTML ' BY : ME & OLD ' CODE .

version : 8 : Lamento ' LK ,, { white & black & dark - red ,, }

 CSS ,, HTML ' BY : ME .

 

version : 9 : FF7 ' AC ,, { white & black ,, }

 CSS ,, HTML ' BY : ME .

 

version : 10 : Oofuri ' Nishiura ,, { white & pink & yellow & green ,, }

 CSS ,, HTML ' BY : ME .

 

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

THEME ;  ____ ,,  { free * }

1 . [ MONOCHROME ' FACTOR ]

โมโนโครม ' แฟ็คเตอร์ ___ ,,

ธีมฟรีที่หมักดองไว้ชาติเศษ ... 

ใครที่ชอบก็เชิญก๊อปโค้ดไปดัดแปลงได้นะครับ

ไม่ต้องให้เครดิทก็ได้ * ________ ,,

เพราะผมก็ไม่ใช่คนที่เป็นเจ้าของลิกขสิทธิ์อ่านะครับ

/*Normal Theme for the new exteen*/ /*Copyright by Etceto co,ltd. 2007*/ /*======================================================================*/ /* Simple Reset - Not Editable*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } strong { font-weight: bold; } u { color: #666666; text-decoration: none; background: #ffffff; border-bottom: 0px; dashed: #939393; } /* General */ body { background:#000000 url(http://i211.photobucket.com/albums/bb196/Blize-Station/bg-so.gif) repeat; color:#666666; font:12px Verdana, Arial, Helvetica, sans-serif,"Verdana"; line-height:1.5em; text-align:center; } a:link, a:visited{ color:#666666; text-decoration:none; } a:hover, a:active{ color:#ffffff; background:#666666; } #page{ margin:auto; padding-top:0px; text-align:left; width:850px; float:left; } #header, #neck, #belly, #leg, #footer{ float:left; width:850px; } /*======================================================================*/ /* Header */ #header{ background:url(http://i211.photobucket.com/albums/bb196/Blize-Station/Mono-Chrome.jpg) top left no-repeat; padding:0px 0px 0px 0px; } #header h1 a{ color:#666; font-size:24px; display:none; } #header h1 a:hover{ color:#ffffff; } #header h2{ font-size:12px; margin:0px 0px 0px 0px; display:none; } #coverimage{ background:url() no-repeat; height:800px; width:850px; margin-bottom:0px; } /*======================================================================*/ /* Neck Menu */ #neck { background:#ffffff url(http://i211.photobucket.com/albums/bb196/Blize-Station/note_bg_green.png) repeat; text-align: left; font-family: 'Verdana'; border-buttom: 0px dotted #000000; } #neck .module { background: none; display: block; float: left; margin: 10px 0px 20px 25px; padding: 2px 0px 5px 20px; width: 185px; border: 1px dotted #939393; } #neck .module ul { display: inline; list-style: none; margin: 0; padding: 0; font: 11px 'Verdana'; } #neck .module h2 { font-family: "Tahoma", sans-serif; font-size: 14pt; text-transform: lowercase; font-style: normal; color: #666666; background: url( ) no-repeat right bottom; padding-left: 10px; text-align: left; letter-spacing: 2px; } #neck .module li { border-buttom: 0px dotted #939393; padding: 3px 4px 3px 5px; } #neck .module li a { padding: 2px 10px 2px 5px; font-size: 10px; text-transform: uppercase; } #neck .module li a:hover { padding: 2px 10px 2px 5px; color: #E5E3D9; text-transform: uppercase; } #neck .module ul a:hover { color: #ffffff; text-transform: uppercase; } #neck .module li:hover { background-image: url( ); border-left: 5px solid #656565; text-transform: uppercase; } /*======================================================================*/ /* Content */ #belly{ background:#ffffff url(http://i211.photobucket.com/albums/bb196/Blize-Station/note_bg_green.png) repeat; } #content{ display:inline; float:left; margin:10px 15px 0px 25px; width:500px; /*Fix too large image makes content drop problem in IE*/ overflow:visible !important; overflow:hidden; } .entry{ float:center; margin-bottom:15px; } .entry .title{ display:block; float:center; margin-bottom:10px; width:100%; } .entry .title h2{ border-bottom:3px double #e4e4e4; font-size:20px; float:center; } .entry .title h2 a{ color:#949494; } .entry .title h2 a:hover{ color:#ffffff; } .entry .title span{ color:#666666; font-size:10px; } .entry .post{ float:left; } .entry .post p{ margin-bottom:10px; } .entry .info{ float:left; width:100%; } .entry .info .tag{ float:center; font-size:10px; width:350px; } .entry .info .coms{ float:right; } /*======================================================================*/ /* Sidebars */ #sidebar, #sidebar2{ background:#ededed url(http://i211.photobucket.com/albums/bb196/Blize-Station/bg-so.gif) repeat; display:inline; float:right; margin:5px 25px 0px 0px; width:230px; } #sidebar2{ background:#ededed url(http://i211.photobucket.com/albums/bb196/Blize-Station/bg-so.gif) repeat; display:inline; float:right; margin:5px 25px 0px 0px; width:230px; } #sidebar .module, #sidebar2 .module{ margin:5px 5px 15px 5px; } #sidebar .module ul, #sidebar2 .module ul{ margin:5px 0px 0px 5px; padding:0; /*list-style: none;*/ list-style-type: none; list-style-position: none; } #sidebar .module h2, #sidebar2 .module h2{ text-indent:-9999px; } /* Sidebar Header image */ #sidebar #recommend h2, #sidebar2 #recommend h2{background:url(http://g.exteen.com/t/apollo/hd_recommend.png) no-repeat;width:131px;height:19px;} #sidebar #previous h2,#sidebar2 #previous h2{background:url(http://g.exteen.com/t/apollo/hd_previous.png) no-repeat;width:104px;height:23px;} #sidebar #commentalert h2,#sidebar2 #commentalert h2{background:url(http://g.exteen.com/t/apollo/hd_comments.png) no-repeat;width:181px;height:19px;} #sidebar #favourites h2,#sidebar2 #favourites h2{background:url(http://g.exteen.com/t/apollo/hd_favourites.png) no-repeat;width:105px;height:19px;} #sidebar #links h2,#sidebar2 #links h2{background:url(http://g.exteen.com/t/apollo/hd_links.png) no-repeat;width:52px;height:19px;} #sidebar #categories h2,#sidebar2 #categories h2{background:url(http://g.exteen.com/t/apollo/hd_categories.png) no-repeat;width:112px;height:23px;} #sidebar #archives h2,#sidebar2 #archives h2{background:url(http://g.exteen.com/t/apollo/hd_archives.png) no-repeat;width:89px;height:19px;} #sidebar #tags h2,#sidebar2 #tags h2{background:url(http://g.exteen.com/t/apollo/hd_tags.png) no-repeat;width:49px;height:23px;} #sidebar #pagemenu h2,#sidebar2 #pagemenu h2{background:url(http://g.exteen.com/t/apollo/hd_pages.png) no-repeat;width:64px;height:23px;} a.archive{ background:url(http://g.exteen.com/t/apollo/icon_archive.gif) no-repeat; width:12px; height:12px; padding-left:15px; margin-left:4px; } /*======================================================================*/ /* Configure each module */ /* Profile */ #profile{ width:100%; height:150px; } #profile img{ float:center; margin-right:10px; } #profile span{ display:block; } #profile .info{ width:100% !important; width:100%; } /* Tags */ #tags li{ display:block; margin-right:5px; } /*======================================================================*/ /* Comment Form */ #commentform{ width:100%; background:#ededed url(http://i211.photobucket.com/albums/bb196/Blize-Station/bg-so.gif) repeat; float:left; } #commentform form{ margin:5px; } #commentform h3{ font-size:16px; font-weight:bold; } #commentform .formrow{ border-top:1px solid #DDD; padding:2px; } #commentform label{ float:left; width:150px; } #commentform input.textbox{ width:150px; } #commentform textarea{ width:310px; height:150px; background:#ffffff; } /*======================================================================*/ /* Comment (Showing Area) */ .comment{ border-bottom:1px solid #DDD; float:left; margin:5px 0px 5px 0px; padding-bottom:5px; width:100%; } .comment .post{ float:right; width:330px; } .comment .post p{ margin-bottom:10px; } .comment .info{ float:left; font-size:10px; width:150px; margin-right:10px; } .comment .info img{ width:32px; } /*======================================================================*/ /* Leg Menu */ #leg{ background:#ffffff url(http://i211.photobucket.com/albums/bb196/Blize-Station/note_bg_green.png) repeat top left; text-align: left; font-family: 'Verdana'; } #leg .module{ background:none; display:block; float:left; margin:10px 0px 0px 25px; padding:2px 0px 5px 20px; width:180px; } #leg .module ul{ display:inline; list-style: none; margin:0px; padding:0px; font:11px 'Verdana'; } #leg .module h2{ font-size:10px; font-weight:normal; text-transform:uppercase; } #leg .module li { /*display:inline;*/ border: 1px dotted #939393; background-color:#; padding:3px 4px 3px 5px; } #leg .module li a{ padding-left:5px; font-size:10px; } #leg .module li a:hover{ color:#ffffff; } #leg .module ul a:hover{ color:#ffffff; } #leg .module li:hover{ background-color:#; } /*======================================================================*/ /* Footer */ #footer{ background:url() bottom left no-repeat; height:60px; } #footer p{ background:#EEE; border-top:1px solid #CCC; border-bottom:1px solid #CCC; display:none; font-size:10px; text-align:center; margin:5px 25px 0px 25px; padding:5px; } /*======================================================================*/ .navbar{ float:left; } .commentmanage{ clear:both; } /*PNG support for IE*/ #header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) } #sidebar .module h2, #sidebar2 .module h2{ behavior: url(/global/iepngfix.htc) } /* Cursor*/ } A{CURSOR: ne-resize }; } html { scrollbar-arrow-color: #CCC; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #CCC; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #CCC; }

THEME ;  ____ ,,  { free * }

2 . [ KATEKYO ' HITMAN ' REBORN ]

 คาเทเคียว ' ฮิตแมน ' รีบอร์น ___ ,,

ธีมฟรีที่หมักดองไว้ชาติเศษอีกธีม ...

เป็นรูปทูน่า TYL. จากเซอร์เคิลโปรดผมเอง *

แบบว่าให้อารมณ์หลอนๆปนเศร้าดีผมชอบ ~ 55 + 

ใครที่ชอบก็เชิญก๊อปโค้ดไปดัดแปลงได้นะครับ ❤

ไม่ต้องให้เครดิทก็ได้ * ________ ,,

เพราะผมก็ไม่ใช่คนที่เป็นเจ้าของลิกขสิทธิ์อ่านะครับ * 

/*Normal Theme for the new exteen*/ /*Normal Theme for the new exteen*/ /*Copyright by Etceto co,ltd. 2007*/ /*======================================================================*/ /* Simple Reset - Not Editable*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; } strong{ font-weight:bold; } u { color: #000; text-decoration: none; background:#fff; border-bottom: 1px dotted #000; } blockquote { width:80%; margin-left: 50px; padding: 15px; background:url(); border-top: 10px solid #30241f; } /* General */ body { background:#000 url(); color:#fff; font:12px Tahoma, "MS Sans Serif"; line-height:1.5em; text-align:center; border: 2px solid #c2c2c2; } a:link, a:visited{ color:#fff; text-decoration:none; } a:hover, a:active{ color:#fff; border-bottom: 0px dotted #fff; font-weight: bold; } #page{ margin:auto; padding-top:0px; text-align:left; width:950px; float:left; } #header, #neck, #belly, #leg, #footer{ float:left; width:950px; } /*======================================================================*/ /* Header */ #header{ background: url(http://i211.photobucket.com/albums/bb196/Blize-Station/cf.jpg) no-repeat; padding:50px 0px 0px 0px; text-align:left; margin-top:0px; } #header h1 a{ font-size:32px; font-family:'STENCIL'; display:none; } #header h1 a:hover{ color:#ffffff; } #header h2{ display:none; /*เธ–เน�เธฒเธ•เน�เธญเธ�เธ�เธฒเธฃเน�เธ�เธงเน� tagline เธ�เน�เธฅเธ�เธ�เธฃเธฃเธ—เธฑเธ”เธ�เธตเน�*/ font-size:11px; font-family:verdana; margin-top:0px; font-weight:normal; color:#ffffff; } #coverimage{ background:url() no-repeat; height:360px; width:950px; margin-top:0px; } /*======================================================================*/ /* Neck Menu */ #neck { background:#000 url(http://quizie.exteen.com/images/back2.gif) repeat; text-align: right; font-family: 'Verdana'; border-buttom: 0px dotted #000000; } #neck .module { background: none; display: block; float: left; margin: 10px 0px 20px 25px; padding: 2px 0px 5px 20px; width: 185px; border-buttom: 0px double #000000; } #neck .module ul { display: inline; list-style: none; margin: 0; padding: 0; font: 11px 'Verdana'; } #neck .module h2 { font-family: "Tahoma"; font-size: 12pt; text-transform: lowercase; font-style: normal; color: #ffffff; background: url(http://con-toxic.exteen.com/images/THEME/back.gif) repeat right bottom; padding-left: 10px; text-align: center; letter-spacing: 2px; background:#30241f; font-style: blod; } #neck .module li { border-buttom: 0px dotted #939393; padding: 3px 4px 3px 5px; } #neck .module li a { padding: 2px 10px 2px 5px; font-size: 10px; text-transform: uppercase; color: #fff; border-right: 5px solid #30241f; } #neck .module li a:hover { padding: 2px 10px 2px 5px; color: #ffffff; text-transform: uppercase; } #neck .module ul a:hover { color: #fff; text-transform: uppercase; } #neck .module li:hover { background-image: url() ; border-top: 0px solid #ccc; border-bottom: 0px solid #ccc; text-transform: uppercase; font-weight: bold; list-style: none; } /*======================================================================*/ /* Content */ #belly{ background:#000url() repeat; } #content{ display:inline; float:left; margin:10px 5px 5px 40px; width:500px; /*Fix too large image makes content drop problem in IE*/ overflow:visible !important; overflow:hidden; } .entry{ float:left; margin:0px 10px 0px 0px; padding-bottom:15px; border-bottom:5px solid #fff; color:#fff; line-height:1.75em; width:500px; text-align:center; } .entry .title{ display:block; float:left; color:#ffffff; margin-top:10px; margin-bottom: 10px; width:100%; text-align:center; /*text-align:right;*/ } .entry .title h2{ font-family: "Tahoma"; font-size: 12pt; text-transform: uppercase; font-style: blod; color:#fff; background:#30241f; text-align:center; /*font-family: Cambria, serif;*/ /*text-transform: lowercase; font-style: italic;*/ text-transform: uppercase; margin: 0px; font-weight:bold; letter-spacing:3px; padding-bottom: 10px; border-bottom:5px solid #fff; } .entry .title h2 a{ color:#fff; } .entry .title h2 a:hover{ color:#fff; } .entry .title span{ color:#fff; font-size: 10px; /*font-family:verdana;*/ font-family: Verdana; font-style: blod; text-align:center; /*text-align:right;*/ letter-spacing:1px; margin-bottom: 5px; line-height: 1.6em; } .entry .title span a:hover{ color:#fff; background:#30241f; } .entry .post{ margin-top:15px; } .entry .post p{ margin-bottom:10px; } .entry .info{ float:left; width:100%; } .entry .info .tag{ color:#fff; float:left; font-size:12px; font-family:Verdana; margin-bottom: 0px; } .entry .info .coms a{ float:right; color:#fff; background:#30241f; margin-bottom: 0px; font-family: Verdana; font-size: 10pt; text-transform: uppercase; font-style: blod; } .nav{ background: url(http://quizie.exteen.com/images/back2.gif); color:#fff; font-family: Verdana; font-style: blod; font-size: 12pt; text-align:right; } /*======================================================================*/ /* Sidebars */ #sidebar, #sidebar2{ background: url(http://quizie.exteen.com/images/back2.gif); display:inline; float:left; margin:0px; padding:10px 15px 15px 15px; width:300px; } #sidebar{ display:none; } #sidebar .module, #sidebar2 .module{ margin:5px 5px 15px 5px; } #sidebar .module ul, #sidebar2 .module ul{ border-bottom-width:0px; margin:0px; padding:0px; list-style: none; font: 11px 'Verdana'; line-height:1.5em; text-align:center; } #sidebar .module li , #sidebar2 .module li { padding:3px 4px 3px 5px; } #sidebar .module ul, #sidebar2 .module ul a:hover{ color:#fff; } #sidebar .module li:hover, #sidebar2 .module li:hover{ background-color:#30241f; border: 0px solid #ccc; } #sidebar .module h2, #sidebar2 .module h2{ font-family: "Tahoma"; font-size: 12pt; text-transform: uppercase; color:#fff; background:#30241f; text-align:center; } #sidebar .module img, #sidebar2 .module img { vertical-align: middle; } a.archive{ background:url(http://g.exteen.com/t/simple/icon_archive.gif) no-repeat; width:13px; height:12px; padding-left:15px; overflow:hidden; margin-left:4px; } /*======================================================================*/ /* Configure each module */ /* Profile */ #profile{ width:100%; height:180px; } #profile img{ max-width:150px; } #profile span{ display:block; font-size: 12px; text-align: center; font-family: Verdana;font-weight: bold; color:#fff; background-image:#30241f url(http://con-toxic.exteen.com/images/THEME/orx.gif) ; float:center; } #profile .info{ width:100% !important; font-size: 12px; font-family: Verdana; color:#fff; } /* Tags */ #tags li{ display:block; margin-right:0px; } /*======================================================================*/ /* Comment Form */ #commentform{ width:100%; background:#000 url(http://quizie.exteen.com/images/back2.gif) repeat; float:right; border: 0px dotted #666666; } #commentform form{ margin-top:15px; } #commentform h3{ font-size:14px; font-family:Tahoma; font-weight:bold; text-align:center; color:#fff; letter-spacing: 5px; text-transform:uppercase; } #commentform .formrow{ border-top:0px solid #DDD; padding:5px; font: 12px 'Verdana'; color:#fff; } #commentform label{ float:left; width:55px; font: 12px 'Verdana'; color:#fff; padding-right:10px; } #commentform input{ border: 2px dashed #fff ; font: 14px 'Verdana'; color:#fff; background:#000; } #commentform textarea{ width:310px; height:100px; font: 12px 'Tahoma'; border: 0px dashed #666666; color:#fff; padding:4px; margin:3px 0px 3px 0px; border: 2px dashed #fff; background:#000 url(http://quizie.exteen.com/images/back2.gif) repeat; } /*======================================================================*/ /* Comment (Showing Area) */ .comment{ border:0px dotted #666666; float:left; margin:35px 0px 0px 10px; padding-bottom:5px; width:94%; } .comment .post{ background:#; float:left; width:95%; padding: 15px; font-size:12px; border: 2px dashed #fff; } .comment .post p{ margin-bottom:10px; } .comment .info{ text-align: left; font-size:10px; width:100%; margin-left:0px; color: #fff; font-weight: normal; .comment .info a.commentno{ float:right; text-align: right; font-size:24px; font-weight:bold; color:#666666; } .comment .info img{ width:32px; } /*======================================================================*/ /* Leg Menu */ #leg{ background:#000000 url(http://con-toxic.exteen.com/images/THEME/background.gif) repeat top left; text-align: left; font-family: 'Verdana'; } #leg .module{ background:none; display:block; float:left; margin:10px 0px 0px 25px; padding:2px 0px 5px 20px; width:180px; } #leg .module ul{ display:inline; list-style: none; margin:0px; padding:0px; font:11px 'Verdana'; } #leg .module h2{ font-size:10px; font-weight:normal; text-transform:uppercase; } #leg .module li { /*display:inline;*/ border-bottom: 1px dotted #ffffff; padding:3px 4px 3px 5px; } #leg .module li a{ padding-left:5px; font-size:10px; } #leg .module li a:hover{ color:#ffffff; } #leg .module ul a:hover{ color:#ffffff; font-weight: bold; } #leg .module li:hover{ background-color:#; } /*======================================================================*/ /* Footer */ #footer{ background:#000000 url(http://con-toxic.exteen.com/images/THEME/background.gif) repeat top left; height:50px; } #footer p{ background:#FFFFFF url(http://con-toxic.exteen.com/images/THEME/browii.gi) repeat top left; border-top:0px dotted #CCC; font-size:10px; font-family:Verdana,sans-serif; text-align:center; margin:15px 25px 0px 25px; padding:5px; display:none; } /*======================================================================*/ .navbar{ float:left; } .commentmanage{ clear:both; } /*PNG support for IE*/ #header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) } #sidebar .module h2, #sidebar2 .module h2{ behavior: url(/global/iepngfix.htc) } } html { scrollbar-arrow-color: #000; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #000; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-darkshadow-color: #000; }

 End * _____ ,, 

{ รายชื่อนู๋ๆที่ปู่จีจะต้องธีมทำีให้ ; }

- คุณภรรยา ,, STATUS : 98 %

- ลูกมินท์ ,, STATUS : 80 %

- หลานเนียร์ ,, STATUS : 60 %

- แพน ,, STATUS : 0 %

- พิช ,, STATUS : 0 %

- พี่สาว ,, STATUS : 0 %

- บลาๆๆๆๆ ,, STATUS : 0 %

อาจจะมีนโยบายแจกฟรีธีมให้กับผู้ที่ร่วมสนุกครับ *

{ ตามประสาเกมง้าวๆของไอ้โซล ; }

COMING ' SOON *

" แล้วพบกันครับ "                        CHU ❤ ,,