* Tuzki Theme : เจ้ากระต่ายจอมป่วน

สวัสดีคับพ่อแม่พี่น้อง....วันนี้มี theme มาให้ลองใช้กันครับ..
ใครที่สนใจก็โหลดใช้กันได้ตามสะดวกนะฮะ....แต่ก่อนที่คิดจะเปลี่ยน กรุณาอ่านขั้นตอนให้ละเอียดก่อนนะ เดี๋ยวบ้านท่านจะพังเอา เหอะๆ...

สิ่งที่ท่านจะได้คือ..
1. Header เจ้า Tuzki ตามภาพด้านบน.. พร้อมบ้านที่หน้ากว้างงงงงงงงงงก่าเดิม อิอิ
2. กล่องคอมเม้นสุดเดิ้ล...

3. ระบบไอคอนด้านขวา ดังภาพข้างล่างนี้...

4. เอาชื่อเว็บทิ้งให้ด้วย...
5*. แถมๆๆๆๆๆ แถมบาร์ด้านบนสีดำด้วยอ่ะ...




เริ่มกันเลย..
01. ก่อนอื่นต้องบอกก่อนว่า Theme พื้นฐานที่เราจะใช้คือ shadow box นะครับ... เพราะฉะนั้น ก่อนคุณจะเอาโค้ดต่างๆเหล่านี้ไปแปะต้องเปลี่ยน Theme พื้นฐานก่อน ดังนี้...
ตั้งจิตอธิฐาน คิดตัดสินใจดีดีว่าจะใช้ theme นี้แน่ๆ....เมื่อคิดได้แล้ว กดเลย....รอจนโหลดเสร็จ แล้วปิด...
02. เปิดหน้าต่างแก้ไข css มา.... (กดนี่ได้)แล้ว โค้ดข้างล่างนี้.. มาวางใน กล่องข้อความในหน้าที่เปิดขึ้นมา
(จะให้ดี ลบโค้ดเก่าๆทิ้งไปก่อนนะครับ...หรือไม่ก็ก๊อบไปแปะไว้ในโปรแกรม notepad แล้ว save ไว้ในเครื่องของคุณก่อนก็ได้ เผื่ออยากเปลี่ยนกลับไปใช้ theme เดิมของท่าน...)
.......................................................................................................................................

div.owner_nav {border: none;
margin: 0 auto;
width: 870px;
border-bottom: none;
padding: 268px 0 0 0;
background: url(http://img520.imageshack.us/img520/8015/head001rt2.gif) no-repeat top left;
background-color: #c7c3ba;
}
div#page_start_wrapper {
width: 870px;
margin: 0 auto;
background: url(http://img225.imageshack.us/img225/2656/midpb6.jpg);
}
div#ownedfooterc {
background: url(http://img225.imageshack.us/img225/2656/midpb6.jpg);
width: 870px;
height: 40px;
margin: 0 auto;
}
body {
scrollbar-base-color:#000000;
background-color:#000000;
}
a.topt, a:visited.topt, a:link.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
color: #686767;
padding: 1px 0px 1px 7px;
font-weight: bold;
width: auto;
border: none;
}
a.toptsel, a:visited.toptsel, a:link.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-weight: bold;
color: #000000;
background: none;
/*background-color: #FF3399;*/
border: none;
padding: 1px 0px 1px 7px;
width: auto;
}
td.rail { border: none; }
textarea{
color: gray;
backround-color :#ffffff;
background: url(http://img186.imageshack.us/img186/308/bgmentvy6.gif);background-repeat:no-repeat;background-position:bottom right;background-attachment: inherit;
}
input{
background-color: #FFFFFF;
color:#666666;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
border: none;
border: dotted #E4E4E4 1px;
}
.itemsubsub {
padding-right: 10px;
}
h1{text-indent: -99999px;}
.header{
background-color: #000000;
border-bottom: 1px solid #595959;
}
.......................................................................................................................................
เสร็จเเล้ว กด Preview เพื่อดูตัวอย่างก่อนก็ได้.... ถ้าพอใจเเล้วก็กด save เลยครับ...



ok ครับ....
มีปัญหาตรงไหนทิ้งข้อความไว้เลยครับ...
หรือจะเข้าไปพูดคุยกันได้ที่ http://sawasdeemultiply.multiply.com/


ขอบคุณครับ
JOJOBAOIL
13.09.2007


+ มีคนมาแอบดู : ครั้ง