วันนี้ปรับปรุงการเพิ่มตัวเลือกสีตัวอักษรในบอร์ดให้หลากหลายขึ้นครับ..
ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน
ธันวาคม 22, 2024, 10:31:47 pm
หน้าแรก ช่วยเหลือ เข้าสู่ระบบ สมัครสมาชิก

 |  ห้องคอมพิวเตอร์  |  ●คน ทำ เว็บ  |  ●SMF  |  หัวข้อ: วันนี้ปรับปรุงการเพิ่มตัวเลือกสีตัวอักษรในบอร์ดให้หลากหลายขึ้นครับ.. « หน้าที่แล้ว ต่อไป »
หน้า: [1] ลงล่าง พิมพ์
ผู้เขียน หัวข้อ: วันนี้ปรับปรุงการเพิ่มตัวเลือกสีตัวอักษรในบอร์ดให้หลากหลายขึ้นครับ..  (อ่าน 16975 ครั้ง)
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« เมื่อ: ธันวาคม 31, 2012, 10:47:05 am »

ขอขอบคุณข้อมูลดีๆในบอร์ดน้องนกด้วยครับ http://www.justusers.net
-------------------------------------------------------

  วันนี้พอมีเวลา มาปรับปรุงการเพิ่มตัวเลือกสีตัวอักษรในบอร์ดให้หลากหลายขึ้นดีกว่าครับ  HAPPY2!!

ตัวอย่าง
บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #1 เมื่อ: ธันวาคม 31, 2012, 10:50:10 am »

โหลดไฟล์ Themes/default/Post.template.php มาแก้ไขครับ

หาโค๊ดนี้ให้เจอก่อน
โค๊ด:
// Print a drop down list for all the colors we allow!
บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #2 เมื่อ: ธันวาคม 31, 2012, 10:52:11 am »

ใช้วิธีเซิร์ท จะรวดเร็วกว่านั่งคลำทีละบรรทัด

..เจอแล้ว    HAPPY2!!
บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #3 เมื่อ: ธันวาคม 31, 2012, 10:53:45 am »

เราจะเปลี่ยนข้อมูล ตัวจัดการสีตรงนี้ครับ

บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #4 เมื่อ: ธันวาคม 31, 2012, 10:56:06 am »

แทนที่โค๊ดกลุ่มนี้ด้วยโค๊ดดังต่อไปนี้..

