สรุปหัวข้อ
ข้อความโดย: akha
« เมื่อ: 05, ธันวาคม 2010, 06:31:38 PM »
ลองทำแล้วพื้นหลังมาไม่เต็มกรอบครับ newbielink:http://www.civil-nkw.com/index.php [nonactive]
newbielink:http://image.ohozaa.com/show.php?id=293c511393cd5b50daa80d81634664fc [nonactive]
เปลี่ยนตรงนี้ background: #fff url(images/bg-quote.png) top left no-repeat; จาก no-repeat ใ้ห้เป็น repeat ดูสิครับ
ข้อความโดย: construction
« เมื่อ: 04, ธันวาคม 2010, 10:31:39 AM »
ลองทำแล้วพื้นหลังมาไม่เต็มกรอบครับ http://www.civil-nkw.com/index.php
ข้อความโดย: dontknowanything
« เมื่อ: 23, พฤศจิกายน 2010, 10:25:37 PM »
ใช้คำสั่ง repeat สิครับ
อืมจริงด้วย ตอนแก้โค๊ดเคยเจอแต่คำสั่ง repeat-x เลยไม่ได้เอะใจว่ามี repeat/repeat-y ด้วย 
ข้อความโดย: zelda
« เมื่อ: 23, พฤศจิกายน 2010, 12:31:22 PM »
ใช้คำสั่ง repeat สิครับ
ข้อความโดย: dontknowanything
« เมื่อ: 23, พฤศจิกายน 2010, 07:48:32 AM »
แล้วถ้ามีพวก Hide หรือ Spoiler อยู่ข้างใน Quote อีกที เวลากดดูที่ย่อไว้แบ็คกราวมันจะไม่เต็ม มีวิธีแก้ไหมครับ หรือต้องทำให้รูปมันขนาดใหญ่โครตไปเลย 
ข้อความโดย: bomb88
« เมื่อ: 16, มิถุนายน 2009, 10:57:33 AM »
เครดิต HoLY CoMM[แอท]nDo ที่มา newbielink:http://www.zone-it.com [nonactive]
ผลที่ได้จะออกมาเป็นดังภาพ

