¤ FREE THEME: SimpleWhite

posted on 07 Oct 2010 23:52 by sypruskung in FreeTheme

เมื่อวานเพิ่งเขียนธีมให้ @PanthonicJr เสร็จล่ะ (โดนมันใช้มา ก็ว่า)
ก็เลยขอมาแจกฟรีซะเลย
กร๊ากกก XD



Conditions
  • อนุญาติให้นำไปใช้ได้ แต่ห้ามใช้ในทางการค้า
  • ไม่นำไปแอบอ้างว่าเป็นผลงานของตนเอง
  • ถ้าเอาไปใช้แล้วใส่ที่มา ลิงค์กลับมาที่เอนทรีนี้หรือบล็อกนี้ จะเป็นพระคุณอย่างสูงค่ะ !
  • แต่ใครไม่ใช้แล้วจะคอมเม้นก็ได้นะ ดีใจเหมือนกัน XD
  • ถ้ามีปัญหาอะไร ems มาได้ จะพยายามเข้ามาตอบให้ค่ะ
  • ปรับแต่งแก้ไขได้ตามความเหมาะสมเลยนะคะ
  • รบกวนใครที่เอาไปใช้ทิ้งคอมเม้นไว้ด้วยนะ เผื่อมีการแก้บัคอะไรจะได้ ems ไปบอกค่ะ

มาดูรูปพรีวิวกันก่อนละกัน
หรือแบบไฮโซวกว่านั้น *แนะนำ* ดูสด ที่นี่ (กรุณารอซักครู่ถ้ามันยังเป็นธีมอะพอลโล่แบบเบี้ยวๆอยู่ หรือใจร้อนก็รีเฟรชตามสบาย)



อธิบายแบบขี้เกียด = ดูรูปเอาละกัน อธิบายไว้ในลิงค์ดูสดหมดแล้วอ่ะ

HEADER

HEADER



FOOTER

FOOTER



SIDEBAR

SIDEBAR



COMMENT

COMMENT





INSTALLATIONS

วิธีติดตั้งก็ง่ายขริง
ก๊อบโค้ดข้างล่างนี้ไปใส่แทนที่ใน theme slot อันไหนก็ได้


/*Normal Theme for the new exteen*/
/*Copyright by Etceto co,ltd. 2007*/

/*SimpleWhite Theme by http://sypruskung.exteen.com*/

/*======================================================================*/
/* 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;
}

/* General */
body {
background:#EEF3F2;
color:#797979;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
}

a:link, a:visited{
color:#CFCFCF;
text-decoration:none;
}

a:hover, a:active{
color:#797979;
cursor: help;
}
#page{
margin:auto;
padding-top:0px;
text-align:left;
width:960px;
}

#header, #neck, #belly, #leg, #footer{
float:left;
width:960px;
}

/*======================================================================*/
/* Header */

#header{
background:#FFF;
margin-top: 70px;
padding: 20px 0px 10px 0px;
}

#header h1{
text-align:center;
margin-top:80px;
margin-bottom: -55px;
}

#header h1 a{
color:#797979;
font-style: bold;
font:36px Georgia;
text-transform:uppercase;
}

#header h1 a:hover{
color:#CFCFCF;
}

#header h2{
color:#797979;
font:12px Palatino Linotype, Georgia;
text-transform:uppercase;
text-align:center;
padding-bottom:10px;
height: 100px;
margin:0px;
width:100%;
}

#coverimage{
height:200px;
width:940px;/*best size นะจ๊ะ*/
background:gray;
margin-left:10px;
margin-right:10px;
margin-top:-50px;
display:none;
}

/*======================================================================*/
/* Neck Menu */

#neck{
background: white;
padding-bottom:100px;
}

#neck .module{
background: white;
display:inline;
float:left;
margin-top:-4px;
margin-bottom:0px;
padding:2px 0px 5px 0px;
width:960px;
text-align:center;
}

#neck .module ul{
display:inline;
margin:0px;
padding:0px;
color:#CFCFCF;
}

#neck .module h2{
display:none;
}

#neck .module li{
font: 14px Georgia;
font-weight: normal;
text-transform:uppercase;
display:inline;
padding:0px 10px 0px 10px;
color: #CFCFCF;
}