โค๊ด:
<option style="background-color: aqua; color:aqua;" value="aqua">Aqua</option>
 <option style="background-color: black; color: black;" value="black">Black</option>
  <option style="background-color: blue; color: blue;" value="blue">Blue</option>
   <option style="background-color:blueviolet; color:blueviolet;" value="blueviolet">Blueviolet</option>
  <option style="background-color:brown; color:brown;" value="brown">Brown</option>
  <option style="background-color:burlywood; color:burlywood;" value="burlywood">BurlyWood</option>
  <option style="background-color:cadetblue; color:cadetblue;" value="cadetblue">CadetBlue</option>
  <option style="background-color:chartreuse; color:chartreuse;" value="chartreuse">Chartreuse</option>
 <option style="background-color:chocolate; color:chocolate;" value="chocolate">Chocolate</option>
  <option style="background-color:coral; color:coral;" value="coral">Coral</option>
  <option style="background-color:crimson; color:crimson;" value="crimson">Crimson</option>
 <option style="background-color:cyan; color:cyan;" value="cyan">Cyan</option>
 <option style="background-color:deepskyblue; color:deepskyblue;" value="deepskyblue">Deepskyblue</option>
  <option style="background-color:darkblue; color:darkblue;" value="darkblue">DarkBlue</option>
  <option style="background-color:darkcyan; color:darkcyan;" value="darkcyan">DarkCyan</option>
 <option style="background-color:darkgray; color:darkgray;" value="darkgray">DarkGray</option>
  <option style="background-color:darkgreen; color:darkgreen;" value="darkgreen">DarkGreen</option>
  <option style="background-color:darkkhaki; color:darkkhaki;" value="darkkhaki">DarkKhaki</option>
   <option style="background-color:darkmagenta; color:darkmagenta;" value="darkmagenta">DarkMagenta</option>
 <option style="background-color:darkorange; color:darkorange;" value="darkorange">DarkOrange</option>
  <option style="background-color:darkorchid; color:darkorchid;" value="darkorchid">DarkOrchid</option>
  <option style="background-color:darkred; color:darkred;" value="darkred">DarkRed</option>
  <option style="background-color:darksalmon; color:darksalmon;" value="darksalmon">DarkSalmon</option>
 <option style="background-color:darkseagreen; color:darkseagreen;" value="darkseagreen">DarkSeaGreen</option>
 <option style="background-color:darkviolet; color:darkviolet;" value="DarkViolet">DarkViolet</option>
  <option style="background-color:deeppink; color:deeppink;" value="DeepPink">DeepPink</option>
  <option style="background-color:dimgray; color:dimgray;" value="DimGray">DimGray</option>
  <option style="background-color:dodgerblue; color:dodgerblue;" value="DodgerBlue">DodgerBlue</option>
 <option style="background-color:firebrick; color:firebrick;" value="Firebrick">Firebrick</option>
 <option style="background-color:forestgreen; color:forestgreen;" value="ForestGreen">ForestGreen</option>
 <option style="background-color:gold; color:gold;" value="Gold">Gold</option>
  <option style="background-color:goldenrod; color:goldenrod;" value="Goldenrod">Goldenrod</option>
  <option style="background-color:gray; color:gray;" value="Gray">Gray</option>
   <option style="background-color:green; color:green;" value="Green">Green</option>
 <option style="background-color:greenyellow; color:greenyellow;" value="GreenYellow">GreenYellow</option>
  <option style="background-color:hotpink; color:hotpink;" value="HotPink">HotPink</option>
   <option style="background-color:indianred; color:indianred;" value="IndianRed">IndianRed</option>
  <option style="background-color:indigo; color:indigo;" value="Indigo">Indigo</option>
   <option style="background-color:khaki; color:khaki;" value="Khaki">Khaki</option>
   <option style="background-color:lawngreen; color:lawngreen;" value="LawnGreen">LawnGreen</option>
   <option style="background-color:lightgreen; color:lightgreen;" value="LightGreen">LightGreen</option>
  <option style="background-color:lightgrey; color:lightgrey;" value="LightGrey">LightGrey</option>
  <option style="background-color:lightpink; color:lightpink;" value="LightPink">LightPink</option>
  <option style="background-color:lightsalmon; color:lightsalmon;" value="LightSalmon">LightSalmon</option>
  <option style="background-color:lightskyblue; color:lightskyblue;" value="LightSkyBlue">LightSkyBlue</option>
 <option style="background-color:lightblue; color:lightblue;" value="LightBlue">LightBlue</option>
  <option style="background-color:lightcoral; color:lightcoral;" value="LightCoral">LightCoral</option>
  <option style="background-color:lime; color:lime;" value="Lime">Lime</option>
  <option style="background-color:limegreen; color:limegreen;" value="LimeGreen">LimeGreen</option>
   <option style="background-color:magenta; color:magenta;" value="Magenta">Magenta</option>
   <option style="background-color:maroon; color:maroon;" value="Maroon">Maroon</option>
   <option style="background-color:mediumblue; color:mediumblue;" value="MediumBlue">MediumBlue</option>
   <option style="background-color:mediumorchid; color:mediumorchid;" value="MediumOrchid">MediumOrchid</option>
 <option style="background-color:mediumpurple; color:mediumpurple;" value="MediumPurple">MediumPurple</option>
  <option style="background-color:midnightblue; color:midnightblue;" value="MidnightBlue">MidnightBlue</option>
  <option style="background-color:navy; color:navy;" value="Navy">Navy</option>
  <option style="background-color:olive; color:olive;" value="Olive">Olive</option>
  <option style="background-color:olivedrab; color:olivedrab;" value="OliveDrab">OliveDrab</option>
  <option style="background-color:orange; color:orange;" value="Orange">Orange</option>
 <option style="background-color:orangered; color:orangered;" value="OrangeRed">OrangeRed</option>
 <option style="background-color:orchid; color:orchid;" value="Orchid">Orchid</option>
 <option style="background-color:palegreen; color:palegreen;" value="PaleGreen">PaleGreen</option>
