เอ็นทรี่นี้เพิ่มเติมเมื่อ วันอาทิตย์ที่ 14 กันยายน 2008
ไม่คิดว่าจะพอได้รับความนิยมบ้าง เพราะคนคอมเมนท์เยอะ (เนี้ยแหละเยอะแล้ว สำหรับบล็อกผม)
จะขอลงตัวอย่างธีม 3 รูปด้วยกันนะครับ เนื่องจากผมเปลี่ยนธีมใหม่ อีกแล้ว

ย้ำอีกครั้งนะครับว่า ใครต้องการจะใช้ ให้ก็อบโค๊ดด้านล่างไปใส่ได้เลย
จะขอตอบคำถามของคอมเม้นบ้างนะครับ อิอิ
"โอ้วววว แจ่มเลยครับคุณ จขบ นานๆจะเจอคนทำ theme อลังการซะที เก่งมากคับ ผมก็ถูลู่ถูกกังอยู่เหมือนกัน"
ขอบคุณที่ชมครับ แต่ไม่ถึงขนาดนั้นหรอกครับ เหอะๆ
"ว้าว น่ารักได้อีกฮะ ชอบๆ ทีหลังทำทีม L มั้งนะ 555"
ตามรีเควสนี่ ไม่มั่นใจนะครับ ว่าจะออกมาดีและสวยสมใจคนที่อยากได้หรือเปล่า เพราะส่วนใหญ่ผมทำตามใจตัวเองถนัดกว่าครับ เหอๆ
"น่ารักดีนะครับ วาดเองรึครับ สวยดี :D"
รูปพื้นหลังไม่ได้วาดเองครับ ยกเว้นรูปไซด์บาร์ ใช้โฟโต้ช็อปทำเอง
"ทำดูดีนะครับแต่น่าจะจัดการ ให้ขอบ เข้ารูปกว่านี้นิส นึงนะครับ"
มันไม่เข้ายังไงหรอครับ ผมตั้งใจวางให้ทั้งหมดพอดีกันแล้วนะครับ ลองเปิดกับ ไฟร์ฟ็อกซ์สิครับ
"แล้วจาแก้ไขได้อีกมั้ยอ่ะคะ"
ตามใจท่านเลยครับ อยากได้ยังไง แก้เองได้เลยตามสบาย แต่ต้องแก้ที่ css นะครับ
"สวยอะคะ ยังงัยก็ขอบคุงนะคะ คิค ถ้าจาเอาไปใช้ คงมะว่าน้า ยังงัย ว่างๆ ช่วยแจก โค๊ตมั้งดิ แฮะๆ"
โค๊ด มีอยู่แล้วไงครับ ทำมาเพื่อแจกโดยเฉพาะครับ ไม่ว่าอะไรทั้งนั้น อิอิ
"เพลงเพราะมากเลยค่ะ/อยากได้จัง "
เพลงของ Clint Mansell เพลงชื่อ The Last Man เป็น ost ประกอบหนังเรื่อง The Fountain ครับ
โหลดได้ง่ายๆ แค่คลิกขวาที่ตัวเล่นเพลงในบล็อกผม ที่เห็นอยู่ใน sidebar ตรง music
ให้คลิกขวา เลือก properties แล้วดูที่ location จะมีลิงค์ของเพลงอยู่ ให้ก็อบตรงนั้นไปใส่ใน address ของ internet แล้วกด enter ก็จะมีให้โหลดครับ หรือง่ายๆ กดที่ลิงค์นี้จ้า Download
-------------------------------------------------------------------------------
อ้าาาาาา เสร็จซะที หลังจากที่อู้มานาน เหอๆ
สรุปแล้วก็เหมือนทำใหม่ทั้งหมดเลย จากอันเก่าที่ทำเอาไว้
ดูๆแล้วอันนี้ลงตัวกว่ากันเยอะ ถึงจะทำออกมาง่ายๆเรียบๆ
จะว่ายังไงดีล่ะ ฝีมือเรายังไม่ถึงขั้นล่ะมั้ง
แบบว่าจินตนาการไว้ซะหรู แต่ทำออกมาไม่ได้ดั่งใจ
เลยตั้งใจใหม่ว่า ทำง่ายๆ ให้มันออกมาดูดี ก็พอแล้ว
แล้วมันดีหรือยังล่ะ ??
ถ้าผมจะไม่เข้าข้างตัวเอง ผมก็ไม่รู้เหมือนกันนะ อิอิ
แต่ผมเองแล้ว ผมชอบของผม ก็ดูดีแล้วล่ะ เหอๆ
ส่วนคนอื่นๆจะคิดยังไง อันนี้ผมไม่อาจทราบ เหอะๆ
ส่วนที่ทำยากที่สุด ?
อืมมมม... แน่นอนเลย รูปเคโรโระ 5 ตัวที่อยู่ใน sidebar นั่นแหละ
แหม ผมวาดรูปไม่เป็น ทำรูปไม่เก่งด้วย เลยทำนานหน่อย
ถึงนานแต่ก็ออกมาได้แค่นั้นแหละ -*-
พอดีว่าหารูปเดี่ยวๆเต็มๆไม่ได้ เลยเอาแบบนั้นแทน
ตอนแรกกะว่าจะทำเป็นรูปเคลื่อนไหว
แต่ต้องบอกตัวเองว่า "แค่นี้ยังทำนานเลย ถ้าทำ gif คงชาตินึง"
และอาจจะไม่เสร็จ เลยออกมาเรียบๆหน่อย หน้าตาไม่ค่อยสมประกอบ -*-
แล้วก็ดันได้ความรู้ใหม่ๆด้วยการลองผิดลองถูกบ้าง เพื่อให้ได้อะไรที่ใหม่มากขึ้น
แต่ผมก็ใช้ web editor แก้ใน firefox เหมือนเดิมนะ เวลาเปิดกับ browser ตัวอื่นๆคงเพี้ยนๆ
บอกตรงๆว่าทำแล้วแก้ไม่เป็น -*-
ใครจะตัดสินใจเอาไปใช้คงต้องคิดกันหน่อยล่ะ -*-
ส่วนนี้แนะนำสำหรับคนที่จะเอาไปใช้นะครัย
คืออยากให้ใส่ widget ใน neck กับ leg ด้วย
เพื่อที่ธีมจะได้สมบูรณ์100% เพราะผมทำให้รูปธีมมันต่อเนื่องกัน
แต่ถ้าไม่ใส่ก็ไม่เป็นไร แต่รูปมันจะไม่ต่อช่วงกัน เท่านั้นเอง
มีคนถามเข้ามาบ้างเหมือนกัน เกี่ยวกับ css เนี้ยแหละ
ผมเองยังแก้ผิดๆถูกๆบ้างเลย แล้วผมจะตอบได้ไหมเนี้ย -*-
เอาไว้จะรวบรวมมาทำเป็น faq แล้วกันนะครับ
ถามเข้ามาเยอะๆเถอะ เหอๆๆๆๆๆๆๆๆๆ
ท้ายที่สุด ก็ต้องขอขอบคุณตัวอย่างดีๆทั้งหลายที่อยู่ใน fav ของผมนะครับ
ด้วยท่านเหล่านั้นนั่นแหละที่ผมเข้าไปอ่านวิธีทำ แล้วถึงเอามาพัฒนาต่อเป็นของตัวเองได้
ขอบคุณคร๊าบบบบบบบ
ก๊อบด้านล่างนี้ไปใส่ได้เลยนะครับ
/*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;
}
/* General */
body {
background:#595959 url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_bgtheme.jpg) no-repeat top center fixed;
color:#333;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
}
a:link, a:visited{
color:#0054a6;
text-decoration:none;
}
a:hover, a:active{
color:#0081ff;
}
#page{
margin:auto;
padding-top:15px;
text-align:left;
width:880px;
}
#header,#neck, #belly, #leg, #footer{
float:left;
width:880px;
}
/*======================================================================*/
/* Header */
#header{
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_Head.png) no-repeat;
padding:55px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
position:relative;
width:880px;
}
#header h1 a{
color:#000000;
font-size:22px;
}
#header h1 a:hover{
color:#898989;
}
#header h2{
font-size:14px;
margin:5px 0px 5px 0px;
color:#3e3e3e;
}
#coverimage{
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_kerorocover.jpg) no-repeat;
height:160px;
width:820px;
margin:30px 30px 10px 30px;
}
/*======================================================================*/
/* Neck Menu */
#neck{
background:;
}
#neck .module{
background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_Neck.png) no-repeat;
display:inline;
float:left;
margin:0px 0px 0px 0px;
padding:2px 0px 100px 150px;
width:880px;
}
#neck .module ul{
display:inline;
margin:0px;
padding:0px;
}
#neck .module h2{
font-size:0px;
font-weight:bold;
position: absolute;
margin:-110px 0px 0px -120px;
padding:0px 0px 0px 0px;
}
#neck .module li{
border-right:1px solid #CCC;
display:inline;
padding:0px 10px 0px 10px;
}
/* Neck Header image */
#neck #recommend h2, #recommend h2{background:url(fhttp://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_recommend.png) no-repeat;width:140px;height:168px;}
#neck #previous h2,#previous h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_previously.png) no-repeat;width:140px;height:168px;}
#neck #commentalert h2,#commentalert h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_comments.png) no-repeat;width:140px;height:168px;}
#neck #favourites h2,#favourites h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_favourites.png) no-repeat;width:140px;height:168px;}
#neck #links h2,#links h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_links.png) no-repeat;width:140px;height:168px;}
#neck #categories h2,#categories h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_categories.png) no-repeat;width:140px;height:168px;}
#neck #archives h2,#archives h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_archives.png) no-repeat;width:140px;height:168px;}
#neck #tags h2,#tags h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_tags.png) no-repeat;width:140px;height:168px;}
#neck #pagemenu h2,#pagemenu h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_pages.png) no-repeat;width:140px;height:168px;}
/*======================================================================*/
/* Content */
#belly{
background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_Belly.png) repeat;
}
#content{
display:inline;
float:left;
margin:0px 20px 0px 20px;
width:480px;
/*Fix too large image makes content drop problem in IE*/
overflow:visible !important;
overflow:hidden;
}
.entry{
float:left;
margin-bottom:15px;
}
.entry .title{
float:left;
margin-bottom:10px;
width:455px;
border:2px dashed #000000;
padding:10px 10px 6px 10px;
}
.entry .title h2{
font-size:18px;
}
.entry .title h2 a{
color:#000000;
}
.entry .title h2 a:hover{
color:#666666;
}
.entry .title span{
color:#000000;
font-size:11px;
}
.entry .post{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.entry .post p{
margin-bottom:10px;
}
.entry .info{
float:left;
width:100%;
}
.entry .info .tag{
float:left;
font-size:12px;
width:100%;
}
.entry .info .coms{
float:right;
font-size:13px;
}
/*======================================================================*/
/* Sidebars */
#sidebar, #sidebar2{
background:;
display:inline;
float:left;
margin:0px 0px 0px 30px;
width:150px;
}
#sidebar2{
background:;
display:inline;
float:right;
margin:0px 30px 0px 0px;
width:150px;
}
#sidebar .module, #sidebar2 .module{
margin:10px 5px 10px 5px;
}
#sidebar .module ul, #sidebar2 .module ul{
margin:5px 0px 0px 5px;
padding:0px 5px 0px 0px;
list-style: none;
}
#sidebar .module h2, #sidebar2 .module h2{
font-size:0px;
}
#sidebar .module li, #sidebar2 .module li {
padding:1px;
border-width: 1px 0px 0px 0px;
border-style: dashed;
border-color: #CCC;
}
/* Sidebar Header image */
#sidebar #recommend h2, #sidebar2 #recommend h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_recommend.png) no-repeat;width:140px;height:168px;}
#sidebar #previous h2,#sidebar2 #previous h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_previously.png) no-repeat;width:140px;height:168px;}
#sidebar #commentalert h2,#sidebar2 #commentalert h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_comments.png) no-repeat;width:140px;height:168px;}
#sidebar #favourites h2,#sidebar2 #favourites h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_favourites.png) no-repeat;width:140px;height:168px;}
#sidebar #links h2,#sidebar2 #links h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_links.png) no-repeat;width:140px;height:168px;}
#sidebar #categories h2,#sidebar2 #categories h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_categories.png) no-repeat;width:140px;height:168px;}
#sidebar #archives h2,#sidebar2 #archives h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_archives.png) no-repeat;width:140px;height:168px;}
#sidebar #tags h2,#sidebar2 #tags h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_tags.png) no-repeat;width:140px;height:168px;}
#sidebar #pagemenu h2,#sidebar2 #pagemenu h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_pages.png) no-repeat;width:140px;height:168px;}
a.archive{
background:url(http://g.exteen.com/t/simple/icon_archive.gif) no-repeat;
width:12px;
height:12px;
padding-left:15px;
margin-left:4px;
}
/*======================================================================*/
/* Configure each module */
/* Profile */
#profile{
width:140px;
height:180px;
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_keroroprofile.png) no-repeat;
}
#profile img{
float:left;
margin-right:10px;
display:none;
}
#profile span{
display:block;
}
#profile .info{
width:140px;
padding:136px 0px 0px 0px;
}
/* Tags */
#tags li{
display:inline;
margin-right:5px;
}
/*======================================================================*/
/* Comment Form */
#commentform{
width:480px;
height:420px;
background:#EEE;
float:left;
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Comment/880Keroro_Commentbox.png) no-repeat;
}
#commentform form{
margin:20px;
}
#commentform h3{
font-size:16px;
font-weight:bold;
display:none;
}
#commentform .formrow{
padding:0px;
}
#commentform label{
float:left;
width:70px;
display:none;
}
#commentform input.textbox{
width:200px;
}
#commentform textarea{
width:200px;
height:280px;
}
/*======================================================================*/
/* Comment (Showing Area) */
.comment{
float:left;
margin:10px 0px 10px 0px;
padding-bottom:5px;
width:100%;
}
.comment .post{
color:#002157;
float:left;
width:480px;
padding:20px 0px 0px 30px;
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Comment/880Keroro_Commentshow.png) no-repeat;
}
.comment .post p{
margin-bottom:10px;
}
.comment .info{
float:left;
font-size:12px;
width:480px;
height:70px;
color:#002157;
padding:0px 0px 0px 25px;
margin:0px 0px 0px 0px;
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Comment/880Keroro_Commentinfo.png) no-repeat;
}
.comment .info img{
width:32px;
margin:20px 0px 0px -1px;
position: relative;
}
/*======================================================================*/
/* Leg Menu */
#leg{
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_Leg.png) no-repeat;
}
#leg .module{
display:inline;
float:left;
margin:0px 0px 0px 0px;
padding:90px 0px 10px 160px;
width:880px;
}
#leg .module ul{
display:inline;
margin:0px;
padding:0px;
}
#leg .module h2{
font-size:0px;
font-weight:bold;
position: absolute;
margin:-110px 0px 0px -130px;
padding:0px 0px 0px 0px;
}
#leg .module li{
border-right:1px solid #CCC;
display:inline;
padding:0px 10px 0px 10px;
}
/* Leg Header image */
#leg #recommend h2, #recommend h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_recommend.png) no-repeat;width:140px;height:168px;}
#leg #previous h2,#previous h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_previously.png) no-repeat;width:140px;height:168px;}
#leg #commentalert h2,#commentalert h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_comments.png) no-repeat;width:140px;height:168px;}
#leg #favourites h2,#favourites h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_favourites.png) no-repeat;width:140px;height:168px;}
#leg #links h2,#links h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_links.png) no-repeat;width:140px;height:168px;}
#leg #categories h2,#categories h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_categories.png) no-repeat;width:140px;height:168px;}
#leg #archives h2,#archives h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_archives.png) no-repeat;width:140px;height:168px;}
#leg #tags h2,#tags h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_tags.png) no-repeat;width:140px;height:168px;}
#leg #pagemenu h2,#pagemenu h2{background:url(http://uc.exteenblog.com/glubdemons/images/880Keroro/Sidebar/880Keroro_Sidebar_pages.png) no-repeat;width:140px;height:168px;}
/*======================================================================*/
/* Footer */
#footer{
height:60px;
}
#footer p{
background: url(http://uc.exteenblog.com/glubdemons/images/880Keroro/880Keroro_Foot.png) no-repeat;
font-size:11px;
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 40px 700px 0px;
}
/*======================================================================*/
.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)
}
#1 By Captain Stadium on 2008-07-29 16:27