<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE install PUBLIC "-//Joomla! 3.8//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/2.5/template-install.dtd"> <extension version="3.1" type="template" client="site"> <name>MINIMAL-SCHOOL</name> <creationDate>10-01-2022</creationDate> <author>HitzTheme</author> <authorEmail>hitztheme@hotmail.com</authorEmail> <authorUrl>https://www.hitztheme.com/</authorUrl> <copyright>HitzTheme 2022</copyright> <license></license> <version>4.0</version> <description> <![CDATA[<div style="text-align:left"><span style="font-weight:bold;font-size:1.1em;color:#000;">--- MINIMAL SCHOOL ---<br /><hr style="border:0;color:rgb(226,226,226);background-color:rgb(226,226,226);height:1px" />ลิขสิทธิ์เทมเพลต เป็นของ Hitztheme</span><br />เทมเพลตออกแบบโดย hitztheme.com <br /><br /> <span style="color: #000000;font-weight:bold;" > การใช้งานเบื้องต้น</span><br /> <span style=" padding-left:15px;"> 1.โปรดใส่ Serial Code ก่อนการแก้ไขหรือใช้งานเทมเพลต ดูคำแนะนำเรื่อง Serial Code ได้จาก <a href="https://www.youtube.com/watch?v=1-0hZXQjWRk" target="_blank" >ที่นี้ </a></span><br /> <span style=" padding-left:15px;"> 2.หากติดตั้งเฉพาะตัวเทมเพลต โปรดติดตั้งส่วนเสริมหลัก เช่น JCE Editor และ Page Builder CK ก่อนการใช้งาน (แนะนำติดตั้งทุกตัวตามรายการที่แนบไว้ เพื่อการใช้งานที่เหมือนกับต้นฉบับ)</span><br /> <span style=" padding-left:15px;"> 3.หากติดตั้งเฉพาะตัวเทมเพลต แนะนำให้ติดตั้งตัว QuickStart ที่แนบมาด้วยเป็นตัวอย่างเว็บไซต์เพื่อเปรียบเทียบการจัดทำในส่วน Positions และ การตั้งค่าส่วนเสริม (Extensions)</span><br /> <span style=" padding-left:15px;"> 4.แนะนำดูการใช้งานและคำอธิบายเบื้องต้นของ Template MINIMAL ได้จาก Youtube playlist : <a href="https://www.youtube.com/watch?v=xyO_GK7JOh4&list=PL4xx_YQkg4RL06mHf_Icna8UnNFV6kOCy" target="_blank" >Minimal Template Guide</a></span><br /> <span style=" padding-left:15px;"> 4.หากมีปัญหาในการใช้งานโปรดติดต่อ Hitztheme หรือ ADD LINE ID : <a href="https://line.me/R/ti/p/~hitztheme" target="_blank" >hitztheme</a> (หรือคลิ๊กที่ลิงค์)</span><br /> <br /><br /> <span style="color: #e70000;font-weight:bold;">สัญญาอนุญาตในการใช้งาน</span><br /> <span style=" padding-left:15px;">1.การซื้อ 1 ครั้ง ใช้งานได้ต่อ 1 โดเมนหรือ 1 เว็บไซต์ เท่านั้น</span><br /> <span style=" padding-left:15px;">2.ไม่อนุญาตให้นำไปจำหน่าย หรือขายต่อ หรือ หาผลผระโยชน์ในเชิงพาณิชย์ หลังจากการสั่งซื้อ</span><br /> <span style=" padding-left:15px;">3.ไม่อนุญาตให้นำไปแจกจ่าย หรือ เปิดให้ดาวน์โหลดต่อสาธารณะ</span><br /> <span style=" padding-left:15px;">4.ห้ามทำซ้ำหรือดัดแปลง เพื่อหาผลประโยชน์ </span><br /> <span style=" padding-left:15px;color: #e70000;font-weight:bold;">หากมีการตรวจสอบว่ามีการละเมิดลิขสิทธิ์ ทางเราจะดำเนินการตามกฏหมายจนถึงที่สุด</span><br /><br /> <span >- ต้องการข้อมูลเพิ่มเติม ดูรายละเอียดเพิ่มเติมได้ที่ <a href="https://www.hitztheme.com/" target="_blank">www.hitztheme.com</a></span><br /> - ช่อง Youtube สอนการใช้งานเทมเพลตและจูมล่า <a href="https://www.youtube.com/channel/UCZWLtMuKTvWgdf64pfSWXqQ" target="_blank">HitzTheme Channel</a>.<br /><br />Position Layout:<br /> <br /> ดูได้จากคู่มือออนไลน์ที่เว็บไซต์ <a href="https://hitztheme.com/docs/joomla-4-template/minimal-school" target="_blank" >คู่มือการใช้งาน MINIMAL SCHOOL</a><br /> <img src="../templates/minimal-school/position1.jpg" align="left" hspace="10" style="padding-top:10px; max-width:400px;"/> <img src="../templates/minimal-school/position2.jpg" align="left" hspace="10" style="padding-top:10px; max-width:400px;"/> <img src="../templates/minimal-school/position3.jpg" align="left" hspace="10" style="padding-top:10px; max-width:400px;"/> </div>]]> </description> <files> <folder>css</folder> <folder>html</folder> <folder>images</folder> <folder>fonts</folder> <folder>js</folder> <filename>component.php</filename> <filename>layout.php</filename> <filename>layout-m.php</filename> <filename>index.php</filename> <filename>template_preview.png</filename> <filename>template_thumbnail.png</filename> <filename>templateDetails.xml</filename> <filename>position1.jpg</filename> <filename>position2.jpg</filename> <filename>position3.jpg</filename> <filename>favicon.png</filename> </files> <positions> <position>debug</position> <position>slogan</position> <position>lang</position> <position>social</position> <position>logo</position> <position>menu</position> <position>slide</position> <position>breadcrumbs</position> <position>content-1</position> <position>content-2</position> <position>content-3</position> <position>content-4</position> <position>content-5</position> <position>footer</position> <position>copyright</position> <position>contact-form</position> <position>right-module</position> <position>menu-mobile</position> <position>ads-top</position> <position>ads-under</position> <position>facebook</position> <position>map</position> <position>tab1</position> <position>tab2</position> <position>tab3</position> <position>tab4</position> <position>tab5</position> <position>tab6</position> <position>tab7</position> <position>tab8</position> <position>tab9</position> <position>tab10</position> </positions> <config> <fields name="params"> <fieldset name="main" label="ภาพรวมเว็บไซต์" > <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>1. ส่วน FAVICON กำหนดไอค่อนในส่วน Page Title </b>" /> <field name="favicon" type="media" default="templates/minimal-school/favicon.png" label="กำหนด favicon" description="favicon สามารถอัพโหลดรูปใหม่ โดยสร้างรูปขนาด 32x32px เซฟเป็นนามสกุล .jpg หรือ .png ทำการอัพโหลดไว้ในโฟเดอร์ Images " /> <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>2. ส่วน BACKGROUND กำหนดรูปภาพในส่วนพื้นหลังเว็บไซต์ </b>" /> <field name="bodybgcolor" type="color" default="#ffffff" label="- สีพื้นหลัง" description="กำหนดสีพื้นหลังของเว็บไซต์ ค่าเริ่มต้นคือ #ffffff"></field> <field name="bodybgimg" type="list" default="background-image: none;" label="- Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง "> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background: none;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="bodybg" type="media" default="templates/minimal-school/images/bg.jpg" label="- ภาพ Background " description="กำหนดรูปภาพสำหรับพื้นหลังของเว็บไซต์ " /> <field name="bodybgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="bodybgfixed" type="list" default="fixed" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ ไม่เลื่อน "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field type="spacer" class="spacer" label="<p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>3. ส่วน BODY กำหนดความกว้างของเว็บไซต์แบบ Center </b>" /> <field name="widthcenter" type="text" default="1320px" label="- ความกว้างของแบบเซ็นเตอร์" description="กำหนดขนาดความกว้างสูงสุดของแบบเซ็นเตอร์ ค่าเริ่มต้นคือ 1320px"></field> <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>4. กำหนดรูปแบบตัวอักษร : สามารถดูตัวอย่างฟอนต์ได้ที่ GOOGLE FONTS </b>>> <a href='https://fonts.google.com/?subset=thai' target='_blank'><b style='color:#ffff00;text-decoration: underline'>ดูที่นี่!</b></a>" /> <field name="stylefont" type="list" default="Mitr" label="- เลือก Fonts" description="เลือกฟอนต์ที่จะใช้ ซึ่งเป็นฟอนต์จาก Google ค่าเริ่มต้นคือ Mitr (ตรวจสอบความหนาตัวอักษร ประกอบการใช้งาน)"> <option value="Helvetica Neue">Helvetica Neue</option> <option value="Prompt" >Prompt</option> <option value="Kanit">Kanit</option> <option value="Sarabun" >Sarabun</option> <option value="Chakra Petch" >Chakra Petch</option> <option value="Taviraj" >Taviraj</option> <option value="Mitr" >Mitr</option> <option value="Bai+Jamjuree" >Bai Jamjuree</option> <option value="Itim" >Itim</option> <option value="Mali" >Mali</option> <option value="Sriracha">Sriracha</option> <option value="Niramit">Niramit</option> <option value="Pridi">Pridi</option> <option value="Athiti">Athiti</option> <option value="Charmonman" >Charmonman</option> <option value="Chonburi" >Chonburi</option> <option value="Kodchasan">Kodchasan</option> <option value="K2D">K2D</option> <option value="Pattaya">Pattaya</option> <option value="Srisakdi">Srisakdi</option> </field> <field name="fontsize" type="list" default="16" label="- ขนาดตัวอักษรเริ่มต้น " description="กำหนดขนาดของตัวอักษรเริ่มต้นของเว็บไซต์ ค่าเริ่มต้นคือ 16 px "> <option value="12">12 px</option> <option value="14" >14 px</option> <option value="16" >16 px</option> <option value="18">18 px</option> <option value="20" >20 px</option> <option value="22" >22 px</option> <option value="24">24 px</option> <option value="26" >26 px</option> <option value="28" >28 px</option> <option value="30">30 px</option> </field> <field name="fontspacing" type="text" default="0" label="- ระยะห่างตัวอักษร (px)" description="กำหนดระยะห่างของตัวอักษร เพื่อไม่ให้ชิดกันเกินไป ค่าเริ่มต้นคือ 0 (ใส่เฉพาะตัวเลข อาทิเช่น 0.5, 1 , 1.8 เป็นต้น) "></field> <field name="linehight" type="text" default="auto" label="- ความสูงของบรรทัดตัวอักษร (%)" description="กำหนดระยะห่างความสูงของบรรทัดตัวอักษรคิดเป็นเปอร์เซ็นต์ เพื่อไม่ให้ชิดกันเกินไป ค่าเริ่มต้นคือ auto (150%) (ใส่เฉพาะตัวเลข อาทิเช่น 180, 220, 250 เป็นต้น) "></field> <field name="fontweight" type="text" default="300" label="- ความหนาของตัวอักษร" description="กำหนดขนาดความหนาของตัวอักษร ใส่เป็นค่าจำนวนเต็ม ค่าเริ่มต้นคือ 300 (มีผลเฉพาะบาง Fonts โปรดตรวจสอบความหนาของตัวอักษรที่รองรับจาก Google Fonts )"></field> <field type="spacer" class="spacer" label="<p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>5. ส่วน FONTS COLOR กำหนดสีของตัวอักษร และสีลิงค์ </b>" /> <field name="fontcolor" type="color" default="#808080" label="- สีตัวอักษร " description="กำหนดสีของตัวอักษร ค่าเริ่มต้นคือ #808080 "></field> <field name="linkcolor" type="color" default="#111111" label="- สีของลิงค์ " description="กำหนดสีลิงค์เริ่มต้น ค่าเริ่มต้นคือ #111111 "> </field> <field name="hovercolor" type="color" default="#000000" label="- สีของลิงค์ Hover" description="กำหนดสีลิงค์ Hover เริ่มต้น ค่าเริ่มต้นคือ #000000 "> </field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>6. ส่วนหัวข้อ H Tag : เป็นการกำหนดในส่วนหัวข้อหลักหรือคำหลักต่างๆ H1 , H2 , H3 , H4 , H5 </b>" /> <field name="stylefonth" type="list" default="Prompt" label="- เลือก Fonts ส่วนหัวข้อ" description="เลือกฟอนต์ที่จะใช้ ซึ่งเป็นฟอนต์จาก Google ค่าเริ่มต้นคือ Prompt (ตรวจสอบความหนาตัวอักษร ประกอบการใช้งาน)"> <option value="Helvetica Neue">Helvetica Neue</option> <option value="Prompt" >Prompt</option> <option value="Kanit">Kanit</option> <option value="Sarabun" >Sarabun</option> <option value="Chakra Petch" >Chakra Petch</option> <option value="Taviraj" >Taviraj</option> <option value="Mitr" >Mitr</option> <option value="Bai+Jamjuree" >Bai Jamjuree</option> <option value="Itim" >Itim</option> <option value="Mali" >Mali</option> <option value="Sriracha">Sriracha</option> <option value="Niramit">Niramit</option> <option value="Pridi">Pridi</option> <option value="Athiti">Athiti</option> <option value="Charmonman" >Charmonman</option> <option value="Chonburi" >Chonburi</option> <option value="Kodchasan">Kodchasan</option> <option value="K2D">K2D</option> <option value="Pattaya">Pattaya</option> <option value="Srisakdi">Srisakdi</option> </field> <field name="fontweighth" type="text" default="400" label="- ความหนาของตัวอักษรหัวข้อ" description="กำหนดขนาดความหนาของตัวอักษรหัวข้อ ใส่เป็นค่าจำนวนเต็ม ค่าเริ่มต้นคือ 400 (มีผลเฉพาะบาง Fonts ตรวจสอบความหนาของตัวอักษรที่รองรับจาก Google Fonts)"></field> <field name="h1size" type="text" default="5em" label="- ขนาดหัวข้อ H1 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H1 ค่าเริ่มต้นคือ 5em "></field> <field name="h1color" type="color" default="#111111" label="- กำหนดสีหัวข้อ H1 " description="กำหนดสีของหัวข้อ H1 ค่าเริ่มต้นคือ #111111"></field> <field name="h2size" type="text" default="4em" label="- ขนาดหัวข้อ H2 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H2 ค่าเริ่มต้นคือ 4em "></field> <field name="h2color" type="color" default="#111111" label="- กำหนดสีหัวข้อ H2 " description="กำหนดสีของหัวข้อ H2 ค่าเริ่มต้นคือ #111111"></field> <field name="h3size" type="text" default="1.5em" label="- ขนาดหัวข้อ H3 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H3 ค่าเริ่มต้นคือ 1.5em"></field> <field name="h3color" type="color" default="#111111" label="- กำหนดสีหัวข้อ H3 " description="กำหนดสีของหัวข้อ H3 ค่าเริ่มต้นคือ #111111"></field> <field name="h4size" type="text" default="18px" label="- ขนาดหัวข้อ H4 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H4 ค่าเริ่มต้นคือ 18px"></field> <field name="h4color" type="color" default="#111111" label="- กำหนดสีหัวข้อ H4 " description="กำหนดสีของหัวข้อ H4 ค่าเริ่มต้นคือ #111111"></field> <field name="h5size" type="text" default="14px" label="- ขนาดหัวข้อ H5 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H5 ค่าเริ่มต้นคือ 14px"></field> <field name="h5color" type="color" default="#111111" label="- กำหนดสีหัวข้อ H5 " description="กำหนดสีของหัวข้อ H4 ค่าเริ่มต้นคือ #111111"></field> <field name="htagcss" type="textarea" rows="10" default="" label="- CSS ในส่วน H Tag" description="เพิ่ม CSS ในส่วน H Tag เช่น h1 {text-shadow: 0px 2px 3px #e5d8b8;} เป็นการกำหนดเงาให้กับ h1" filter="raw" /> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>7. กำหนดรูปแบบของปุ่มลิงค์ อ่านต่อ (Readmore) เป็นปุ่มอ่านต่อ ที่มีใน content และ ส่วนเสริมบางตัว </b>" /> <field name="readmorelinkcolor" type="color" default="#333333" label="- เลือกสีตัวอักษรลิงค์ปุ่ม อ่านต่อ " description="กำหนดสีลิงค์ปุ่ม อ่านต่อ (Readmore) ค่าเริ่มต้นคือ #333333 "> </field> <field name="readmorebackground" type="color" default="#ffffff" label="- สีพื้นหลังปุ่ม อ่านต่อ" description="กำหนดสีพื้นหลังของปุ่ม อ่านต่อ ค่าเริ่มต้นคือ #ffffff"></field> <field name="readmorepadding" type="text" default="8px 12px" label="- ขนาดระยะห่างปุ่ม อ่านต่อ" description="กำหนดขนาดระยะห่างปุ่ม อ่านต่อ (Readmore) ค่าเริ่มต้นคือ 8px 12px (บน-ล่าง ซ้าย-ขวา)"></field> <field name="readmoreborder" type="list" default="1px solid" label="- ใช้เส้นขอบ Border " description="กำหนดใช้งานเส้นขอบ (Border)ของปุ่ม อ่านต่อหรือไม่ ค่าเริ่มต้นคือ ใช้เส้นขอบ "> <option value="1px solid">ใช้เส้นขอบ</option> <option value="none" >ไม่ใช้เส้นขอบ </option> </field> <field name="readmorebordercolor" type="color" default="#333333" label="- สีเส้นขอบปุ่ม อ่านต่อ" description="กำหนดสีเส้นขอบปุ่ม อ่านต่อ (Readmore) ค่าเริ่มต้นคือ #333333"></field> <field name="readmorehovercolor" type="color" default="#ffffff" label="- เลือกสีตัวอักษรของลิงค์ปุ่ม Hover อ่านต่อ " description="กำหนดสีลิงค์ Hover อ่านต่อ เริ่มต้น ค่าเริ่มต้นคือ #ffffff"> </field> <field name="readmorehoverbackground" type="color" default="#111111" label="- สีพื้นหลังปุ่ม Hover อ่านต่อ" description="กำหนดสีพื้นหลังของปุ่ม Hover อ่านต่อ ค่าเริ่มต้นคือ #111111"></field> <field name="readmoreborderhovercolor" type="color" default="#111111" label="- สีเส้นขอบปุ่ม Hover อ่านต่อ" description="กำหนดสีเส้นขอบปุ่ม Hover อ่านต่อ (Readmore) ค่าเริ่มต้นคือ #111111"></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>8. ส่วนปุ่มนำทาง : เป็นการกำหนดในส่วนสีและระยะห่างของปุ่มนำทางในหน้าบทความตอนท้าย ( ก่อนหน้า - ต่อไป ) </b>" /> <field name="pagenavlinkbg" type="color" default="#f1f1f1" label="- เลือกสีของพื้นหลังปุ่ม " description="กำหนดสีของพื้นหลังปุ่ม ค่าเริ่มต้นคือ #f1f1f1 "> </field> <field name="pagenavlinkcolor" type="color" default="#111111" label="- เลือกสีของตัวอักษรลิงค์ ปุ่ม" description="กำหนดสีของตัวอีกษรลิงค์ ปุ่ม ค่าเริ่มต้นคือ #111111 "> </field> <field name="pagenavhoverbg" type="color" default="#333333" label="- เลือกสีของพื้นหลังปุ่ม Hover " description="กำหนดสีของพื้นหลังปุ่ม Hover ค่าเริ่มต้นคือ #333333 "> </field> <field name="pagenavhovercolor" type="color" default="#ffffff" label="- เลือกสีของตัวอักษรลิงค์ ปุ่ม Hover" description="กำหนดสีของตัวอีกษรลิงค์ ปุ่ม Hover ค่าเริ่มต้นคือ #ffffff "> </field> <field name="pagenavpadding" type="text" default="6px 12px" label="- ขนาดระยะห่างในปุ่ม" description="กำหนดขนาดระยะห่างในปุ่ม ค่าเริ่มต้นคือ 6px 12px (บน-ล่าง ซ้าย-ขวา)"></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>9. ส่วน Table : ส่วนแสดงตารางในแต่ละหน้า </b>" /> <field name="tablecolor" type="color" default="#f9f9f9" label="- กำหนดสีบรรทัดขั้น Table " description="กำหนดสีของบรรทัดตาราง Table ค่าเริ่มต้นคือ #f9f9f9 "></field> <field name="tablehovercolor" type="color" default="#cccccc" label="- กำหนดสีบรรทัด Table Hover " description="กำหนดสีบรรทัด Table ค่าเริ่มต้นคือ #cccccc "></field> <field name="tablesize" type="text" default="1" label="- ขนาดเส้นขอบตาราง (px)" description="กำหนดขนาดเส้นขอบของตาราง ใส่เฉพาะตัวเลข ค่าเริ่มต้นคือ 1 (ใส่ 0 ถ้าไม่ต้องการเส้นขอบตาราง)"></field> <field name="tablestyle" type="list" default="solid" label="- เลือกแบบเส้นตาราง " description="เลือกแบบเส้นขอบตาราง"> <option value="solid">แบบเส้นทึบ</option> <option value="dashed" >แบบเส้นปะ</option> <option value="dotted">แบบจุด</option> </field> <field name="tablebodercolor" type="color" default="#111111" label="- กำหนดสีเส้นขอบตาราง Table " description="กำหนดสีของเส้นขอบตาราง ค่าเริ่มต้นคือ #111111 "></field> <field name="tablepadding" type="text" default="5px 15px" label="- ระยะห่างภายในช่องตาราง" description="กำหนดระยะห่างภายในช่องตาราง ค่าเริ่มต้นคือ 5px 15px ( บน-ล่าง ซ้าย-ขวา)"></field> </fieldset> <fieldset name="layout" label="ปรับโครงสร้างหน้าแรก" description="เป็นการปรับโครงสร้างตามตำแหน่งในแต่ละส่วนของหน้าแรก "> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>1. ส่วน Top : ตำแหน่ง Top ด้านบนสุด มีตำแหน่ง Positions ของโมดูล slogan , lang , social </b>" /> <field name="topuse" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน TOP " description="กำหนดการแสดงในส่วน Top หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="topsize" type="list" default="container" label="- ขนาด TOP" description="เลือกขนาดความกว้างของ TOP ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid">แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="slogansize" type="list" default="8" label="- ตำแหน่ง slogan" description="เลือกขนาดความกว้างของ Slogan ค่าเริ่มต้นคือ 8 ( ถ้าจะให้อยู่แถวเดียวกัน ค่ารวมต้องไม่เกิน 12 เช่น slogan 8 + lang 2 + social 2 = 12 )"> <option value="1">1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4">4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7">7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10">10</option> <option value="11" >11</option> <option value="12" >12</option> </field> <field name="langsize" type="list" default="2" label="- ตำแหน่ง Lang " description="เลือกขนาดความกว้างของ Lang ค่าเริ่มต้นคือ 2 ( ถ้าจะให้อยู่แถวเดียวกัน ค่ารวมต้องไม่เกิน 12 เช่น slogan 8 + lang 2 + social 2 = 12 )"> <option value="1">1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4">4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7">7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10">10</option> <option value="11" >11</option> <option value="12" >12</option> </field> <field name="socialsize" type="list" default="2" label="- ตำแหน่ง Social" description="เลือกขนาดความกว้างของ Social ค่าเริ่มต้นคือ 2 ( ถ้าจะให้อยู่แถวเดียวกัน ค่ารวมต้องไม่เกิน 12 เช่น slogan 8 + lang 2 + social 2 = 12 )"> <option value="1">1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4">4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7">7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10">10</option> <option value="11" >11</option> <option value="12" >12</option> </field> <field name="topbackground" type="color" default="#ff6000" label="- สีพื้นหลังของ TOP " description="กำหนดสีพื้นหลังของส่วน TOP ค่าเริ่มต้นคือ #ff6000"></field> <field name="topbodybackground" type="color" default="none" label="- สีพื้นหลังของ TOP body " description="กำหนดสีพื้นหลังของส่วน TOP body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="toppadding" type="text" default="10px 5px" label="- ระยะห่างภายใน Top body" description="กำหนดระยะห่างภายใน Top body ค่าเริ่มต้นคือ 10px 5px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="topcolor" type="color" default="#ffffff" label="- สีตัวอักษร Top " description="กำหนดสีของตัวอักษร Top ค่าเริ่มต้นคือ #ffffff "></field> <field name="toplinkcolor" type="color" default="#ffdeca" label="- สีลิงค์ของ Top " description="กำหนดสีลิงค์ของ Top ค่าเริ่มต้นคือ #ffdeca "></field> <field name="tophovercolor" type="color" default="#f7ceb2" label="- สีลิงค์ Hover ของ Top " description="กำหนดสีลิงค์ Hover ของ Top ค่าเริ่มต้นคือ #f7ceb2 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>2. ส่วน Head : ตำแหน่ง Head ด้านบน มีตำแหน่ง Positions ของโมดูล logo , menu </b>" /> <field name="headuse" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Head " description="กำหนดการแสดงในส่วน Head หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="headsize" type="list" default="container" label="- ขนาด Head" description="เลือกขนาดความกว้างของ Head (ส่วน logo และ Banner-1) ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid">แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="headscall" type="list" default="fixed" label="- เลือนตามหน้าจอ" description="กำหนดให้แถว Head เลือนตามหน้าจอหรือไม่ ค่าเริ่มต้นคือ เลื่อนตามหน้าจอ "> <option value="fixed">เลื่อนตามหน้าจอ</option> <option value="relative" >อยู่กับที่ </option> </field> <field name="headbgimg" type="list" default="background-image: none;" label="- Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง"> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background: none;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="headbg" type="media" default="templates/minimal-school/images/bg-none.png" label="- ภาพ Head Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Head " /> <field name="headbglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="headbgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="headbgfixed" type="list" default="fixed" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ ไม่เลื่อน "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="headbackground" type="color" default="#ffdeca" label="- สีพื้นหลังของ Head " description="กำหนดสีพื้นหลังของส่วน Head ค่าเริ่มต้นคือ #ffdeca "></field> <field name="headbodybackground" type="color" default="none" label="- สีพื้นหลังของ Head body " description="กำหนดสีพื้นหลังของส่วน Head body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="headbodypadding" type="text" default="10px 0px" label="- ระยะห่างภายใน Head body" description="กำหนดระยะห่างภายใน Head body ค่าเริ่มต้นคือ 10px 0px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="headpadding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Head body" description="กำหนดระยะห่างภายนอก Head body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="headcolor" type="color" default="#333333" label="- สีตัวอักษร Head " description="กำหนดสีของตัวอักษร Head ค่าเริ่มต้นคือ #333333 "></field> <field name="headlinkcolor" type="color" default="#111111" label="- สีลิงค์ของ Head " description="กำหนดสีลิงค์ของ Head ค่าเริ่มต้นคือ #111111 "></field> <field name="headhovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Head " description="กำหนดสีลิงค์ Hover ของ Head ค่าเริ่มต้นคือ #000000 "></field> <field name="logosize" type="list" default="3" label="- ตำแหน่ง Logo" description="เลือกขนาดความกว้างของ Logo ค่าเริ่มต้นคือ 3 (ถ้าจะให้อยู่แถวเดียวกันกับ menu ค่ารวมต้องไม่เกิน 12 เช่น logo 3 + menu 9 = 12)"> <option value="1">1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4">4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7">7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10">10</option> <option value="11" >11</option> <option value="12" >12</option> </field> <field name="menusize" type="list" default="9" label="- ตำแหน่ง Menu" description="เลือกขนาดความกว้างของ Menu ค่าเริ่มต้นคือ 9 (ถ้าจะให้อยู่แถวเดียวกันกับ logo ค่ารวมต้องไม่เกิน 12 เช่น logo 3 + menu 9 = 12)"> <option value="1">1</option> <option value="2" >2</option> <option value="3" >3</option> <option value="4">4</option> <option value="5" >5</option> <option value="6" >6</option> <option value="7">7</option> <option value="8" >8</option> <option value="9" >9</option> <option value="10">10</option> <option value="11" >11</option> <option value="12" >12</option> </field> <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#f3f3f3; padding:5px 10px; color:#111; font-size:14px; '>2.1. กำหนดส่วน MENU (ใช้ร่วมกับ DJ Megamenu เท่านั้น)</b>" /> <field name="menupadding" type="text" default="5px 5px" label="- ระยะห่างภายใน Menu" description="กำหนดระยะห่างภายใน Menu ค่าเริ่มต้นคือ 5px 5px ( บน-ล่าง ซ้าย-ขวา)"></field> <field type="spacer" label="<p style='background:#f3f3f3; padding:5px 10px; color:#111; font-size:14px; '>เมนูขั้นแรก (LV.1)</b>" ></field> <field name="menubackground" type="color" default="none" label="- สีพื้นหลัง Menu (Lv.1)" description="กำหนดสีพื้นหลังของส่วน Menu (เมนูแรก) ค่าเริ่มต้นคือ none "></field> <field name="menucolor" type="color" default="#111111" label="- สีตัวอักษร Menu (Lv.1)" description="กำหนดสีของตัวอักษร Menu (เมนูแรก) ค่าเริ่มต้นคือ #111111 "></field> <field name="menuhover" type="color" default="#ffffff" label="- สีตัวอักษร Menu Hover (Lv.1)" description="กำหนดสีลิงค์ตัวอักษร Menu Hover (เมนูแรก) เริ่มต้น ค่าเริ่มต้นคือ #ffffff "> </field> <field name="menuhoverbg" type="color" default="#ff6000" label="- สีพื้นหลัง Menu Hover (Lv.1)" description="กำหนดสีพื้นหลังของส่วน Menu Hover (เมนูแรก) ค่าเริ่มต้นคือ #ff6000 "></field> <field name="menusub" type="color" default="#444444" label="- สีตัวอักษร Menu Description " description="กำหนดสีของตัวอักษร Menu Description ค่าเริ่มต้นคือ #444444 "></field> <field type="spacer" label="<p style='background:#f3f3f3; padding:5px 10px; color:#111; font-size:14px; '>เมนูย่อย (LV.2)</b>" ></field> <field name="submenubackground" type="color" default="#ffdeca" label="- สีพื้นหลัง Menu Sub (Lv.2)" description="กำหนดสีพื้นหลังของส่วน Menu Sub(เมนูย่อย)ค่าเริ่มต้นคือ #ffdeca "></field> <field name="submenucolor" type="color" default="#111111" label="- สีตัวอักษร Menu Sub(Lv.2)" description="กำหนดสีของตัวอักษร Menu Sub (เมนูย่อย) ค่าเริ่มต้นคือ #111111 "></field> <field name="subcolorhover" type="color" default="#111111" label="- สีตัวอักษร Menu Sub Hover (Lv.2)" description="กำหนดสีของตัวอักษร Menu Sub Hover(เมนูย่อย) ค่าเริ่มต้นคือ #111111 "></field> <field name="submenubghover" type="color" default="#ff6000" label="- สีพื้นหลัง Menu Sub Hover (Lv.2)" description="กำหนดสีพื้นหลังของส่วน Sub Menu Hover (เมนูย่อย) ค่าเริ่มต้นคือ #ff6000 "></field> <field name="menusubcoloractive" type="color" default="#444444" label="- กำหนดสีของตัวอักษร Sub Menu active (Lv.2)" description="กำหนดสีของตัวอักษร Sub Menu active ค่าเริ่มต้นคือ #444444 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>3. ส่วน SLIDE : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน Slide </b>" /> <field name="slideuse" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Slide " description="กำหนดการแสดงในส่วน slide หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="slidesize" type="list" default="container-fluid" label="- ขนาด Slide Show" description="เลือกขนาดความกว้างของ Slide Show ค่าเริ่มต้นคือ แบบเต็มหน้าจอ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="slidebgimg" type="list" default="background-image: none;" label="- Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง"> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background: none;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="slidebg" type="media" default="templates/minimal-school/images/bg-none.png" label="- ภาพ Slide Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Slide " /> <field name="slidebglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="slidebgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="slidebgfixed" type="list" default="fixed" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ ไม่เลื่อน "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="slidebackground" type="color" default="#ffdeca" label="- สีพื้นหลังของ Slide " description="กำหนดสีพื้นหลังของส่วน Slide ค่าเริ่มต้นคือ #ffdeca"></field> <field name="slidebodybackground" type="color" default="none" label="- สีพื้นหลังของ Slide body " description="กำหนดสีพื้นหลังของส่วน Slide body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="slidebodypadding" type="text" default="0px 0px" label="- ระยะห่างภายใน Slide body" description="กำหนดระยะห่างภายใน Slide body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="slidepadding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Slide body" description="กำหนดระยะห่างภายนอก Slide body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="slidecolor" type="color" default="#808080" label="- สีตัวอักษร Slide " description="กำหนดสีของตัวอักษร Slide ค่าเริ่มต้นคือ #808080 "></field> <field name="slidelinkcolor" type="color" default="#111111" label="- สีลิงค์ของ Slide " description="กำหนดสีลิงค์ของ Slide ค่าเริ่มต้นคือ #111111 "></field> <field name="slidehovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Slide " description="กำหนดสีลิงค์ Hover ของ Slide ค่าเริ่มต้นคือ #000000 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>4. ส่วน CONTENT-1 : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน CONTENT-1 </b>" /> <field name="content-1use" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Content-1 " description="กำหนดการแสดงในส่วน Content-1 หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="content-1size" type="list" default="container" label="- ขนาด Content-1" description="เลือกขนาดความกว้างของ Content-1 ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="content-1bgimg" type="list" default="background-image: none;" label="- Content-1 Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง"> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background:none !important;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="content-1bg" type="media" default="templates/minimal-school/images/bg-none.png" label="- ภาพ Content-1 Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Content-1 " /> <field name="content-1bglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="content-1bgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="content-1bgfixed" type="list" default="scroll" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ เลื่อนตาม "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="content-1background" type="color" default="#ffffff" label="- สีพื้นหลังของ Content-1 " description="กำหนดสีพื้นหลังของส่วน Content-1 ค่าเริ่มต้นคือ #ffffff"></field> <field name="content-1bodybackground" type="color" default="none" label="- สีพื้นหลังของ Content-1 body " description="กำหนดสีพื้นหลังของส่วน Content-1 body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="content-1bodypadding" type="text" default="3% 20px" label="- ระยะห่างภายใน Content-1 body" description="กำหนดระยะห่างภายใน Content-1 body ค่าเริ่มต้นคือ 3% 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="content-1padding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Content-1 body" description="กำหนดระยะห่างภายนอก Content-1 body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="content-1color" type="color" default="#111111" label="- สีตัวอักษร Content-1 " description="กำหนดสีของตัวอักษร Content-1 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-1linkcolor" type="color" default="#111111" label="- สีลิงค์ของ Content-1 " description="กำหนดสีลิงค์ของ Content-1 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-1hovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Content-1 " description="กำหนดสีลิงค์ Hover ของ Content-1 ค่าเริ่มต้นคือ #000000 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>5. ส่วน CONTENT-2 : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน CONTENT-2 </b>" /> <field name="content-2use" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Content-2 " description="กำหนดการแสดงในส่วน Content-2 หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="content-2size" type="list" default="container" label="- ขนาด Content-2" description="เลือกขนาดความกว้างของ Content-2 ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="content-2bgimg" type="list" default="background:;" label="- Content-2 Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ใช้รูปและสีพื้นหลัง"> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background:none !important;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="content-2bg" type="media" default="templates/minimal-school/images/bg-2.jpg" label="- ภาพ Content-2 Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Content-2 " /> <field name="content-2bglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="content-2bgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="content-2bgfixed" type="list" default="scroll" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ เลื่อนตาม"> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="content-2background" type="color" default="#f7f7f7" label="- สีพื้นหลังของ Content-2 " description="กำหนดสีพื้นหลังของส่วน Content-2 ค่าเริ่มต้นคือ #f7f7f7"></field> <field name="content-2bodybackground" type="color" default="none" label="- สีพื้นหลังของ Content-2 body " description="กำหนดสีพื้นหลังของส่วน Content-2 body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="content-2bodypadding" type="text" default="5% 20px" label="- ระยะห่างภายใน Content-2 body" description="กำหนดระยะห่างภายใน Content-2 body ค่าเริ่มต้นคือ 5% 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="content-2padding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Content-2 body" description="กำหนดระยะห่างภายนอก Content-2 body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="content-2color" type="color" default="#111111" label="- สีตัวอักษร Content-2 " description="กำหนดสีของตัวอักษร Content-2 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-2linkcolor" type="color" default="#111111" label="- สีลิงค์ของ Content-2 " description="กำหนดสีลิงค์ของ Content-2 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-2hovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Content-2 " description="กำหนดสีลิงค์ Hover ของ Content-2 ค่าเริ่มต้นคือ #000000 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>6. ส่วน CONTENT-3 : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน CONTENT-3 </b>" /> <field name="content-3use" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Content-3 " description="กำหนดการแสดงในส่วน Content-3 หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="content-3size" type="list" default="container" label="- ขนาด Content-3" description="เลือกขนาดความกว้างของ Content-3 ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="content-3bgimg" type="list" default="background:;" label="- Content-3 Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ใช้รูปและสีพื้นหลัง"> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background:none !important;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="content-3bg" type="media" default="templates/minimal-school/images/content-3-bg.jpg" label="- ภาพ Content-3 Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Content-3 " /> <field name="content-3bglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="content-3bgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="content-3bgfixed" type="list" default="fixed" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ ไม่เลื่อน "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="content-3background" type="color" default="#ffd0b4" label="- สีพื้นหลังของ Content-3 " description="กำหนดสีพื้นหลังของส่วน Content-3 ค่าเริ่มต้นคือ #ffd0b4"></field> <field name="content-3bodybackground" type="color" default="none" label="- สีพื้นหลังของ Content-3 body " description="กำหนดสีพื้นหลังของส่วน Content-3 body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="content-3bodypadding" type="text" default="10% 20px" label="- ระยะห่างภายใน Content-3 body" description="กำหนดระยะห่างภายใน Content-3 body ค่าเริ่มต้นคือ 10% 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="content-3padding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Content-3 body" description="กำหนดระยะห่างภายนอก Content-3 body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="content-3color" type="color" default="#111111" label="- สีตัวอักษร Content-3 " description="กำหนดสีของตัวอักษร Content-3 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-3linkcolor" type="color" default="#ffffff" label="- สีลิงค์ของ Content-3 " description="กำหนดสีลิงค์ของ Content-3 ค่าเริ่มต้นคือ #ffffff "></field> <field name="content-3hovercolor" type="color" default="#e0a279" label="- สีลิงค์ Hover ของ Content-3 " description="กำหนดสีลิงค์ Hover ของ Content-3 ค่าเริ่มต้นคือ #e0a279 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>7. ส่วน CONTENT-4 : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน CONTENT-4 </b>" /> <field name="content-4use" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Content-4 " description="กำหนดการแสดงในส่วน Content-4 หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="content-4size" type="list" default="container" label="- ขนาด Content-4" description="เลือกขนาดความกว้างของ Content-4 ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="content-4bgimg" type="list" default="background-image: none;" label="- Content-4 Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง"> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background:none !important;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="content-4bg" type="media" default="templates/minimal-school/images/bg-none.png" label="- ภาพ Content-4 Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Content-4 " /> <field name="content-4bglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="content-4bgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="content-4bgfixed" type="list" default="fixed" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ ไม่เลื่อน "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="content-4background" type="color" default="#ffffff" label="- สีพื้นหลังของ Content-4 " description="กำหนดสีพื้นหลังของส่วน Content-4 ค่าเริ่มต้นคือ #ffffff"></field> <field name="content-4bodybackground" type="color" default="none" label="- สีพื้นหลังของ Content-4 body " description="กำหนดสีพื้นหลังของส่วน Content-4 body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="content-4bodypadding" type="text" default="5% 20px" label="- ระยะห่างภายใน Content-4 body" description="กำหนดระยะห่างภายใน Content-4 body ค่าเริ่มต้นคือ 5% 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="content-4padding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Content-4 body" description="กำหนดระยะห่างภายนอก Content-4 body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="content-4color" type="color" default="#111111" label="- สีตัวอักษร Content-4 " description="กำหนดสีของตัวอักษร Content-4 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-4linkcolor" type="color" default="#111111" label="- สีลิงค์ของ Content-4 " description="กำหนดสีลิงค์ของ Content-4 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-4hovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Content-4 " description="กำหนดสีลิงค์ Hover ของ Content-4 ค่าเริ่มต้นคือ #000000 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>8. ส่วน CONTENT-5 : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน CONTENT-5 </b>" /> <field name="content-5use" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Content-5 " description="กำหนดการแสดงในส่วน Content-5 หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="content-5size" type="list" default="container" label="- ขนาด Content-5" description="เลือกขนาดความกว้างของ Content-5 ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="content-5bgimg" type="list" default="background:;" label="- Content-5 Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ใช้รูปและสีพื้นหลัง "> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background:none !important;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="content-5bg" type="media" default="templates/minimal-school/images/bg-2.jpg" label="- ภาพ Content-5 Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Content-5 " /> <field name="content-5bglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="content-5bgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="content-5bgfixed" type="list" default="scroll" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ เลื่อนตาม "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="content-5background" type="color" default="#ffffff" label="- สีพื้นหลังของ Content-5 " description="กำหนดสีพื้นหลังของส่วน Content-5 ค่าเริ่มต้นคือ #ffffff"></field> <field name="content-5bodybackground" type="color" default="none" label="- สีพื้นหลังของ Content-5 body " description="กำหนดสีพื้นหลังของส่วน Content-5 body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="content-5bodypadding" type="text" default="5% 20px" label="- ระยะห่างภายใน Content-5 body" description="กำหนดระยะห่างภายใน Content-5 body ค่าเริ่มต้นคือ 5% 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="content-5padding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Content-5 body" description="กำหนดระยะห่างภายนอก Content-5 body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="content-5color" type="color" default="#111111" label="- สีตัวอักษร Content-5 " description="กำหนดสีของตัวอักษร Content-5 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-5linkcolor" type="color" default="#111111" label="- สีลิงค์ของ Content-5 " description="กำหนดสีลิงค์ของ Content-5 ค่าเริ่มต้นคือ #111111 "></field> <field name="content-5hovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Content-5 " description="กำหนดสีลิงค์ Hover ของ Content-5 ค่าเริ่มต้นคือ #000000 "></field> <field type="spacer" class="spacer" label="<p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>9. ส่วน FOOTER : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน Footer </b>" /> <field name="footeruse" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Footer " description="กำหนดการแสดงในส่วน Footer หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="footersize" type="list" default="container" label="- ขนาด Footer" description="เลือกขนาดความกว้างของ Footer ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="footerbgimg" type="list" default="background:;" label="- Footer Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ใช้รูปและสีพื้นหลัง "> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background:none !important;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="footerbg" type="media" default="templates/minimal-school/images/footer-bg.jpg" label="- ภาพ Footer Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Footer " /> <field name="footerbglayout" type="list" default="bottom" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านล่าง "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="footerbgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="footerbgfixed" type="list" default="fixed" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ ไม่เลื่อน "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="footerbackground" type="color" default="#ffdeca" label="- สีพื้นหลังของ Footer " description="กำหนดสีพื้นหลังของส่วน Footer ค่าเริ่มต้นคือ #ffdeca"></field> <field name="footerbodybackground" type="color" default="none" label="- สีพื้นหลังของ Footer body " description="กำหนดสีพื้นหลังของส่วน Footer body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="footerbodypadding" type="text" default="3% 20px" label="- ระยะห่างภายใน Footer body" description="กำหนดระยะห่างภายใน Footer body ค่าเริ่มต้นคือ 3% 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="footerpadding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Footer body" description="กำหนดระยะห่างภายนอก Footer body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="footercolor" type="color" default="#111111" label="- สีตัวอักษร Footer " description="กำหนดสีของตัวอักษร Footer ค่าเริ่มต้นคือ #111111 "></field> <field name="footerlinkcolor" type="color" default="#111111" label="- สีลิงค์ของ Footer " description="กำหนดสีลิงค์ของ Footer ค่าเริ่มต้นคือ #111111 "></field> <field name="footerhovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Footer " description="กำหนดสีลิงค์ Hover ของ Footer ค่าเริ่มต้นคือ #000000 "></field> <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#f3f3f3; padding:5px 10px; color:#111; font-size:14px; '> 9.1 กำหนดส่วน FOOTER ในส่วนหัวข้อ (H3) </b>" /> <field name="footerh3color" type="color" default="#111111" label="- สีหัวข้อ(H3) ของ Footer " description="กำหนดสีหัวข้อ(H3)ของ Footer ค่าเริ่มต้นคือ #111111 "></field> <field type="spacer" class="spacer" label="<p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>10. ส่วน COPYRIGHT : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน COPYRIGHT </b>" /> <field name="copyrightsize" type="list" default="container" label="- ขนาด CopyRight" description="เลือกขนาดความกว้างของ Copy Right ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="copyrightbackground" type="color" default="#ff6000" label="- สีพื้นหลัง CopyRight" description="กำหนดสีพื้นหลังของส่วน CopyRight ค่าเริ่มต้นคือ #ff6000"></field> <field name="copyrightcolor" type="color" default="#ffffff" label="- สีตัวอักษร CopyRight " description="กำหนดสีของตัวอักษร CopyRight ค่าเริ่มต้นคือ #ffffff "></field> <field name="copyrightlinkcolor" type="color" default="#ffffff" label="- สีลิงค์ของ CopyRight " description="กำหนดสีลิงค์ของ CopyRight ค่าเริ่มต้นคือ #ffffff "> </field> <field name="copyrighthovercolor" type="color" default="#ffffff" label="- สีลิงค์ Hover ของ CopyRight" description="กำหนดสีลิงค์ Hover ของ CopyRight ค่าเริ่มต้นคือ #ffffff "> </field> <field name="copyrightpadding" type="text" default="10px 0px" label="- ระยะห่าง Copyright" description="กำหนดขนาดระยะห่าง Copyright (เป็น px หรือ %) ค่าเริ่มต้นคือ 10px 0px (บน-ล่าง ซ้าย-ขวา) หรือ (บน ขวา ล่าง ซ้าย) 10px 0px 10px 0px"></field> <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#f3f3f3; padding:5px 10px; color:#111; font-size:14px; '>10.1 ส่วน Joomla License. : กำหนดการแสดงผลของ Joomla License ในตำแหน่ง Copy Right (หากมีการเปลี่ยนโมดูล จะไม่แสดงในส่วน Joomla License โดยอัตโนมัติ)</b>" /> <field name="joomla" type="radio" layout="joomla.form.field.radio.switcher" default="blog" label="- Joomla License" description=" กำหนดการแสดงผลของ Joomla License ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง </option> <option value="blog" >แสดง</option> </field> </fieldset> <fieldset name="layoutmore" label="ปรับโครงสร้างหน้าอื่นๆ" description="เป็นการปรับโครงสร้างตามตำแหน่งในแต่ละส่วนของหน้าอื่นๆในเว็บไซต์ "> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>1. ส่วน Breadcrumbs : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน Breadcrumbs </b>" /> <field name="breadcrumbsuse" type="radio" layout="joomla.form.field.radio.switcher" default="block" label="- ใช้งานส่วน Breadcrumbs " description="กำหนดการแสดงในส่วน Breadcrumbs หรือไม่ ค่าเริ่มต้นคือ แสดง "> <option value="none" >ไม่แสดง</option> <option value="block">แสดง</option> </field> <field name="breadcrumbssize" type="list" default="container" label="- ขนาด Breadcrumbs" description="เลือกขนาดความกว้างของ Breadcrumbs ค่าเริ่มต้นคือ แบบเซ็นเตอร์ "> <option value="container-fluid" >แบบเต็มหน้าจอ</option> <option value="container" >แบบเซ็นเตอร์ </option> </field> <field name="breadcrumbsbgimg" type="list" default="background-image: none;" label="- Breadcrumbs Background Images" description="กำหนดการใช้รูปพื้นหลัง ค่าเริ่มต้นคือ ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง"> <option value="background:;">ใช้รูปและสีพื้นหลัง</option> <option value="background-image: none;" >ไม่ใช้รูป แต่ใช้เฉพาะสีพื้นหลัง</option> <option value="background: none;" >ไม่ใช้รูปและไม่ใช้สีพื้นหลัง</option> </field> <field name="breadcrumbsbg" type="media" default="templates/minimal-school/images/bg-none.png" label="- ภาพ Breadcrumbs Background " description="กำหนดรูปภาพสำหรับพื้นหลังของ Breadcrumbs " /> <field name="breadcrumbsbglayout" type="list" default="top" label="- ตำแหน่งรููปภาพพื้นหลัง" description="กำหนดการชิดด้านของรูปภาพพื้นหลังว่าให้ชิดด้านบน หรือ ด้านล่าง ค่าเริ่มต้นคือ รูปชิดด้านบน "> <option value="top">รูปชิดด้านบน</option> <option value="bottom" >รูปชิดด้านล่าง</option> </field> <field name="breadcrumbsbgrepeat" type="list" default="no-repeat" label="- Background Repeat" description="กำหนดการแสดงรูปพื้นหลังแบบ ทำซ้ำ หรือรูปเดียว ค่าเริ่มต้นคือ ใช้รูปเดียว "> <option value="no-repeat">ใช้รูปเดียว</option> <option value="repeat" >ทำรูปแบบซ้ำๆ</option> </field> <field name="breadcrumbsbgfixed" type="list" default="fixed" label="- Background Fixed" description="กำหนดการแสดงรูปพื้นหลังแบบยไม่เลื่อน หรือแบบ เลื่อนตาม ค่าเริ่มต้นคือ ไม่เลื่อน "> <option value="fixed">ไม่เลื่อน</option> <option value="scroll" >เลื่อนตาม</option> </field> <field name="breadcrumbsbackground" type="color" default="#f7f7f7" label="- สีพื้นหลังของ Breadcrumbs " description="กำหนดสีพื้นหลังของส่วน Breadcrumbs ค่าเริ่มต้นคือ #f7f7f7"></field> <field name="breadcrumbsbodybackground" type="color" default="none" label="- สีพื้นหลังของ Breadcrumbs body " description="กำหนดสีพื้นหลังของส่วน Breadcrumbs body (พื้นที่เนื้อหาเว็บไซต์) ค่าเริ่มต้นคือ none"></field> <field name="breadcrumbsbodypadding" type="text" default="3% 20px" label="- ระยะห่างภายใน Breadcrumbs body" description="กำหนดระยะห่างภายใน Breadcrumbs body ค่าเริ่มต้นคือ 3% 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="breadcrumbspadding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Breadcrumbs body" description="กำหนดระยะห่างภายนอก Breadcrumbs body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="breadcrumbscolor" type="color" default="#111111" label="- สีตัวอักษร Breadcrumbs " description="กำหนดสีของตัวอักษร Breadcrumbs ค่าเริ่มต้นคือ #111111 "></field> <field name="breadcrumbslinkcolor" type="color" default="#111111" label="- สีลิงค์ของ Breadcrumbs " description="กำหนดสีลิงค์ของ Breadcrumbs ค่าเริ่มต้นคือ #111111 "></field> <field name="breadcrumbshovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Breadcrumbs " description="กำหนดสีลิงค์ Hover ของ Breadcrumbs ค่าเริ่มต้นคือ #000000 "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>2. ส่วน Component : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน Component ซึ่งเป็นตำแหน่งแสดงข้อมูลหลักในแต่ละหน้า </b>" /> <field name="componentbodybg" type="color" default="none" label="- สีพื้นหลังของ Component " description="กำหนดสีพื้นหลังของส่วน Component ค่าเริ่มต้นคือ none"></field> <field name="componentbodypadding" type="text" default="0px 20px" label="- ระยะห่างภายใน Component" description="กำหนดระยะห่างภายใน Component body ค่าเริ่มต้นคือ 0px 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="componentpadding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Component " description="กำหนดระยะห่างภายนอก Component body ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="componentcolor" type="color" default="none" label="- สีตัวอักษร Component " description="กำหนดสีของตัวอักษร Component ค่าเริ่มต้นคือ none "></field> <field name="componentlinkcolor" type="color" default="none" label="- สีลิงค์ของ Component " description="กำหนดสีลิงค์ของ Component ค่าเริ่มต้นคือ none "></field> <field name="componenthovercolor" type="color" default="none" label="- สีลิงค์ Hover ของ Component " description="กำหนดสีลิงค์ Hover ของ Component ค่าเริ่มต้นคือ none "></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>3. ส่วน Component Right : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน Component Right </b>" /> <field name="comrightbg" type="color" default="#f7f7f7" label="- สีพื้นหลังของ Component Right " description="กำหนดสีพื้นหลังของส่วน Breadcrumbs ค่าเริ่มต้นคือ #f7f7f7"></field> <field name="comrightmodulepadding" type="text" default="20px 20px" label="- ระยะห่างภายใน Component Right" description="กำหนดระยะห่างภายใน Component Right ค่าเริ่มต้นคือ 20px 20px ( บน-ล่าง ซ้าย-ขวา)"></field> <field name="comrightpadding" type="text" default="0px 0px" label="- ระยะห่างภายนอก Component Right" description="กำหนดระยะห่างภายนอก Component Right ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="comrightcolor" type="color" default="#808080" label="- สีตัวอักษร Component Right " description="กำหนดสีของตัวอักษร Component Right ค่าเริ่มต้นคือ #808080 "></field> <field name="comrightlinkcolor" type="color" default="#111111" label="- สีลิงค์ของ Component Right " description="กำหนดสีลิงค์ของ Component Right ค่าเริ่มต้นคือ #111111 "></field> <field name="comrighthovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ Component Right " description="กำหนดสีลิงค์ Hover ของ Component Right ค่าเริ่มต้นคือ #000000 "></field> <field name="comrighthcolor" type="color" default="#111111" label="- สีตัวอักษรหัวข้อ Component Right (H1-H5)" description="กำหนดสีของตัวอักษรของหัวข้อ Component Right ตั้งแต่ H1-H5 ค่าเริ่มต้นคือ #111111 "></field> <field name="comrighthsize" type="text" default="24px" label="- ขนาดหัวข้อ Component Right H1-H5 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H1-H5 ของ Component Right ค่าเริ่มต้นคือ 24px "></field> <field name="comrighthbackground" type="color" default="none" label="- สีพื้นหลังหัวข้อ Component Right " description="กำหนดสีพื้นหลังหัวข้อ Component Right ค่าเริ่มต้นคือ none "></field> <field name="comrighthpadding" type="text" default="0px 0px" label="- ระยะห่างหัวข้อ Component Right" description="กำหนดระยะห่างภายในหัวข้อ Component Right ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>4. ส่วน ADS Top : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน ADS Top </b>" /> <field name="adstopbg" type="color" default="#f7f7f7" label="- สีพื้นหลังของ ADS Top" description="กำหนดสีพื้นหลังของส่วน ADS Top ค่าเริ่มต้นคือ #f7f7f7"></field> <field name="adstoppadding" type="text" default="10px 10px" label="- ระยะห่างภายใน ADS Top" description="กำหนดระยะห่างภายใน ADS Top ค่าเริ่มต้นคือ 10px 10px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="adstopcolor" type="color" default="#808080" label="- สีตัวอักษร ADS Top " description="กำหนดสีของตัวอักษร ADS Top ค่าเริ่มต้นคือ #808080 "></field> <field name="adstoplinkcolor" type="color" default="#111111" label="- สีลิงค์ของ ADS Top " description="กำหนดสีลิงค์ของ ADS Top ค่าเริ่มต้นคือ #111111 "></field> <field name="adstophovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ ADS Top " description="กำหนดสีลิงค์ Hover ของ ADS Top ค่าเริ่มต้นคือ #000000 "></field> <field name="adstophcolor" type="color" default="#111111" label="- สีตัวอักษรหัวข้อ ADS Top (H1-H5)" description="กำหนดสีของตัวอักษรของหัวข้อ ADS Top ตั้งแต่ H1-H5 ค่าเริ่มต้นคือ #111111 "></field> <field name="adstophsize" type="text" default="24px" label="- ขนาดหัวข้อ ADS Top H1-H5 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H1-H5 ของ ADS Top ค่าเริ่มต้นคือ 24px "></field> <field name="adstopbackground" type="color" default="none" label="- สีพื้นหลังหัวข้อ ADS Top " description="กำหนดสีพื้นหลังหัวข้อ ADS Top ค่าเริ่มต้นคือ none "></field> <field name="adstophpadding" type="text" default="0px 0px" label="- ระยะห่างหัวข้อ ADS Top" description="กำหนดระยะห่างภายในหัวข้อ ADS Top ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>5. ส่วน ADS Under : เป็นการปรับขนาดสำหรับการแสดงผลใน PC ในส่วน ADS Under </b>" /> <field name="adsunderbg" type="color" default="#f7f7f7" label="- สีพื้นหลังของ ADS Under" description="กำหนดสีพื้นหลังของส่วน ADS Top ค่าเริ่มต้นคือ #f7f7f7"></field> <field name="adsunderpadding" type="text" default="10px 10px" label="- ระยะห่างภายใน ADS Under" description="กำหนดระยะห่างภายใน ADS Under ค่าเริ่มต้นคือ 10px 10px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="adsundercolor" type="color" default="#808080" label="- สีตัวอักษร ADS Under " description="กำหนดสีของตัวอักษร ADS Under ค่าเริ่มต้นคือ #808080 "></field> <field name="adsunderlinkcolor" type="color" default="#111111" label="- สีลิงค์ของ ADS Under " description="กำหนดสีลิงค์ของ ADS Under ค่าเริ่มต้นคือ #111111 "></field> <field name="adsunderhovercolor" type="color" default="#000000" label="- สีลิงค์ Hover ของ ADS Under " description="กำหนดสีลิงค์ Hover ของ ADS Under ค่าเริ่มต้นคือ #000000 "></field> <field name="adsunderhcolor" type="color" default="#111111" label="- สีตัวอักษรหัวข้อ ADS Under (H1-H5)" description="กำหนดสีของตัวอักษรของหัวข้อ ADS Under ตั้งแต่ H1-H5 ค่าเริ่มต้นคือ #111111 "></field> <field name="adsunderhsize" type="text" default="24px" label="- ขนาดหัวข้อ ADS Under H1-H5 (px หรือ em)" description="กำหนดขนาดตัวอักษรของหัวข้อ H1-H5 ของ ADS Under ค่าเริ่มต้นคือ 24px "></field> <field name="adsunderbackground" type="color" default="none" label="- สีพื้นหลังหัวข้อ ADS Under " description="กำหนดสีพื้นหลังหัวข้อ ADS Under ค่าเริ่มต้นคือ none "></field> <field name="adsunderhpadding" type="text" default="0px 0px" label="- ระยะห่างหัวข้อ ADS Under" description="กำหนดระยะห่างภายในหัวข้อ ADS Under ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> </fieldset> <fieldset name="contents" label="ส่วนเนื้อหา (Content)" description="เป็นการจัดการกำหนดรูปแบบในส่วนของบทความหรือเนื้อหาที่เป็นแบบ Content หรือ Article "> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>1. การจัดการในหน้าหมวดหมู่ของบทความ (Category Blog)</b>" /> <field name="contenth2size" type="text" default="1.8em" label="- ขนาดชื่อบทความในหน้าหมวดหมู่ (px หรือ em)" description="กำหนดขนาดของชื่อบทความความในหน้าหมวดหมู่ (Tag H2) ค่าเริ่มต้นคือ 1.8em "></field> <field name="contentimgsize" type="text" default="100%" label="- ขนาดรูปภาพหน้าหมวดหมู่ (%) เฉพาะเรียง 1 หรือ 2 บทความต่อแถว" description="กำหนดขนาดรูปภาพในหน้าหมวดหมู่ Content เฉพาะเรียง 1 หรือ 2 บทความต่อแถว หากเป็น 3 หรือ 4 บทความต่อแถว จะแสดงรูปเต็มพื้นที่ ค่าเริ่มต้นคือ 100% "></field> <field name="contentimgpadding" type="text" default="0px 0px" label="- ระยะห่างรูปภาพ" description="กำหนดระยะห่างโดยรอบของรูปภาพ ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="contentblogsize" type="text" default="100%" label="- ขนาดเนื้อหาหน้าหมวดหมู่ (%) เฉพาะเรียง 1 หรือ 2 บทความต่อแถว" description="กำหนดขนาดเนื้อหาในหน้าหมวดหมู่ Content เฉพาะเรียง 1 หรือ 2 บทความต่อแถว หากเป็น 3 หรือ 4 บทความต่อแถว จะแสดงเนื้อหาเต็มพื้นที่ ค่าเริ่มต้นคือ 100% "></field> <field name="contentblogpadding" type="text" default="0px 0px" label="- ระยะห่างเนื้อหา" description="กำหนดระยะห่างโดยรอบของเนื้อหา ( ข้อความใต้รูปของบทความ )ค่าเริ่มต้นคือ 0px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>2. การจัดการในหน้าหมวดหมู่ของบทความ (Category List) </b>" /> <field name="listsizetitle" type="text" default="18px" label="- ขนาดชื่อลิงค์บทความในหน้าหมวดหมู่ (px หรือ em)" description="กำหนดขนาดของชื่อลิงค์ของบทความความในหน้าหมวดหมู่ ค่าเริ่มต้นคือ 18px "></field> <field name="listpadding" type="text" default="20px 10px" label="- ระยะห่างตารางรายการ" description="กำหนดระยะห่างโดยรอบของตารางรายการชื่อลิงค์บทความ ค่าเริ่มต้นคือ 20px 10px ( บน-ล่าง ซ้าย-ขวา )"></field> <field name="listtablesize" type="text" default="1px" label="- เส้นขอบตารางรายการลิงค์" description="กำหนดขนาดเส้นขอบตารางรายการชื่อลิงค์บทความ ค่าเริ่มต้นคือ 1px ( หากไม่ต้องการเส้นขอบใส่ 0px )"></field> <field name="listtablestyle" type="list" default="solid" label="- เลือกแบบเส้นตาราง " description="เลือกแบบเส้นขอบตาราง ค่าเริ่มต้นตือ แบบ เส้นทึบ"> <option value="solid">แบบเส้นทึบ</option> <option value="dashed" >แบบเส้นปะ</option> <option value="dotted">แบบจุด</option> </field> <field name="listtablecolor" type="color" default="#111111" label="- กำหนดสีเส้นตาราง " description="กำหนดสีของเส้นตาราง ค่าเริ่มต้นคือ #111111"></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>3. การจัดการในหน้าบทความ (Article)</b>" /> <field name="contenth1size" type="text" default="3em" label="- ขนาดชื่อบทความในหน้าบทความ (px หรือ em)" description="กำหนดขนาดของชื่อบทความความในหน้าบทความ Aticle (Tag H1) ค่าเริ่มต้นคือ ค่าเริ่มต้นคือ 3em "></field> <field name="contenth1color" type="color" default="#111111" label="- กำหนดสีชื่อบทความ " description="กำหนดสีของชื่อบทความ ค่าเริ่มต้นคือ #111111"></field> <field name="contentitempadding" type="text" default="10px 0px" label="- ระยะห่างรูปภาพในบทความ" description="กำหนดระยะห่างรูปภาพในบทความ ค่าเริ่มต้นคือ 10px 0px ( บน-ล่าง ซ้าย-ขวา )"></field> </fieldset> <fieldset name="css" label="CSS เพิ่มเติม" description="ปรับ CSS แบบกำหนดเอง เป็นการกำหนดเฉพาะจุด โดยอ้างอิง Div ID หรือ Class เพื่อกำหนดรายละเอียดของแต่ละส่วน อาทิเช่น #top{ background:#000;} เป็นการกำหนดส่วน #top ให้มีพื้นหลังสีดำ ซึ่งการกำหนดตรงนี้ จะมีผลก่อนการกำหนดที่ Options ของเทมเพลต ดูคำแนะนำได้จาก </b>>> <a href='https://hitztheme.com/docs/developments/basic-css' target='_blank'><b style='color:red;text-decoration: underline'>ดูที่นี่!</b></a>"> <field name="topcss" type="textarea" rows="5" label="CSS ส่วน TOP " description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง TOP โดยมี ID หลักภายในคือ #top , #top-body , #slogan , #lang , #social" filter="raw" /> <field name="headcss" type="textarea" rows="5" label="CSS ส่วน Head " description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Head โดยมี ID หลักภายในคือ #head , #head-body , #logo , #menu" filter="raw" /> <field name="slidecss" type="textarea" rows="5" default="" label="CSS ส่วน Slide" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Slide โดยมี ID หลักภายในคือ #slide , #slide-body " filter="raw" /> <field name="content-1css" type="textarea" rows="5" default="" label="CSS ส่วน Content-1" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Content-1 โดยมี ID หลักภายในคือ #content-1 , #content-1-body " filter="raw" /> <field name="content-2css" type="textarea" rows="5" default="" label="CSS ส่วน Content-2" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Content-2 โดยมี ID หลักภายในคือ #content-2 , #content-2-body " filter="raw" /> <field name="content-3css" type="textarea" rows="5" default="" label="CSS ส่วน Content-3" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Content-3 โดยมี ID หลักภายในคือ #content-3 , #content-3-body " filter="raw" /> <field name="content-4css" type="textarea" rows="5" default="" label="CSS ส่วน Content-4" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Content-4 โดยมี ID หลักภายในคือ #content-4 , #content-4-body " filter="raw" /> <field name="content-5css" type="textarea" rows="5" default="" label="CSS ส่วน Content-5" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Content-5 โดยมี ID หลักภายในคือ #content-5 , #content-5-body " filter="raw" /> <field name="footercss" type="textarea" rows="5" default="" label="CSS ส่วน Footer" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Footer โดยมี ID หลักภายในคือ #footer , #footer-body " filter="raw" /> <field name="copyrightcss" type="textarea" rows="5" default="" label="CSS ส่วน Copyright" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Copyright โดยมี ID หลักภายในคือ #copyright , #copyright-body " filter="raw" /> <field name="breadcrumbscss" type="textarea" rows="5" default="" label="CSS ส่วน Breadcrumbs" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Copyright โดยมี ID หลักภายในคือ #breadcrumbs , #breadcrumbs-body " filter="raw" /> <field name="comrightcss" type="textarea" rows="5" default="" label="CSS ส่วน Component Right" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง Component Right โดยมี ID หลักภายในคือ #component-right , #component-right-module " filter="raw" /> <field name="adstopcss" type="textarea" rows="5" default="" label="CSS ส่วน ADS Top" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง ADS Top โดยมี ID หลักภายในคือ #ads-top" filter="raw" /> <field name="adsundercss" type="textarea" rows="5" default="" label="CSS ส่วน ADS Under" description="กำหนดรูปแบบเฉพาะจุดในตำแหน่ง ADS Under โดยมี ID หลักภายในคือ #ads-under" filter="raw" /> <field name="customcss" type="textarea" rows="10" label="CSS ส่วนอื่นๆ " description="กำหนดรูปแบบเฉพาะจุดอื่นๆในเทมเพลต อาทิเช่น body , img , table หรือ ID Class อื่นๆที่ต้องการแก้ไข css" filter="raw" /> </fieldset> <fieldset name="cssmobile" label="CSS Mobile กำหนดเอง" description="เป็นการกำหนด CSS เฉพาะรูปแบบการแสดงผลในขนาดมือถือที่ต่างกัน โดยอ้างอิงขนาดมาตราฐานความกว้างสูงสุด 1024px , 768px และ 480px ซึ่งการกำหนดตรงนี้ จะมีผลก่อนการกำหนดที่ Options ของเทมเพลต </b> ดูคำแนะนำได้จากข้อที่ 2. </b>>> <a href='https://hitztheme.com/docs/developments/basic-css-style' target='_blank'><b style='color:red;text-decoration: underline'>ดูที่นี่!</b></a> อาทิเช่น เรากำหนดในข้อ ขนาดหน้าจอ 1024px ว่า #logo{background:#000000;} จะได้ ตำแหน่ง logo ที่มีสีพื้นหลังเป็นสีดำ ในขนาดหน้าจอไม่เกิน 1024px นั้นเอง"> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>1. กำหนดสีพื้นหลังของปุ่มเมนู Mobile (แสดงเฉพาะในขนาด Mobile ) ใช้ร่วมกับ DJ Megamenu Mobile </b>" /> <field name="mobilebackground" type="color" default="#f3f3f3" label="- สีพื้นหลัง Menu Mobile" description="กำหนดสีพื้นหลังของปุ่มเมนู Mobile ค่าเริ่มต้นคือ #f3f3f3"></field> <field type="spacer" label=" <p style='position:absolute; width:100% !important;background:#2e486b; padding:5px 10px; color:#fff; font-size:16px; '>2. กำหนด CSS ตามขนาดหน้าจอ </b>" /> <field name="1024css" type="textarea" rows="5" default="" label="ขนาดหน้าจอ 1024px" description="กำหนด CSS เฉพาะขนาดหน้าจอไม่เกิน 1024px (Ipad , Tablet) " filter="raw" /> <field name="768css" type="textarea" rows="5" default="" label="ขนาดหน้าจอ 768px" description="กำหนด CSS เฉพาะขนาดหน้าจอไม่เกิน 768px (Mobile) " filter="raw" /> <field name="480css" type="textarea" rows="5" default="" label="ขนาดหน้าจอ 480px" description="กำหนด CSS เฉพาะขนาดหน้าจอไม่เกิน 480px (Mobile) ขนาดต่ำกว่านี้จะใช้ค่านี้เป็นหลัก " filter="raw" /> </fieldset> <fieldset name="script" label="เพิ่ม Code Head และ Body" > <field name="headcode" type="textarea" rows="15" default="" label="CODE ในส่วน Head " description="เพิ่ม Code หรือชุดคำส่งจากที่อื่น ที่กำหนดให้วางในส่วน Head ของ index.php ในทุกหน้าเว็บไซต์ อาทิเช่น Google Tag , facebook pixel เป็นต้น" filter="raw" /> <field name="bodycode" type="textarea" rows="15" default="" label="CODE ในส่วน body " description="เพิ่ม Code หรือชุดคำส่งจากที่อื่น ที่กำหนดให้วางในส่วน body ของ index.php ในทุกหน้าเว็บไซต์ อาทิเช่น Google Tag , Facebook Messenger เป็นต้น" filter="raw" /> </fieldset> <fieldset name="sub6" label="Serial Code" > <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#f3f3f3; padding:5px 10px; color:#111; font-size:14px; '>ใส่ Serial Code เพื่อเปิดใช้งาน Template (Serial Code ลูกค้าจะได้รับจากการสั่งซื้อ ทางอีเมล์หรือข้อความติดต่อจากทาง Hitztheme) โปรดเก็บรักษา Serial Code ไว้ให้ดี! </b>" /> <field name="template" type="text" default="" label="- Serial Code " description=" "></field> <field type="spacer" label="<p style='position:absolute; width:100% !important;background:#fbb8b8; padding:5px 10px; color:#111; font-size:14px; '> **หากลืม Serial Code โปรดติดต่อกับทางเรา โทร. 084-010-6393 หรือตามช่องทางที่ลูกค้าทำการสั่งซื้อ พร้อมแจ้งเอกสารการสั่งซื้อ , ชื่อ-นามสกุล ผู้ซื้อ เพื่อทางเราจะได้ตรวจสอบให้ได้โดยง่าย ** </b>" /> </fieldset> </fields> </config> </extension>