<option style="background-color:peru; color:peru;" value="Peru">Peru</option>
 <option style="background-color:pink; color:pink;" value="Pink">Pink</option>
   <option style="background-color:plum; color:plum;" value="Plum">Plum</option>
  <option style="background-color:powderblue; color:powderblue;" value="PowderBlue">PowderBlue</option>
 <option style="background-color:purple; color:purple;" value="Purple">Purple</option>
  <option style="background-color:red; color:red;" value="Red">Red</option>
  <option style="background-color:rosybrown; color:rosybrown;" value="RosyBrown">RosyBrown</option>
  <option style="background-color:royalblue; color:royalblue;" value="RoyalBlue">RoyalBlue</option>
 <option style="background-color:saddlebrown; color:saddlebrown;" value="SaddleBrown">SaddleBrown</option>
 <option style="background-color:salmon; color:salmon;" value="Salmon">Salmon</option>
  <option style="background-color:sandybrown; color:sandybrown;" value="SandyBrown">SandyBrown</option>
  <option style="background-color:seagreen; color:seagreen;" value="SeaGreen">SeaGreen</option>
  <option style="background-color:sienna; color:sienna;" value="Sienna">Sienna</option>
  <option style="background-color:silver; color:silver;" value="Silver">Silver</option>
 <option style="background-color:skyblue; color:skyblue;" value="SkyBlue">SkyBlue</option>
 <option style="background-color:slateblue; color:slateblue;" value="Slateblue">Slateblue</option>
  <option style="background-color:slategray; color:slategray;" value="Slategray">Slategray</option>
  <option style="background-color:springgreen; color:springgreen;" value="Springgreen">Springgreen</option>
 <option style="background-color:steelblue; color:steelblue;" value="Steelblue">Steelblue</option>
  <option style="background-color:tan; color:tan;" value="Tan">Tan</option>
 <option style="background-color:teal; color:teal;" value="Teal">Teal</option>
 <option style="background-color:thistle; color:thistle;" value="Thistle">Thistle</option>
  <option style="background-color:tomato; color:tomato;" value="Tomato">Tomato</option>
  <option style="background-color:turquoise; color:turquoise;" value="Turquoise">Turquoise</option>
   <option style="background-color:violet; color:violet;" value="Violet">Violet</option>
  <option style="background-color:wheat; color:wheat;" value="Wheat">Wheat</option>
  <option style="background-color:white; color:white;" value="White">White</option>
   <option style="background-color:yellow; color:yellow;" value="Yellow">Yellow</option>
  <option style="background-color:yellowgreen; color:yellowgreen;" value="Yellowgreen">Yellowgreen</option>
บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #5 เมื่อ: ธันวาคม 31, 2012, 10:59:06 am »

เสร็จแล้ว อัพไฟล์ที่ปรับปรุงแล้ว ทับไฟล์เดิมบนโฮส
  ทดสอบดูโดย ตอบกระทู้ .. ทำตามภาพครับ  HAPPY2!!
บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #6 เมื่อ: ธันวาคม 31, 2012, 11:04:13 am »

หรือต้องการให้แสดงผลดังภาพ ก็ใส่โค๊ดนี้ลงไป..

