20 ความเห็น

XatSpace – Chat CSS

XatSpace CSS

การทำโปรดาว 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 ในห้อง ช่วย ( แชทเรืองแสง เรียก ชนบทจัง)

ปลายสอนทำ css

สังเกตุโค๊ตเหล่านี้ แล้วแก้ไขเองตามสไตล์คุณ

code thai แดง

การใส่โค๊ต

แชท Ccc
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;
http://xat.com/Thai กดดูตัวอย่างที่นี่

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จำเป็นต้องแสดงไว้

Screenshot_13
-โพลไม่จำเป็นต้องใช้
-ภาพโปรไฟล์ไม่จำเป็นต้องใช้ แต่คุณต้องทำชื่อโปรไฟล์ให้ชัดเจน
-โลโก้สามารถถูกย้ายไปมุมบนซ้ายได้
ส่วนท้าย (Footer)
ส่วนท้ายต้องแสดงไว้ ดังภาพ

Screenshot_2

ผู้ใดละเมิดไม่ทำตามแนวทางนี้ จะส่งผลให้กลุ่มหรือโปรไฟล์จะถูกลบออกโดยทันที
ถ้าข้อมูลคุณปลอมเช่นชื่อหรือการเชื่อมโยงที่ไม่เหมาะสม กลุ่มหรือโปรไฟล์ของคุณอาจจะถูกลบ

*** ข้อแนะนำจาก official Thai help chat  หากคุณไม่แน่ใจโปรไฟล์หรือแชตที่คุณสร้าง ละเมิดกฏการสร้างไหม พอคุณทำเสร็จ ถ่ายภาพไว้แล้ว เปิดตั๋วถาม ระบบ ว่าใช้ได้ไหมแต่ทั้งนี้ระบบตั๋วปัจจุบัน การสอบถามต่างๆที่นอกเหนือจากปัญหาแล้วระบบให้ paid user สามารถถามได้เท่านั้น ระหว่างรอตอบให้ลบ css ออกก่อน แนวทางนี้อาจช่วยป้องกันไม่ให้กลุ่มหรือโปรไฟล์จะถูกลบออก *** อีกทั้ง ภาษาของ wiki เป็น ภาษาต่างประเทศซึ่ง user คนไทย อาจเข้าใจคลาคเคลื่อนได้

อ้างอิงจาก wiki_CSS_Guidelines


20 comments on “XatSpace – Chat CSS

  1. นี้ guideline ให้คนไม่ค่อยรู้โค๊ด ได้ศึกษาลองทำ (try & error) เพื่อให้ได้งานที่สร้างสรร (creative) ได้แรงบันดาลใจมากมายค่ะ (inspiration)

  2. ทำไมทำแล้ว ตัวกล่องวิทยุเดิมที่มีไม่ขึ้นแสดงให้เห็นละ แต่เสียงวิทยุได้ยิน

  3. ลบวางใหม่ยังเป็นแบบเดิม
    ทำแล้วมันเป็นแบบนี้ ตามลิงค์ http://prntscr.com/3qo60l
    ทดสอบเบราว์เซอร์ Chrome จะได้ยินเสียงวิทยุ แต่เบราว์เซอร์ อื่นไม่ได้ยินเสียง
    ตอนนี้เลยเปลี่ยนคืนแบบเดิมก่อน กลัวมีปัญหาการรับฟังเพลงจากเพื่อนๆๆ

  4. เป็นเหมือนกันเลยครับ พอใส่โค้ดแล้ว ตัววิทยุที่ติดอยู่มันก็หายไป แต่ยังมีเสียงวิทยุอยู่ แก้ไขยังไงครับ

  5. สืบเนื่องคำถามที่ถามการใส่โค๊ดเพิ่มเติมจากคู่มือ 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 คือไม่ใช่ที่ๆเดียวที่แก้ไขปัญหาได้ทุกอย่าง คุณต้องค้นคว้าเพิ่มเติมด้วย ทางเราจะอัพเดทเสมอๆ

  6. CSS สำหรับบอร์ดแชทนี่พอจะอธิบายได้ป่ะคะ ว่าโค๊ตสีตำแหน่งนี้ จะปรากฎอยู่ส่วนไหนอ่ะค่ะ

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: