XatSpace CSS
การทำโปรดาว Css
ก็อบเอาตรงนี้ไปลงตามข้างบน:
background:}*{background:none}#xatstyinfo{display:none}#xatstyabout0{display:none}#xatstywhatpoll{display:none}*{text-align:center}*{font-family:Arial}*{color:#ffffff}*{text-shadow:
0px 2px 2px #ffffff}*{cursor:none}hr{display:none}html{background:
url(‘ใส่ลิ้งรูปตรงนี้’) top center no-repeat
scroll}html{background-size:100%}#xatstyheader{height:0px}table{position:absolute}table{bottom:0}table{font-size:12px};}
เปลี่ยนสี header และ footer text, :
{text-align:center}*{font-family:Arial}*{color:#ffffff}*{text-shadow: 0px 2px 2px #ffffff}
เปลี่ยนรูปภาพ:
html{background: url(‘ใส่ลิ้งรูปตรงนี้’) top center no-repeat scroll}html{background-size:100%}
ห้องแชทCSS
Chat Css
น้องปลายสอนการทำแชท Css ในห้อง ช่วย ( แชทเรืองแสง เรียก ชนบทจัง)
สังเกตุโค๊ตเหล่านี้ แล้วแก้ไขเองตามสไตล์คุณ
การใส่โค๊ต
background:}iframe{display:none}*{font-family:Calibri}*{color:#ffffff}*{text-shadow:
3px 3px 3px #ffffff}*{background-color: #000000; BACKGROUND-POSITION:
Center; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE:
url(ใส่ลิ้งรูปพื้นหลังตรงนี้)}a:link,a:visited{color:#ffffff
!important}strong{color:#ffffff
!important}.vbmenu_control{display:none}.foot{color:#ffffff
!important}embed{box-shadow: 0px 0px 75px
#ffffff}embed{border-style:solid;
CSS Guidelines
xat อนุญาตให้ user ปรับแต่งกลุ่มหรือโปรไฟล์โดยใช้โค๊ด CSS ได้
ให้อ่านข้อชี้แนะแนวทางข้างล่างก่อนคุณลงมือทำ
xat ขอสงวนสิทธิ์ในการเปลี่ยนแปลงโดยไม่แจ้งล่วงหน้า
แนวทาง(Guidelines)
– โลโก้ xat ลิงก์ ต้องปรากฏเห็นชัดเจนดังภาพและกดเข้าไปได้
– ต้องสามารถเข้าบอร์ดแชตและแอพข้างบอร์ดได้
– สามารถใช้ภาพและอักษรเคลื่อนไหวได้ตราบใดไม่ไปรบกวนการพูดคุยของ user
– ภาพหรือเนื้อหาของหน้าเว็บอื่น ๆ ที่ไม่สามารถซ้อนทับบอร์ดแชต
– คุณสามารถเปลี่ยนแบบอักษรหรือสีของข้อความ แต่ก็ยังคงต้องอ่านได้ง่าย
– ไม่ควรใช้ภาพกระพริบ
– ห้ามซ่อนโฆษณา
ลิงก์หน้าในกลุ่ม (Group page Links)
– ลิงก์ต่อไปนี้ไม่จำเป็นต้องใช้ หากคุณต้องการจะไม่ใช้ Groups News Store Trade Help Like Tweet Embed Edit
– ลิงก์ต่อไปนี้สามารถถูกย้ายขึ้นไปได้
Events, Message , Inappropriate ( Inappropriate ต้องคงไว้ซึ่งไอคอนและง่ายต่อการมองเห็น)
กลุ่มแท็บ (Group Tabs)
– แท็บสามารถถอดออกได้
xat.me
– ลิงก์ต่อไปนี้ไม่จำเป็นต้องแสดง
Groups , Wiki , Forum แต่ลิงก์ Inappropriateจำเป็นต้องแสดงไว้
-โพลไม่จำเป็นต้องใช้
-ภาพโปรไฟล์ไม่จำเป็นต้องใช้ แต่คุณต้องทำชื่อโปรไฟล์ให้ชัดเจน
-โลโก้สามารถถูกย้ายไปมุมบนซ้ายได้
ส่วนท้าย (Footer)
ส่วนท้ายต้องแสดงไว้ ดังภาพ
ผู้ใดละเมิดไม่ทำตามแนวทางนี้ จะส่งผลให้กลุ่มหรือโปรไฟล์จะถูกลบออกโดยทันที
ถ้าข้อมูลคุณปลอมเช่นชื่อหรือการเชื่อมโยงที่ไม่เหมาะสม กลุ่มหรือโปรไฟล์ของคุณอาจจะถูกลบ
*** ข้อแนะนำจาก official Thai help chat หากคุณไม่แน่ใจโปรไฟล์หรือแชตที่คุณสร้าง ละเมิดกฏการสร้างไหม พอคุณทำเสร็จ ถ่ายภาพไว้แล้ว เปิดตั๋วถาม ระบบ ว่าใช้ได้ไหมแต่ทั้งนี้ระบบตั๋วปัจจุบัน การสอบถามต่างๆที่นอกเหนือจากปัญหาแล้วระบบให้ paid user สามารถถามได้เท่านั้น ระหว่างรอตอบให้ลบ css ออกก่อน แนวทางนี้อาจช่วยป้องกันไม่ให้กลุ่มหรือโปรไฟล์จะถูกลบออก *** อีกทั้ง ภาษาของ wiki เป็น ภาษาต่างประเทศซึ่ง user คนไทย อาจเข้าใจคลาคเคลื่อนได้
อ้างอิงจาก wiki_CSS_Guidelines
นี้ guideline ให้คนไม่ค่อยรู้โค๊ด ได้ศึกษาลองทำ (try & error) เพื่อให้ได้งานที่สร้างสรร (creative) ได้แรงบันดาลใจมากมายค่ะ (inspiration)
Yw
ผมงงกับการแต่งโปรไฟล์ ดาว อะ
คำถามของคุณกว้างไป คุณควรศึกษาตามที่บล๊อคเขียนไว้ให้รู้แจ้ง แล้วสงสัยส่วนใดก็ถามมา สมาชิกท่านไหนรู้ก็จะพยายามตอบ
เปลี่ยนสี header และ footer text, ใส่ช่องไหนยังไง งง
กดไปอ่านดีดีตรง เปลี่ยนสี header และ footer text, : https://xatthai.wordpress.com/xatspace-chat-css/
ทำไมทำแล้ว ตัวกล่องวิทยุเดิมที่มีไม่ขึ้นแสดงให้เห็นละ แต่เสียงวิทยุได้ยิน
ลบวางใหม่ลองดูครับ เพราะทุกห้องที่ใช้ได้ก็โค๊ตตัวนี้ หรือ วางลิ้งห้องไว้เด่วเจ้าหน้าที่จะไปดูให้ครับ
ลบวางใหม่ยังเป็นแบบเดิม
ทำแล้วมันเป็นแบบนี้ ตามลิงค์ http://prntscr.com/3qo60l
ทดสอบเบราว์เซอร์ Chrome จะได้ยินเสียงวิทยุ แต่เบราว์เซอร์ อื่นไม่ได้ยินเสียง
ตอนนี้เลยเปลี่ยนคืนแบบเดิมก่อน กลัวมีปัญหาการรับฟังเพลงจากเพื่อนๆๆ
ขอห้องแชท คุณ
http://xat.com/lovestoryradio
http://xat.com/HouseofLoveRadio?p=1 ห้องนี้นะ
ใส่โค๊ตกล่องเพลงูปภาพไว้ด้านล่างก่อนแล้วค่อยใส่โค๊ตห้อง ใหม่
ใส่ตามรูปลิงค์ http://prntscr.com/3qow9t แล้วนะ
ไงช่วยแสดงตัวอย่างเป็นวิทยาทานให้ด้วย บางทีเพื่อนๆที่เล่นอาจเจอปัญหาเดียวกัน
ลองใส่และอัพไปเรื่อยๆ บางที xat อาจมีปัญหาหรือกำลังปรับปรุง บางอย่างในขณะนั้น วิธีที่ลงถูกแล้ว ถ้ามันบล๊อคมันจะบอกทันที
เป็นเหมือนกันเลยครับ พอใส่โค้ดแล้ว ตัววิทยุที่ติดอยู่มันก็หายไป แต่ยังมีเสียงวิทยุอยู่ แก้ไขยังไงครับ
สืบเนื่องคำถามที่ถามการใส่โค๊ดเพิ่มเติมจากคู่มือ css เช่น ใส่youtube แบบ css ตอนนี้ xat อ้างอิงคู่มือ จาก http://xatalert.com/xscss/ และ http://xatalert.com/music-generator/ ลองไปศึกษาดู สำหรับเพื่อนที่ลองโค๊ตแล้วใส่ได้ มาแชร์กัน เพราะการเขียนโปรไฟล์ในแนว code css เป็นแนวที่ต้อง test แล้ว preview เรื่องโค๊ด (coding) คุณต้องเรียนรู้ด้วยตนเองต้องลองผิดลองถูก จนกว่าจะได้ (try & error) เราแนะนำคุณได้ว่า ให้ไปสมัคร forum https://xatthai.wordpress.com/forum-xat-com/ กดอ่าน แล้วเข้าไปสอบถามเกี่ยวกับ youtube css ใน forum ใช้ภาษาอังกฤษ แปลภาษาเอา เพราะระบบมาจากภาษาอังกฤษ อีกอย่างที่สำคัญกว่าคือ กฏที่userที่ทำโปรไฟล์หรือแชตแบบ css ต้องเรียนรู้ไว้ ต่อให้คุณแต่งสวยเพียงใด แต่ผิดกฏ คุณก็อาจถูกลบไปรไฟล์หรือแชตได้ กดอ่าน https://xatthai.wordpress.com/2015/02/05/css-guidelines/
เพิ่มเติม css โปรไฟล์ ให้ไปศึกษาที่ http://fexbots.com/tools/xatspacegenerator css chat ให้ไปศึกษาที่ http://fexbots.com/tools/chatcssgenerator แต่ต้อง preview ดูก่อนให้เป็นไปตามกฏcssจำไว้ว่า blog ไม่ใช่ onestop solve solution คือไม่ใช่ที่ๆเดียวที่แก้ไขปัญหาได้ทุกอย่าง คุณต้องค้นคว้าเพิ่มเติมด้วย ทางเราจะอัพเดทเสมอๆ
[…] XatSpace – Chat CSS […]
CSS สำหรับบอร์ดแชทนี่พอจะอธิบายได้ป่ะคะ ว่าโค๊ตสีตำแหน่งนี้ จะปรากฎอยู่ส่วนไหนอ่ะค่ะ
https://xatthai.wordpress.com/xatspace-chat-css/ << กดอ่าน ลองและทดสอบดู