รวม Theme สวยๆ มาให้ใช้กันค่ะ

หลังจากอ่านบันทึก "วิธีการใส่ Theme(ชุดแต่งบล็อก) ให้บล็อก สำหรับสมาชิก G2K ค่ะ" กันมาแล้วนะคะ เราก็มาใส่ theme ให้บล็อกของเรากันจริงเลยดีกว่าค่ะ วันนี้รวบรวม theme สวยๆ ฝีมือ สมาชิก Learners.in.th มาให้ใช้กันทั้งที อย่ามัวเฉยอยู่นะคะ ลงมือเปลี่ยนโฉมบล็อกของเรากันเลยค่ะ

รูป theme ค่าสีและความเข้มอยู่ซ้ายมือนะคะ ส่วนโค๊ดที่ต้อง copy ไปวางอยู่ทางขวามือเลยค่ะ

ค่าสี : 67 %

ค่าความเข้มสี : 100 %

Theme

by :

คุณ นิติยา

theme ดอกไม้สวยงามสำหรับคุณผู้หญิงค่ะ อันนี้เป็นฝีมือนักศึกษา วิชา E-Commerce มอ. ค่ะ

div#page {border: double 2px #FA2BB8}

div#page-wrapper{ background: #FFFEFF;
background-image: url("/file/tozusu/9.bmp");
background-repeat: repeat;}

div#title{padding: 40px 350px 60px;
font-size: medium;
color:#000000;
background-image:url("/file/tozusu/8.bmp"); background-repeat:repeat; background-position:center center;
height:30px;}

div#title span {display:none;}

div#content2 {
background-image: url("/file/tozusu/9.bmp"); background-repeat:repeat; background-attactment : fixed;
}

ค่าสี : 9

ความเข้มสี : 0

Theme

by :

คุณ จักรกฤษณ์

Theme ราศี ฝีมือผู้ประสานของ Gotoknow.org ค่ะ มีทั้งหมด 12 ราศี ค่ะ โดยสุตั้งค่าโค๊ดเป็นราศีตุลย์ไว้ค่ะ ถ้าต้องการเปลี่ยนก็ copy โค๊ด ส่วนสีส้มที่เป็นของราศีตัวเองจากนั้นก็ไปแทนที่ส่วนที่เป็นสีแดงในโค๊ดด้านบนค่ะ ก็จะได้ theme ประจำราศีของตนเองค่ะ

div#page {width: 810px;}
div#content2 {width: 579px;
background-image: url("/file/tozusu/oo2.jpg");
background-repeat:repeat;
background-position:;
}

div#sidebar2 {width: 221px;
}

div#subtitle {font-size:medium;}
div#page-wrapper{background: ;
background-image: url("/file/tozusu/bgzodi.jpg");
background-color #000000;
background-repeat:repeat;}

div#title {padding:80px 60px 45px;
font-size:;
color:#ffffff;background:#ffffff;
background-image:url("/file/tozusu/librahead.jpg");
background-repeat:no-repeat;
background-position:center center;height:70px;}

div#title span {display:none;}
form{
background-position:center bottom;
background-color:#FFFFFF;
}

-----------------------------------------------
HEADER

head libra ราศีตุลย์ /file/tozusu/librahead.jpg

head aquarius ราศีกุมภ์ /file/tozusu/aquariushead.jpg

head aries ราศีเมษ /file/tozusu/arieshead.jpg

head cancer ราศีกรกฎ /file/tozusu/cancer.jpg

head capricorn ราศีมังกร /file/tozusu/capricorn.jpg

head gemini ราศีมิถุน /file/tozusu/gemini.jpg

head leo ราศีสิงห์ /file/tozusu/leo.jpg

head pisces ราศีมีน /file/tozusuPisces.jpg

head sagitarius ราศีธนู /file/tozusu/sagitarius.jpg

head scorpio ราศีพิจิก /file/tozusu/scorpio.jpg

head taurus ราศีพฤษภ /file/tozusu/Taurus.jpg

head vergo ราศีกันย์ /file/tozusu/Virgo.jpg

ค่าสี : 8%

ความเข้มสี : 50%

Theme

by :

คุณ ฐิตาวรรณ

theme หมีน้อยน่ารัก สำหรับสาวๆ อีกแล้วค่ะ ฝีมือนักศึกษาวิชา E-Commerce มอ. ค่ะ

div#page-wrapper{ background:#ffffff;background-image: url("/file/tozusu/background.gif");
background-repeat: repeat;
background-attachment : no-fixed;}

div#sidebar2 {width: 225px;}

div#title{padding: 10px 4px 90px;
font-size: 2em;color:#ffffff;
background:#ffffff;
background-image:url("/file/tozusu/teddybear.jpg");
background-repeat:no-repeat;
background-position:center center;height:35px;}
div#title span {display:none;}