โค๊ด:
<option value="Aqua" style="color:aqua;">Aqua</option>
  <option value="Black" style="color:black;">Black</option>
  <option value="Blue" style="color:blue;">Blue</option>
  <option value="Blueviolet" style="color:blueviolet;">Blueviolet</option>
  <option value="Brown" style="color:brown;">Brown</option>
  <option value="Burlywood" style="color:burlywood;">BurlyWood</option>
  <option value="Cadetblue" style="color:cadetblue;">CadetBlue</option>
  <option value="Chartreuse" style="color:chartreuse;">Chartreuse</option>
  <option value="Chocolate" style="color:chocolate;">Chocolate</option>
  <option value="Coral" style="color:coral;">Coral</option>
  <option value="Crimson" style="color:crimson;">Crimson</option>
  <option value="Cyan" style="color:cyan;">Cyan</option>
  <option value="Deepskyblue" style="color:deepskyblue;">Deepskyblue </option>
  <option value="Darkblue" style="color:darkblue;">DarkBlue</option>
  <option value="Darkcyan" style="color:darkcyan;">DarkCyan</option>
  <option value="Darkgray" style="color:darkgray;">DarkGray</option>
  <option value="Darkgreen" style="color:darkgreen;">DarkGreen</option>
  <option value="Darkkhaki" style="color:darkkhaki;">DarkKhaki</option>
  <option value="Darkmagenta" style="color:darkmagenta;">DarkMagenta</option>
  <option value="Darkorange" style="color:darkorange;">DarkOrange</option>
  <option value="Darkorchid" style="color:darkorchid;">DarkOrchid</option>
  <option value="Darkred" style="color:darkred;">DarkRed</option>
  <option value="Darksalmon" style="color:darksalmon;">DarkSalmon</option>
  <option value="Darkseagreen" style="color:Darkseagreen;">DarkSeaGreen</option>
  <option value="Darkviolet" style="color:darkviolet;">DarkViolet</option>
  <option value="Deeppink" style="color:deeppink;">DeepPink</option>
  <option value="Dimgray" style="color:dimgray;">DimGray</option>
  <option value="Dodgerblue" style="color:dodgerblue;">DodgerBlue</option>
  <option value="Firebrick" style="color:firebrick;">Firebrick</option>
  <option value="Forestgreen" style="color:forestgreen;">ForestGreen</option>
  <option value="Gold" style="color:gold;">Gold</option>
  <option value="Goldenrod" style="color:goldenrod;">Goldenrod</option>
  <option value="Gray" style="color:gray;">Gray</option>
  <option value="Green" style="color:green;">Green</option>
  <option value="Greenyellow" style="color:greenyellow;">GreenYellow</option>
  <option value="Hotpink" style="color:hotpink;">HotPink</option>
  <option value="Indianred" style="color:indianred;">IndianRed</option>
  <option value="Indianred" style="color:indigo;">Indianred</option>
  <option value="Khaki" style="color:khaki;">Khaki</option>
  <option value="Lawngreen" style="color:lawngreen;">LawnGreen</option>
  <option value="Lightgreen" style="color:lightgreen;">LightGreen</option>
  <option value="Lightgrey" style="color:lightgrey;">LightGrey</option>
  <option value="Lightpink" style="color:lightpink;">LightPink</option>
  <option value="Lightsalmon" style="color:lightsalmon;">LightSalmon</option>
  <option value="Lightskyblue" style="color:lightskyblue;">LightSkyBlue</option>
  <option value="Lightblue" style="color:lightblue;">LightBlue</option>
  <option value="Lightcoral" style="color:lightcoral;">LightCoral</option>
  <option value="Lime" style="color:lime;">Lime</option>
  <option value="Limegreen" style="color:limegreen;">LimeGreen</option>
  <option value="Magenta" style="color:magenta;">Magenta</option>
  <option value="Maroon" style="color:maroon;">Maroon</option>
  <option value="Mediumblue" style="color:mediumblue;">MediumBlue</option>
  <option value="Mediumorchid" style="color:mediumorchid;">MediumOrchid</option>
  <option value="Mediumpurple" style="color:mediumpurple;">MediumPurple</option>
  <option value="Midnightblue" style="color:midnightblue;">MidnightBlue</option>
  <option value="Navy" style="color:navy;">Navy</option>
  <option value="Olive" style="color:olive;">Olive</option>
  <option value="Olivedrab" style="color:olivedrab;">OliveDrab</option>
  <option value="Orange" style="color:orange;">Orange</option>
  <option value="Orangered" style="color:orangered;">OrangeRed</option>
  <option value="Orchid" style="color:orchid;">Orchid</option>
  <option value="Palegreen" style="color:palegreen;">PaleGreen</option>
  <option value="Peru" style="color:peru;">Peru</option>
  <option value="Pink" style="color:pink;">Pink</option>
  <option value="Plum" style="color:plum;">Plum</option>
  <option value="Powderblue" style="color:powderblue;">PowderBlue</option>
  <option value="Purple" style="color:purple;">Purple</option>
  <option value="Red" style="color:red;">Red</option>
  <option value="Rosybrown" style="color:rosybrown;">RosyBrown</option>
  <option value="Royalblue" style="color:royalblue;">RoyalBlue</option>
  <option value="Saddlebrown" style="color:saddlebrown;">SaddleBrown</option>
  <option value="Salmon" style="color:salmon;">Salmon</option>
  <option value="Sandybrown" style="color:sandybrown;">SandyBrown</option>
  <option value="Seagreen" style="color:seagreen;">SeaGreen</option>
  <option value="Sienna" style="color:sienna;">Sienna</option>
  <option value="Silver" style="color:silver;">Silver</option>
  <option value="Skyblue" style="color:skyblue;">SkyBlue</option>
  <option value="Slateblue" style="color:slateblue;">Slateblue</option>
  <option value="Slategray" style="color:slategray;">Slategray</option>
  <option value="Springgreen" style="color:springgreen;">Springgreen</option>
  <option value="Steelblue" style="color:steelblue;">Steelblue</option>
  <option value="Tan" style="color:tan;">Tan</option>
  <option value="Teal" style="color:teal;">Teal</option>
  <option value="Thistle" style="color:thistle;">Thistle</option>
  <option value="Tomato" style="color:tomato;">Tomato</option>
  <option value="Turquoise" style="color:turquoise;">Turquoise</option>
  <option value="Violet" style="color:violet;">Violet</option>
  <option value="Wheat" style="color:wheat;">Wheat</option>
  <option value="White" style="color:white;">White</option>
  <option value="Yellow" style="color:yellow;">Yellow</option>
  <option value="Yellowgreen" style="color:yellowgreen;">Yellowgreen</option>
