ขอบคุณ..เวบมาสเตอร์..ทำThemeใหม่
posted on 29 Mar 2008 16:20 by 2loveหลังจากที่กลับมาเล่นที่นี่อีกครั้ง ด้วยหน้าตารูปโฉมใหม่เลยต้องมาแก้ธีมใหม่ เพราะข้อมูลเดิมพื้นสีมืดทึมถึงจะอ่านได้
ลองผิดลองถูกแปะๆลบๆ
ผลปรากฏว่า.....
จ๊ากกกกกกกกกก
โค้ดCss หายเกลี้ยงไม่เหลือให้แก้อีกเลย จะกลับไปแก้อีกก็ไม่ได้Editก็หายเลือกธีมใหม่ก็ไม่ได้
ที่สำคัญมีผลคือ....เมื่อใครมาดูจะไม่มีข้อมูลใดๆเลยทั้งให้อ่านและเขียน เหมือนอย่างกะว่าเวบนี้ได้จากไปแล้ว แงๆๆ
สาเหตุเท่าที่ไปค้นอ่านในบอร์ด เกิดจากเราไปลบหรือเขียนประมาณไม่ตรงเลขบรรทัด
อย่างเช่นเราไปก็อปมาจากในเวิร์ดแล้วเอามาแปะจะทำไม่ได้ หายจ้อยในบัดดลที่กดเซฟ
วิธีแก้ แจ้งเวบมาสเตอร์แชมป์เท่านั้น แป่ว
เลยต้องจรลีไปโอดครวญที่ บล็อคมาสเตอร์แชมป์
http://champcpe.exteen.com/20080304/exteen-on-mobile-server
ไม่กี่วันต่อมาคุณแชมป์คงไปเที่ยวชมซากุระที่ญี่ปุ่นกลับมาแล้ว คงมาแก้ไขให้
วันนี้ลองมาชะโงกเวบดู อ้าววววว มีเนื้อหาข้อมูลแต่ไร้ซึ่งบีจีมาให้แก้แล้ว
จึงลงมือแต่งธีมด้วยตัวเอง
ด้วยกลัวลืมและจะทำพังอีก เลยเอาข้อมูลที่ได้แก้มาบันทุกและเผยแพร่เผื่อเป็นแนวทางแบบง่ายๆให้เพื่อนแต่งได้บ้าง
เริ่มต้นที่Theme ดิฉันเลือกรูปแบบDark Apollo >Activated >Edit...
1 ส่วนของพื้นหลังแบล็กกราวน์ ให้ใช้รูปขนาดใหญ่เท่าหรือเกินหน้าจอ โค้ดที่ใช้ fixed ภาพจะได้ไม่เคลื่อน
/* General */
body {
background:#000000 url(ของรูป) repeat-x bottom right fixed;
color:#333;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
2 ส่วนของสีลิ้งค์ทั้งหลายในเวบ a:linkคือสีอักษรลิ้งค์
a:hoverคือสีเวลาเม้าส์ไปแตะลิ้งค์
ก็เปลี่ยนโค้ดรหัสสีคือ#ffcc00 และ #00ff00
a:link, a:visited{
color:#ffcc00;
text-decoration:none;
}
a:hover, a:active{
color:#00ff00;
3 ส่วนของภาพส่วนหัวhade ใส่urlรูปใหม่แทน ขนาดของภาพที่อยากให้แสดง
แก้ตัวเลข heightความสูง widthความกว้าง
#coverimage{
background: url(ของรูป) no-repeat;
height:200px;
width:730px;
margin-bottom:5px;
4เพื่อจะทำให้ส่วนของพื้นเนื้อหาและขอบส่วนหัวโปร่งแสง เลยเขียนคำว่า:none หมายถึงไม่ให้แสดงผล
/* Neck Menu */
#neck{
background:none; url(http://g.exteen.com/t/darkapollo/belly.png) top left;
}
/* Content */
#belly{
background:none; url(http://g.exteen.com/t/darkapollo/belly.png) repeat-y;
}
5 ใส่รูปอื่นแทนกระดาษส่วน Categories
a.archive{
background:url(ของรูป) no-repeat;
width:12px;
height:12px;
padding-left:15px;
margin-left:4px;
6 ส่วนของขนาดรูป Profile แก้ตัวเลขความกว้างwidth เป็น pxความสูง height
/* Configure each module */
/* Profile */
#profile{
width:100px;
height:150px;
}
เสร็จแล้วจะได้หน้าตาประมาณนี้
ข้อมูลการทำไปค้นมาจากที่นี่คะ
http://help.exteen.com/20071010/entry
**ขอบคุณเวบมาสเตอร์แชมป์ที่ใส่ใจสมาชิคนะคะ สมกับเป็นเวบที่อบอุ่นและสบายใจจริงๆคะ
ขอให้รวยๆๆนะค๊า