• ทำภาพพื้นหลังชื่อ bg-code.png และ bg-quote.png แล้วนำไปไว้ที่โฟลเดอร์ Themes/<ธีมที่ใช้>/images ของ Theme นั้นๆ • เปิดไฟล์ Themes/<ธีมที่ใช้>/style.css • ค้นหาโค้ด
/* A quote, perhaps from another post. */ .quote { background: #fff url(images/bg-quote-r.png) top right no-repeat; color: #000000; background-color: white; border: 1px solid #00B7FF; margin: 1px; padding: 3px; font-size: 9pt; line-height: 1.4em; }
/* A code block - maybe even PHP ;). */ .code { background: #fff url(images/bg-code-r.png) top right no-repeat; color: #000000; background-color: white; font-family: "consolas", "courier new", "times new roman", monospace; font-size: 9pt; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid orange; margin: 1px auto 1px auto; padding: 2px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 30 lines, and just show a scrollbar. */ max-height: 30em; } .code pre { font: 13px "Consolas", "courier new", monospace; }
/* Quote: Code: */ .quoteheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:#00B7FF; text-align: left; }
.codeheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:orange; text-align: left; } • นำโค้ดนี้ไปวางทับทั้งหมด
/* A quote, perhaps from another post. */ .quote { background: #fff url(images/bg-quote.png) top left no-repeat; color: #000000; background-color: white; border: 1px solid #00B7FF; margin: 1px; padding: 3px; font-size: 9pt; line-height: 1.4em; }
/* A code block - maybe even PHP ;). */ .code { background: #fff url(images/bg-code.png) top left no-repeat; color: #000000; background-color: white; font-family: "consolas", "courier new", "times new roman", monospace; font-size: 9pt; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid orange; margin: 1px auto 1px auto; padding: 2px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 30 lines, and just show a scrollbar. */ max-height: 30em; } .code pre { font: 13px "Consolas", "courier new", monospace; } /* The "Quote:" and "Code:" header parts... */ .quoteheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:#00B7FF; text-align: left; }
.codeheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:orange; text-align: left; } Note1: เราสามารถเปลี่ยนสีเส้นขอบและสีตัวอักษรของ Quote และ Code ให้สอดคล้องกับภาพที่จะทำขึ้นมาได้โดยจะแก้อยู่ 2 ส่วนคือ ส่วนที่ 1 แก้ไขที่ .quote และ .code ที่บรรทัด border: 1px solid <สีที่ต้องการ>; ส่วนที่ 2 แก้ไขที่ .quoteheader และ .codeheader ที่บรรทัด color:<สีที่ต้องการ>;
ซึ่งตรงที่เน้นสีแดงเราสามารถแก้ไขสีให้เป็นไปตามที่เราต้องการได้
Note2: ส่วนของภาพพื้นหลัง เราสามารถกำหนดให้ชิดขอบซ้ายหรือขอบขวาได้โดยให้แก้ไขที่ background: #fff url(images/bg-quote.png) top left no-repeat;
ซึ่งตรงที่เน้นสีแดงเราสามารถแก้ไขตำแหน่งตามความเหมาะสมดังนี้ left = ชิดซ้าย right = ชิดขวา
ซึ่งภาพ Screenshot ที่ผมนำมาลงไว้ เป็นการทำให้ภาพชิดขอบขวา ถังนั้นจึงต้องปรับเป็นดังนี้ background: #fff url(images/bg-quote.png) top right no-repeat;
ทิ้งท้าย: เราสามารถที่จะใช้สีพื้นหลังแทนการใช้ภาพพื้นหลังแทนได้ หากคิดว่าไม่อยากใช้ภาพเป็นพื้นหลัง ให้เราลบบรรทัด background: ของทั้ง .quote และ .code ออกไป แล้วแก้ไขสีที่ background-color: <สีที่ต้องการ>; เป็นสีที่เราต้องการครับ
ตัวอย่าง

cs]j,g]p
ข้อความโดย: ก๊วนกวน
« เมื่อ: 20, มกราคม 2009, 11:40:20 PM »
แล้วถ้าทำบอร์ดใหม่เลยล่ะ โหลดไฟล์ล่าสุด+สร้างฐานข้อมูลใหม่
จ๊ากกกกกก !!!!! แล้วมีวิธีทำให้อ้างถึงเห็นเฉพาะผู้ัดูแลไหมครับ ไปลองมาแล้วครับโหลดไฟล์ล่าสุด+สร้างฐานข้อมูลใหม่ สามารถใช้อ้างถึงได้ครับ 555+ แสดงว่ามีคนไปเอาออกครับ หาวิธีที่ทำอ้างถึงให้เห็นเฉพาะผู้ดูแลได้ไหมครับ
มีอีกข้อครับ คือว่าชอบนะครับ ถ้าจะทำให้เวลาตั้งกระทู้เป็นกล่องและใส่ภาพ แบบนี้ได้นะครับ พี่ว่ามีวิธีไหมครับ 555+ สวยดีครับ
ข้อความโดย: เซียวเหล่งนึ่งฯ
« เมื่อ: 20, มกราคม 2009, 08:33:54 PM »
แล้วถ้าทำบอร์ดใหม่เลยล่ะ โหลดไฟล์ล่าสุด+สร้างฐานข้อมูลใหม่
ข้อความโดย: ก๊วนกวน
« เมื่อ: 20, มกราคม 2009, 07:58:56 PM »
เพราะแต่เดิมทีบอร์ดไม่มีอ้างถึง เพื่อป้องกันการก็อบลิงก์แฟลชหนะสิ
ทีนี้ต้องดูว่าเอาไฟล์ที่โหลดมาใหม่อัพทับขึ้นไปได้ไหม (อย่าลืมแบ็คอัพ)
แล้วทำไมบร์อด smf 1.1.7 โหลดและอัพใหม่เลยยังเป็นครับ ตามไปดูไฟล์ที่น่าสงสัย ก็ไม่ได้แก้ครับ ไฟลฺนี้ครับ Display.template.php
ก็ไม่ได้แก้อะไรเลยครับ
ข้อความโดย: เซียวเหล่งนึ่งฯ
« เมื่อ: 20, มกราคม 2009, 07:49:43 PM »
เพราะแต่เดิมทีบอร์ดไม่มีอ้างถึง เพื่อป้องกันการก็อบลิงก์แฟลชหนะสิ
ทีนี้ต้องดูว่าเอาไฟล์ที่โหลดมาใหม่อัพทับขึ้นไปได้ไหม (อย่าลืมแบ็คอัพ)
ข้อความโดย: LittleCat
« เมื่อ: 09, พฤศจิกายน 2008, 11:14:12 AM »
ของป้าเซียวฯ เขาทำมาฝากหนะ อิอิ 
ข้อความโดย: kaikimao
« เมื่อ: 09, พฤศจิกายน 2008, 11:08:42 AM »
สีเหมือนหวานเย็น น่ากิน 
ข้อความโดย: LittleCat
« เมื่อ: 09, พฤศจิกายน 2008, 06:52:18 AM »
เครดิต HoLY CoMM[แอท]nDo ที่มา www.zone-it.comผลที่ได้จะออกมาเป็นดังภาพ