บันทึกการเข้า
ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #7 เมื่อ: ธันวาคม 31, 2012, 11:06:07 am »

คราวนี้บอร์ดเราก็มีลูกเล่นหลากหลายขึ้น .. ขอให้มีความสุขในวันปีใหม่2556ครับผม THANK!! Smiley
บันทึกการเข้า
IT. Service Station
วีไอพี
member
***

คะแนน 69
ออฟไลน์ ออฟไลน์

กระทู้: 946


จะตอบได้ ถ้าถามได้(เข้าใจ)


เว็บไซต์
« ตอบ #8 เมื่อ: กุมภาพันธ์ 22, 2013, 09:08:42 am »

บ่ะ ที่นี่ก็มีสอบทำเว็บ
ขอนำไปใช้หน่อยน่ะครับพี่เล็ก
 
บันทึกการเข้า

ช่างเล็ก(LSV)
Administrator
member
*

คะแนน 1346
ออฟไลน์ ออฟไลน์

กระทู้: 18843


คิดดี ทำดี ชีวิตมีแต่สุข


อีเมล์
« ตอบ #9 เมื่อ: กุมภาพันธ์ 22, 2013, 09:47:30 am »

จะลงเฉพาะที่สำคัญๆ และทดสอบแล้วว่าได้ผลจริง ..เผื่อมีประโยชน์บ้างแก่เพื่อนๆครับ  HAPPY2!!


 เพราะลงเยอะไปจะซ้ำซ้อนกับบอร์ดของน้องนกครับ http://www.justusers.net   Smiley
บันทึกการเข้า
หน้า: [1] ขึ้นบน พิมพ์ 
 |  ห้องคอมพิวเตอร์  |  ●คน ทำ เว็บ  |  ●SMF  |  หัวข้อ: วันนี้ปรับปรุงการเพิ่มตัวเลือกสีตัวอักษรในบอร์ดให้หลากหลายขึ้นครับ.. « หน้าที่แล้ว ต่อไป »
กระโดดไป:  


เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

Powered by MySQL Powered by PHP Powered by SMF 1.1 RC2 | SMF © 2001-2006, Lewis Media Free Web Counter Valid XHTML 1.0! Valid CSS!