Test CSS <> Quote Style
posted on 13 Jan 2005 21:44 by compman
Test CSS
แล้วเวลาจะทำ quote ให้กด ปุ่ม <> (ที่อยู่ตรงแถบใส่สีน่ะ), แล้วก็พยายามหาข้อความที่ต้องการทำ quote และแทรกโค้ดดังนี้.
ก็จะได้ quote แบบที่เห็นครับผม, เชิญปรับแต่งสีกันตามใจชอบ. ไม่ยากๆ ครับ
Just Test ไม่มีอะไรในก่อไผ่.
Credit : quote นี้ได้มาจาก Idea ของคุณ paepae & lewcpe ครับผม ขอบคุณมากๆ ครับ.
Credit : quote นี้ได้มาจาก Idea ของคุณ paepae & lewcpe ครับผม ขอบคุณมากๆ ครับ.
ถ้าใครจะทำบ้าง ให้เอาโค้ดนี้ไปใส่ใน theme ของตนเอง (Advance Theme) นะครับ ไว้ตรงไหนก็ได้.
.quote {
background-color: #FFFFEE; <-- ตรงนี้คือสี Background
padding: 10px 10px 10px 10px; <-- padding ระยะห่างของขอบ จากตัวหนังสือ
border: 1px dotted #CC0000; <-- ขนาด ขอบแบบจุด สีขอบ
}แล้วเวลาจะทำ quote ให้กด ปุ่ม <> (ที่อยู่ตรงแถบใส่สีน่ะ), แล้วก็พยายามหาข้อความที่ต้องการทำ quote และแทรกโค้ดดังนี้.
<div class="quote">ข้อความที่อยู่ใน quote </div>
ก็จะได้ quote แบบที่เห็นครับผม, เชิญปรับแต่งสีกันตามใจชอบ. ไม่ยากๆ ครับ
ปล. จดสิทธิบัตรแบบ copyleft เรียบร้อย ;P
แก้ไขเมื่อ 14/1/2548 19:12:06
ไอ้แพท..
:-D
#1 By PaePae on 2005-01-13 21:47