#neck .module li a{
color: #CFCFCF;
}

#neck .module li a:hover{
color: #797979;
}

/*======================================================================*/
/* Content */

#belly{
margin-top:0px;
background:white;
}

#content{
background: #FFF;
display:inline;
float:left;
padding: 0px 10px 10px 10px;
width:710px;
/*Fix too large image makes content drop problem in IE*/
overflow:visible !important;
overflow:hidden;
}

#content h2{
width:710px;
text-align:right;
text-transform:uppercase;
font: 24px Georgia;
color:#797979;
font-style: bold;
}

.entry{
float:left;
margin-bottom:15px;
}

.entry .title{
display:block;
width:710px;
margin-bottom:30px;
}

.entry .title h2{
font: 25px Palatino Linotype, Georgia;
font-weight:bold;
text-transform:capitalize;
text-align:right;
border-bottom:1px dashed #e4e4e4;
}

.entry .title h2 a{
color:#797979;
}

.entry .title h2 a:hover{
color:#CFCFCF;
}

.entry .title span{
font: 10px Palatino Linotype, Georgia;
text-transform:uppercase;
color:#9C9C9C;
float:right;
}

.entry .post{
margin-bottom:10px;
width:710px;
}

.entry .post div{
text-align:left;
}

.entry .post p{
margin-bottom:10px;
width:710px;
}

.entry .post p img{
max-width:940px;
height:100%;}

.entry .info{
float:left;
margin-top:50px;
width:940px;
margin-bottom:10px;
text-align:center;
}

.entry .info .tag {
text-decoration:none;
font-weight: normal;
letter-spacing: 0.3em;
font: 11px tahoma;
text-transform:lowercase;
}

.entry .info .coms {
float: right;
text-align:center;
width:940px;
display: block;
background: none;
font: 36px Palatino Linotype;
margin: 5px;
text-transform: lowercase;
}

.entry .info .coms span{
display: block;
font-size: 12px;
margin: -7px 5px 0px 0px;

}

.nav{
background: none;
float:left;
text-align: center;
width:940px;
letter-spacing: 3px;
font: 11px Palatino Linotype;
text-transform:lowercase;
padding-top: 10px;
padding-bottom: 10px;
margin: -25px 0px 20px -5px;
}

/*======================================================================*/
/* Sidebars */

#sidebar, #sidebar2{
background:#FFF;
display:inline;
float:right;
margin-top: 0px;
width:230px;
border: none;
padding-bottom:30px;
}

#sidebar{
display:none;
}

#sidebar .module, #sidebar2 .module{
margin:5px 5px 15px 5px;
padding-top:10px;
}

#sidebar .module ul, #sidebar2 .module ul{
margin:5px 0px 0px 0px;
padding-left: 5px;
list-style: none;
padding-top:5px;
}

#sidebar .module li, #sidebar2 .module li{
background:#F4F6F6;
padding-left:5px;
border-left: 3px solid #393939;
margin-left:-10px;
margin-bottom:5px;
margin-right:-5px;
}

#sidebar .module li a, #sidebar2 .module li a{
padding-right:5px;
color:#797979;
}

#sidebar .module li a:hover, #sidebar2 .module li a:hover{
color:#393939;
}

#sidebar .module h2, #sidebar2 .module h2{
background: #393939;
font:16px 'Palatino Linotype' ;
font-weight: bold;
color: #F4F6F6;
list-style: none;
text-align: center;
padding-right: 5px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}

a.archive{
background:#CFCFCF url() no-repeat;
padding-left:1px;
margin-left:0px;
}

/*======================================================================*/
/* Configure each module */

/* Profile */
#profile{
width:220px;
height:100px;
margin-left:-5px;
}

#profile img{
float:left;
margin-right:10px;
}

#profile span{
display:block;
}

#profile .info{
width:100% !important;
width:60%;
}

/* Tags */
#tags li{
display:inline;
margin-right:5px;
}

/*======================================================================*/
/* Comment Form */

#commentform{
background:none;
float:left;
font-size:12px;
color:#77CFE5;
margin-bottom: 10px;
}