div#page {width: 810px;}
div#content2 {width: 580px;
background: #FFFFFF;
background-image:
url("/file/tozusu/bg_check14.gif");
background-repeat:repeat;
background-attachment : no-fixed;}

form{
border: medium double #5EA2FF;
background-image:url("/file/tozusu/bg_check14.gif");
background-repeat:repeat;

div.comment_item
{border: 3px dotted #753312;}

ค่าสี 14%

ความเข้มสี 100%

Theme

by :

คุณ อรดา

theme สีส้มสดใส น่ากิ๊น น่ากิน ของ เพื่อนสุเองค่ะ นักศึกษาวิชา E-Coomerce มอ. ค่ะ

div#page{width:810px;}

div#content2 {float:left; width: 569px;
background-repeat:no-repeat;
background-attachment:fixed; }
div#sidebar2 {float: right; width: 221px;}

div#page {border: dashed 5px;}
div#title{padding: 10px 4px 35px;
font-size:3; color:#ffffff;
background-image:url("/file/tozusu/hdorg.jpg");
background-repeat:no-repeat;
background-position:center center;
height:35px;}
div#title span {display:none;}

div#page-wrapper{
background: #f5f7f9; background-image: url("/file/tozusu/bgs.jpg");
background-repeat:repeat;
background-attachment:fixed;
}

form{
border:2px dotted 8dc63f;
background-image:url("/file/tozusu/orange.jpg");
background-repeat:repeat-y;
background-position:right;
background-color:#FFFFFF;
}

div.comment_item {
margin: 0px 0px 8px;
padding: 10px;
border: 1px outset 8dc63f;
}

div#content2 {width: 579px;
background-image: url("/file/tozusu/orangebg.jpg");
background-repeat:no-repeat;
background-position:left top;}

ค่าสี : 99
ความเข้ม : 87

Theme

by :

Aratus

theme ฝีมือผู้ประสานงาน G2K อีก 1 คน (สุเองค่ะ )ชื่อว่า theme ใบไม้สีแดงค่ะ ที่ learners ขายดี ก็เลยเอามาแจกที่นี่บ้างค่ะ

div#page {width: 810px;
border: dashed 3px #BD0722;}
div#content2 {width: 579px;
background-image: url("/file/tozusu/content2x%27mas.jpg");
background-repeat:no-repeat;
background-position:left top;
}
div#sidebar2 {width: 221px;
}
div#subtitle {font-size:medium;
}
div#page-wrapper {background: ;
background-image: url("/file/tozusu/bgbear.jpg");
background-repeat:repeat;
}
div#title {padding:60px 60px 45px;
font-size:;
color:#ffffff;
background:#FDC8D0;
background-image: url("/file/tozusu/headblogbearnew.jpg");
background-repeat:no-repeat;
background-position:center center;height:60px;
}
div#title span {display:none;
}
form{
background-image: url("/file/tozusu/content2bear.jpg");
background-repeat: repeat;
background-position: center bottom;
background-color: #FFFFFF;
}

อาจารย์ จันทวรรณ บอกว่ามีสมาชิก G2K หลายท่านถามถึง theme ของบล็อกนี้ค่ะก็เลยขออนุญาต แถม theme ฝีมือสุเพิ่มอีก อันนึงนะคะ

ซึ่ง theme นี้สุได้ทำแจกไว้แล้วค่ะ สามารถเข้าไปได้ที่นี่เลยค่ะ Theme NightLife

เฮ้อ กว่าจะเสร็จแค่ 5 theme ก็เล่นเอาแย่เหมือนกันนะคะ คืนนี้อัพ 5 theme ก่อนละกันนะคะ คราวหน้าจะมาเพิ่มให้ค่ะ
ถ้ายังไม่จุใจ ก็ไปดูต่อที่ บันทึกของปัท ผู้ประสานงาน G2K ของเราอีกคนนึงได้เลยค่ะ
ขอเพิ่ม theme ฝีมือ สุอี 1 theme นะคะ

ปล. Theme ไหนมีปัญหารูปไม่แสดง ช่วยเข้ามาแจ้งไว้ด้วยนะคะ

เขียนใน GotoKnow โดย สุธรา
ใน Tutorial Blog By Aratus

คำสำคัญ (Tags): #css#theme#ชุดตกแต่งบล็อก

หมายเลขบันทึก: 78367เขียนเมื่อ 14 กุมภาพันธ์ 2007 00:24 น. ()แก้ไขเมื่อ 6 กันยายน 2013 17:48 น. ()สัญญาอนุญาต: จำนวนที่อ่าน