Ex

None | 26 ก.ย. 2560 | อ่านแล้ว 551 ครั้ง

หัวข้อใช้ Format และเลือกได้เลย เช่น fotmat->Heading 3

ตัวอย่าง H1

ตัวอย่าง H2

ตัวอย่าง H3

ตัวอย่าง H4

---

ตัวอย่างปุ่ม

ปุ่มสามารถเพิ่มและกำหนด class="uk-button"

  uk-button uk-button-fb
<input class="uk-button uk-button-fb" name="button" type="button" value="button" />

  uk-button uk-button-goo
<input class="uk-button uk-button-goo" name="button" type="button" value="button" />

  uk-button uk-button-tw
<input class="uk-button uk-button-tw" name="button" type="button" value="button" />

  uk-button uk-button-danger
<input class="uk-button uk-button-danger" name="button" type="button" value="button" />

uk-button uk-button-success
<input class="uk-button uk-button-success" name="button" type="button" value="button" />

uk-button uk-button-primary
<input class="uk-button uk-button-primary" name="button" type="button" value="button" />

uk-button uk-button-link
<input class="uk-button uk-button-link" name="button" type="button" value="button" />

uk-button
<input class="uk-button" name="button" type="button" value="button" />

 

เพิ่ม Icon สามารถเลือกจาก http://fontawesome.io/icons/
. Facebook
<a class="uk-button uk-button-fb"><span aria-hidden="true" class="fa fa-facebook"><span style="color:#516eab;">.</span></span> Facebook</a></p>

. PDF
<a class="uk-button uk-button-goo"><span aria-hidden="true" class="fa fa-file-pdf-o"><span style="color:#eb4026">.</span></span> PDF</a>

. Twitter
<a class="uk-button uk-button-tw"><span aria-hidden="true" class="fa fa-twitter"><span style="color:#29c5f6">.</span></span> Twitter</a>

. Download
<a class="uk-button uk-button-danger"><span aria-hidden="true" class="fa fa-download"><span style="color:#da314b">.</span></span> Download</a>

. Check
<a class="uk-button uk-button-success"><span aria-hidden="true" class="fa fa-check-square"><span style="color:#8cc14c">.</span></span> Check</a>

. Calendar
<a class="uk-button uk-button-primary"><span aria-hidden="true" class="fa fa-calendar"><span style="color:#00a8e6">.</span></span> Calendar</a>

. Car
<a class="uk-button"><span aria-hidden="true" class="fa fa-car"><span style="color:#eeeeee">.</span></span> Car</a>

 

---

ตัวอย่างตาราง

A1	A2
B1	B2
C1	C2

---

ตัวอย่างภาพ

ภาพใส่โดยตัด style ออกเลย เพราะเว็บจะคำนวนเองใน mobile และ PC




 

---

Add Google Calendar 

Link สร้าง https://app.gs.kku.ac.th/eoffice/gscalendar/gstogoogleform