#commentform form{
margin:0px;
width:600px;
margin-left:170px;
}

#commentform h3{
font: 25px Palatino Linotype, Georgia;
font-weight:bold;
text-align:right;
border-bottom:1px dashed #e4e4e4;
color:#CFCFCF;
text-transform: capitalize;
text-align:right;
width:600px;
margin-bottom:10px;
}

#commentform .formrow{
padding:5px;
color:#797979;
text-align:left;
width:600px;
}

#commentform label{
float:left;
width:20%;
text-align:left;
padding-left:20px;
}

#commentform textarea{
width:490px;
margin-left:50px;
height:150px;
background: white;
border:1px solid #797979;
padding:5px;
margin-bottom:15px;
color:#797979;
}

/*======================================================================*/
/* Comment (Showing Area) */

.comment{
float:left;
margin:10px 0px 0px 170px;
padding-bottom:5px;
width:600px;
}

.comment .post{
background:#F4F6F6;
padding:10px 10px 15px 15px;
border-left: 3px solid #393939;
font:12px verdana;
width:600px;
overflow:auto;
}

.comment .post p{
margin-bottom:10px;
}

.comment .info{
text-align:right;
font:11px Palatino Linotype;
text-transform: uppercase;
width:600px;
}

.comment .info a{
color:#797979;
}

.comment .info a:hover{
color:#393939;
}

.comment .info img{
display: none;
}

.comment .info a.commentno{
display:none;
}

/*======================================================================*/
/* Leg Menu */
#leg{
display:none;
}

/*======================================================================*/
/* Footer */

#footer{
background: none;
text-transform:uppercase;
width:940px;
padding-left:10px;
padding-right:10px;
margin-bottom:50px;
}

#footer p{
font:10px Georgia;
color: #CFCFCF;
text-align:center;
margin:0px;
padding:5px;
}

#footer a:hover{
color: #FFFFFF;
}

/*======================================================================*/
.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)
}


จากนั้นก็ย้ายของบน Sidebar ของเรา จากฝั่งซ้ายมาไว้งฝั่งขวาแทน !! (ฝั่ง Sidebar2)
ข้อดีก็คือมันจะโหลดเนื้อหาในบล็อกเราก่อน Sidebar ก็จะได้อ่านสิ่งที่ต้องการก่อนไงล่ะ (คนที่ย้ายแล้วก็ไม่ต้องทำไร ฮ่าๆๆๆ)
สถานที่ที่ดีที่สุดของ Category คือบน neck (อยู่ตรง neck แล้วสวยสุดล่ะ)


widgets

ถ้าอยากใส่รูปหัวบล็อก (coverimage)



รูปจะไปอยู่ตรงเทาๆนั่นนะ



ให้มองหา :


#coverimage{
height:ตรงนี้ใส่เลขความสูงหัวบล็อกpx;
width:ใส่เลขความกว้าง ..940 พอดีสุดแล้วpx;/*best size นะจ๊ะ*/
background:gray url(ใส่ที่อยู่รูป เช่น http://www.example.com/example.jpg);
margin-left:10px;
margin-right:10px;
margin-top:-50px;
display:none; บรรทัดนี้ให้ลบออกไปเลย หรือเติม /*ข้อความที่จะทำให้หายไป*/ รอบบรรทัดนี้ก็ได้ จะกลายเป็นแบบนี้ /*display:none*/ มีค่าเท่ากับลบทิ้ง แต่เวลาเราจะเอากลับคืนก็เอาสัญลักษณ์ที่คร่อมอยู่ออก
}




ใครแก้อะไรแก้ไม่ได้หรืออยากจะทำอะไรยังไงแต่ติดปัญหา / มีข้อสงสัย ems มาถามได้น่อ


สุดท้ายนี้จะบอกว่า .. ฟรีธีมครั้งแรกในชีวิต .. แนะนำด้วยก๊าบบบ

Comment

Comment:

Tweet

ขอยืมธีมน้าา สวยมากเลยยย

#135 By Martin on 2016-04-12 01:31

