Css tutorial : Tips about css part 1
posted on 08 Sep 2008 14:48 by bbears in MyDay, TutorialCssโหมด : อยากกินข้าวเหนียวหมูปิ้งอ้ะ T________T'''
คำเตือน : ห้ามนำงานของผักออกไปแพร่เองนะคะ !!!
โปรแกรมที่ควรใช้ดูบลอคนี้ : Firefox เท่านั้น
-----------------------------------------------------------------------
เรื่องขอทิปส์เล็กๆ น้อยๆ css with exteen กันนะคะ
5555555+ มาชื่อแบบทางการสุดๆ เลยแฮะ .... มาเริ่มกันเลยนะคะ
ก่อนอื่นต้องบอกว่าผักจะอธิบายโค้ดในส่วนที่เป็นสีๆ นะคะ
แล้วก็อ่าน และทำดีดีนะคะ อย่าพลาดละน้อ !!!
ในส่วนนี้ให้ไปแก้ส่วนของ .entry .title h2 นะคะ
ตามโค้ดดังนี้คะ
" .entry .title h2{
background: url(http://i81.photobucket.com/albums/j229/mytheme/exteen/version-14/icon.jpg)<<ตรงนี้ละคะ สำหรับใส่ icon ดังภาพ no-repeat right bottom; <<เป็นการตั้งค่าว่าอยู่ทางขวาสุดคะ
padding-right: 22px;<<ให้ตั้งค่าตามความกว้างของ icon นะคะ จะกะให้เลยกว่านี้นิดหน่อยเพื่อความสวยงามได้คะ (แต่ความสูงของ icon ต้องสูงเพียง 21 px เท่านั้นนะคะ)
font-size:16px;
font-family: Georgia;
font-weight:bold;
}
ในส่วนนี้ ให้ไปเพิ่มโค้ด ที่ /* General */ นะคะ
ตามโค้ดดังนี้คะ
" a img{ <<ก่อนที่ภาพจะถูกเอาเมส์มาชี้คะ
border:1px solid #747474; <<เส้นสีขอบๆ ของภาพคะ
padding:2px; <<ระยะห่างของภาพ กะเส้นสีขอบๆ ที่ว่าคะ
text-decoration:none;
}
a:hover img{ <<ตอนที่ภาพถูกเอาเมส์มาชี้คะ
border:1px solid #ffffff; <<เส้นสีขอบๆ ของภาพคะ
padding:2px; <<ระยะห่างของภาพ กะเส้นสีขอบๆ ที่ว่าคะ
text-decoration:none;
}
ในส่วนนี้ ให้ไปเพิ่มโค้ด ที่ /* Comment (Showing Area) */ นะคะ
ตามโค้ดดังนี้คะ
" .comment .info a.commentno{ <<หมายถึงตัวเลขของลำดับคอมเมนต์คะ
font-size:24px; <<ขนาตัวอักษรของลำดับละคะ
float:right; <<ต้องตั้งให้อยู่คนละข้างของ .comment .info ด้วยนะคะ!!
color:#CCCCCC; <<สีตัวอักษรดังกล่าวคะ
}
ง่ายไหมคะ?
5555+ เอาแบบสั้นๆ ที่ถามบ่อยๆ เลยทำมาให้ลงบลอคอ้ะคะ เพื่อไว้ทำบลอคแนวๆ กัน
ส่วนเรื่องอื่นก็ถามหลังไมค์ได้นะคะ อันไหนน่าสนใจจะเอามาลงที่บลอคอีกนะคะ
หรือจะถามลงในคอมเมนต์ได้เลยนะคะ ไว้จะตอบกลับทันทีคะ!!
วันนี้บ้าพลัง อยากอัพบลอคเพราะไม่มีเรียนเนื่องจากไปพันธมิตรกัน!!?
55555555555+ ว่าเข้าไปนั้น //โดนฟรีคิกออกนอกโลกทันใด
เปล่าหรอกคะ แค่ปิดคอร์ส ปล่อยให้นักศึกษามาเตรียมตัวสอบกันเอง เพราะยังเหลือการสอบอีก
สอบตั้งแต่วันที่ 22 กันยายน ถึง 14 ตุลาคม เลยละคะ โหดใช่เล่น !!
มีสี่วิชาที่ต้องสอบสองครั้ง หมายถึงมีทั้งภาคปฏิบัติและภาคทฤษฎี เอาเป็นว่าเหนื่อยกันหน่อย =___='''
แต่มาอัพบลอคแน่ๆ คะ 5555555555555555555555555555555+
อ้อ เกือบลืม ---
ตอนนี้ที่บลอคทำโครงการ NON-VIOLENCE KEEP PEACE นะคะ
ขอบคุณบลอค คุณ diyplus และ คุณ palermos ด้วยนะคะ
*โค้งงามๆ* ขอบอกว่าเหมาะกะธีมนีเป็นอย่างดีเลยละคะ 5555555555555555555+ //โดนถีบรอบสอง
ไว้เจอกันเอนทรี่หน้านะคะ !!!
ขอขอบคุณทุกคอมเมนต์เช่นเคยคะ รักษาสุขภาพกันดีดีน้า ♥