ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่ 'การออกแบบ > แก้ไข HTML > ขยายแม่แบบเครื่องมือ'
ขั้นตอนที่ 2. กด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า
]]></b:skin>
จากนั้นให้แทนที่โค้ดที่หาเจอนั้นด้วยโค้ดข้างล่างนี้
.post img {
float:center;
min-width: 400px;
max-width: 400px;
max-height: 300px;
min-height: 300px;
padding : 10px;
margin: 0;
clear: both;
}
]]></b:skin>
ขั้นตอนที่ 3. เลือกที่ 'บันทึกแม่แบบ' จากนั้นลองเปิดบล็อกดูผลลัพธ์
อธิบายเพิ่มเติม
สามารถตั้งค่าความกว้าง ความสูง และระยะห่างของภาพได้ตามต้องการดังนี้
ความกว้างกำหนดได้ในบรรทัดที่ 3 และ 4 ซึ่งเดิมเขียนไว้ว่า
min-width: 400px;
max-width: 400px;
ความสูงกำหนดได้ในบรรทัดที่ 5 และ 6 ซึ่งเดิมเขียนไว้ว่า
max-height: 300px;
min-height: 300px;
ระยะห่างของภาพกำหนดได้ในบรรทัดที่ 7 ซึ่งเดิมเขียนไว้ว่า
padding : 10px;
Credit: http://www.techieblogger.com/2009/08/image-resizer-tool-php-css-script.html
0 ความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น