ยืมนะคะ( ´ ▽ ` )ノ
ขอบคุณค่า

#134 By Haruka M. on 2015-03-05 19:49

ขอบคุณมากค่ะ
Hot! Hot! Hot!
ธีมสวยมาก เรียบหรูน่าใช้ ขอบคุณมากค่ะ (:
Hot! Hot! Hot! Hot! Hot!

#132 By on 2013-08-25 21:22

เพิ่งเข้ามาใช้ exteen ขอยืมธีมไปใช้นะคะ (ทำไม่ค่อยเป็น ฮาาา) ขอบคุณมากค่า ><

#131 By miniimon on 2013-07-29 09:24

ขอยืมนำไปดัดแปลงใช้หน่อยนะคะ ขอบคุณค่ะ

#130 By Exteen Intersomnia on 2013-07-21 21:52

ขอบคุณมากนะคะ big smile big smile big smile

#129 By seventeensteps on 2013-05-31 15:10

Hot! Hot! Hot! Hot! Hot! Hot! Hot!
ชอบจังค่ะ โล่งไปหมดเบยยย

#128 By Dappled004 on 2013-05-29 14:27

สวยมาก! ขอบคุณค่ะ Hot! Hot!

#127 By UNe.1st on 2013-04-16 16:28

ขอบคุณมากนะคะะะะ 
กำลังอยากได้ธีมสีขาวๆอยู่พอดีเลย

#126 By ❥.kiitzkatz▪ on 2013-03-12 10:53

ขอนำไปใช้นะคะ ขอบคุณค่ะ <(. .)>

#125 By Rii'k on 2012-12-16 19:28

ยืมไปใช้นะค้า
ขอยืมไปใช้นะค่ะHot!

#123 By *KpRaE* on 2012-11-16 20:54

Hot! Hot! Hot!
ขอยคุณมากๆนะคะ >/////////<

#122 By • Lovewillfindaway • on 2012-11-04 11:28

ยืมหน่อยนะคะ
ขอบคุณมากค่า Hot!

#121 By farida. on 2012-11-02 22:47

ยืมไปใช้นะคะ ขอบคุณค่ะ surprised smile

#120 By jusnne on 2012-10-14 16:21

ขอยืมไปใช้นะคะsurprised smile

#119 By zaяaz' on 2012-08-28 20:03

ขอบคุณสำหรับธีมสวยๆนะคะ cry

#118 By satano on 2012-06-23 22:49

ธีมสวยมากเลยค่ะ
ขอบคุณที่ทำแจกฟรีนะค่ะ
สวยๆ เรียบๆ ดีค่ะ

#117 By BonusYuchun on 2012-06-19 02:02

ขอบคุณมากนะค่ะ ขอยืมไปใช้นะค่ะ cry Hot!

#116 By WHitE_GuST on 2012-06-04 03:07

ขออนุญาติใช้นะคะ ^v^ ขอบคุณมากๆค่ะ
Hot!

#115 By on 2012-04-23 04:28

สวยมากๆเลยค่ะ พอดีกำลังงงกับการแต่งบล็อคอยู่เลย
พอเจออันนี้ชอบมาก ขอรับไปใช้นะคะ
ขอบคุณมากๆค่ะ ><

#114 By AsamiiChan00 on 2012-04-19 13:20

ขอบคุณมากค่ะ ยืมไปใช้หน่อยนะ ^ ^

#113 By Topspy ' on 2012-04-13 18:58

ขอบคุณค่ะ สวยมากกกก
Hot! Hot! Hot! Hot! Hot! Hot!

#112 By pudjaee' on 2012-04-11 17:03

ขอบคุณค่ะ
ขอเอาไปใช้อีกคนนะคะ

#110 By Airi ☆ Maimai on 2012-03-16 02:11

ตอนนี้เอาไปแปะบล็อคแล้วพวกไซด์บ้าร์มันหายไปหมดเลยอะค่ะ
ลองทำแบบที่จขบ.บอกแล้วนะคะ เง้อๆ
เสียดายมากเลย แต่ก็ขอบคุณนะคะ ยังไงก็ชอบธีมนี้ค่ะ สวยมั่กๆ
ว้าว ชอบธีมมากเลยค่ะ สวยๆๆ >__<
ขอเอาไปใช้ที่บล็อคนะคะ
ชอบธีมแนวนี้มากคะ
ขอยืมไปใช้นะคะ > v < Hot! Hot! Hot!

#107 By Kuro'Bo! on 2012-03-08 15:54

ชอบแนวนี้มากค่ะ ขออนุญาตเอาไปใช้นะคะ และขอแก้สีอะไรนิดนึงนะ ให้มันเข้ากับความชอบน่ะค่ะ
ขอบคุณมากเลย

#106 By Midori♥ on 2012-02-19 15:54

สวยจังค่ะ ขอนำไปใช้นะคะ เราชอบธีมเรียบๆ สบายๆอย่างนี้เลย cry Hot!

#105 By Miharu on 2012-02-18 20:36

thx :D

#104 By SQILLAz on 2012-01-28 00:02

สวยๆๆขอบคุณน่า

#103 By ของขวัญพ่อ on 2012-01-11 18:25

ขอเอาไปใช้นะคะ สวยมากกก XD

#102 By GIEGLE* on 2011-12-17 20:40

ตีมสวยมากเลยค่ะ ชอบมากๆ > 3 <
ขออนุญาติเอาไปใช้นะคะ

#101 By I'm LOKE! on 2011-12-12 01:36

เอาไปอแด๊บที่บล็อกนิดนึงนะ ขอบคุณจร้า

#100 By Nunsister on 2011-12-09 17:12

ใจจ้า เราขอไปเปลี่ยนสีนิดนึงนะจ้ะ

#99 By ★June•Ly★ on 2011-11-30 20:49

ธีมสวยมากเลยค่า
ขออนุญาตเอาไปใช้กับบล็อคด้วยนะคะ = ))
ขอบคุณมากมายค่ะ \^.^

#98 By tonfai on 2011-11-23 14:44

ขอบคุณสำหรับธีมสวยๆนะคะ ^^

#95 By 30ww on 2011-11-17 14:35

Some time ago, I needed to buy a car for my corporation but I didn't earn enough money and could not order anything. Thank heaven my friend proposed to get the <a href="http://goodfinance-blog.com/topics/home-loans">home loans</a> from banks. Thus, I did that and was satisfied with my student loan.

#94 By HelgaBUCKLEY18 (91.212.226.143) on 2011-11-15 05:35

ขอเอาไปใช้หน่อยน้าค้าาาาา Hot! Hot! Hot!

ขอบพระคุณมากค่ะ

#93 By Phantom In Shadiness on 2011-11-12 20:00

ขอรับไปใช้นะฮะ ขอบคุณฮะ >w<

#92 By -Grey Lord- on 2011-11-12 00:04

หลงรักธีมนี้ด้วยคน

ขออนุญาติยืมไปใช้นะคะ

Hot! Hot! Hot!

#91 By little on 2011-11-08 21:54

ปรัส เขาเอาตีมแกไปใช้นะ จุ๊บๆ

#90 By fallinblue on 2011-11-04 19:59

ธีมสวยมากเลยคับ ขอเอาไปใส่ในบลอกนะคับ

#89 By Phemedaz on 2011-10-30 20:53

ชอบมากเลยค่า ขอเอาไปใช้ทั้ง2อันเลยได้มั้ยคะ
แล้วก็จะขอเอามาผสมกัน+แก้สีได้มั้ยคะ ประมานว่าต่อยอดอะค่า^^
แต่ถ้าไม่ได้เด๋วจะกลับไปใช้แบบออริจินอลให้นะคะ เพราะยังไงยังชอบอยู่ดีอิอิ

#88 By ~TURIIE~ on 2011-10-22 00:04

สวยครับ
ขอยืมเอาไปใช้เน้อวว
ขอบคุณคร้าบบ

#87 By chen on 2011-10-18 16:46

ขอนำไปใช่นะค่ะ double wink

#86 By muni62 on 2011-10-15 21:27

ขอบคุณมากนะคะ (:
ธีมสีขาวแบบนี้ สวยมากเลยยย

ขอยืมไปใช้นะคะ .

#85 By Ola.por on 2011-10-15 16:51

สวยมากมากเลย ขอยืมหน่อยนะคะ Hot! Hot! Hot!

#84 By itsmetoon on 2011-10-12 17:28