• ทำภาพพื้นหลังชื่อ bg-code.png และ bg-quote.png แล้วนำไปไว้ที่โฟลเดอร์ Themes/<ธีมที่ใช้>/images ของ Theme นั้นๆ • เปิดไฟล์ Themes/<ธีมที่ใช้>/style.css • ค้นหาโค้ด/* A quote, perhaps from another post. */ .quote { background: #fff url(images/bg-quote-r.png) top right no-repeat; color: #000000; background-color: white; border: 1px solid #00B7FF; margin: 1px; padding: 3px; font-size: 9pt; line-height: 1.4em; }
/* A code block - maybe even PHP ;). */ .code { background: #fff url(images/bg-code-r.png) top right no-repeat; color: #000000; background-color: white; font-family: "consolas", "courier new", "times new roman", monospace; font-size: 9pt; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid orange; margin: 1px auto 1px auto; padding: 2px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 30 lines, and just show a scrollbar. */ max-height: 30em; } .code pre { font: 13px "Consolas", "courier new", monospace; }
/* Quote: Code: */ .quoteheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:#00B7FF; text-align: left; }
.codeheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:orange; text-align: left; } • นำโค้ดนี้ไปวางทับทั้งหมด/* A quote, perhaps from another post. */ .quote { background: #fff url(images/bg-quote.png) top left no-repeat; color: #000000; background-color: white; border: 1px solid #00B7FF; margin: 1px; padding: 3px; font-size: 9pt; line-height: 1.4em; }
/* A code block - maybe even PHP ;). */ .code { background: #fff url(images/bg-code.png) top left no-repeat; color: #000000; background-color: white; font-family: "consolas", "courier new", "times new roman", monospace; font-size: 9pt; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid orange; margin: 1px auto 1px auto; padding: 2px; width: 99%; /* Don't wrap its contents, and show scrollbars. */ white-space: nowrap; overflow: auto; /* Stop after about 30 lines, and just show a scrollbar. */ max-height: 30em; } .code pre { font: 13px "Consolas", "courier new", monospace; } /* The "Quote:" and "Code:" header parts... */ .quoteheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:#00B7FF; text-align: left; }
.codeheader { font-family: "Trebuchet MS", "Tahoma"; font-weight: bold; color:orange; text-align: left; } Note1: เราสามารถเปลี่ยนสีเส้นขอบและสีตัวอักษรของ Quote และ Code ให้สอดคล้องกับภาพที่จะทำขึ้นมาได้โดยจะแก้อยู่ 2 ส่วนคือ ส่วนที่ 1 แก้ไขที่ .quote และ .code ที่บรรทัด border: 1px solid <สีที่ต้องการ>; ส่วนที่ 2 แก้ไขที่ .quoteheader และ .codeheader ที่บรรทัด color:<สีที่ต้องการ>;
ซึ่งตรงที่เน้นสีแดงเราสามารถแก้ไขสีให้เป็นไปตามที่เราต้องการได้
Note2: ส่วนของภาพพื้นหลัง เราสามารถกำหนดให้ชิดขอบซ้ายหรือขอบขวาได้โดยให้แก้ไขที่ background: #fff url(images/bg-quote.png) top left no-repeat;
ซึ่งตรงที่เน้นสีแดงเราสามารถแก้ไขตำแหน่งตามความเหมาะสมดังนี้ left = ชิดซ้าย right = ชิดขวา
ซึ่งภาพ Screenshot ที่ผมนำมาลงไว้ เป็นการทำให้ภาพชิดขอบขวา ถังนั้นจึงต้องปรับเป็นดังนี้ background: #fff url(images/bg-quote.png) top right no-repeat;
ทิ้งท้าย: เราสามารถที่จะใช้สีพื้นหลังแทนการใช้ภาพพื้นหลังแทนได้ หากคิดว่าไม่อยากใช้ภาพเป็นพื้นหลัง ให้เราลบบรรทัด background: ของทั้ง .quote และ .code ออกไป แล้วแก้ไขสีที่ background-color: <สีที่ต้องการ>; เป็นสีที่เราต้องการครับ
ตัวอย่าง

|