Tech &Tips

1.แชท MSN บนหน้าเว็บต์ไซด์
 ขั้นตอนการทำ

 1.ต้องเป็นสมาชิก และมี MSN Account ก่อนจึงจะสามารถใช้งาน Trick นี้ได้
 2.ให้เปิดเว็บไซต์ http://settings.messenger.live.com/Applications/Default.aspx
3.คลิกเมนู “การตั้งค่าเว็บ” (Web Settings)
4.ติ๊กถูกที่ อนุญาตให้เว็บไซต์สามารถมองเห็นสถานะของ Messenger ของคุณ และส่งข้อความ
   ถึงคุณได้ (Allow websites to see your Messenger status and send you messages)
5.กดบันทึก (Save)


6.สร้าง (HTMLCreate HTML)
7.ให้เลือกปรับขนาดและสี
 8.โดยจะมีให้เราเลือกสามส่วนคือ
หน้าต่าง IM (IM Window) สำหรับให้ระบบสร้าง Code หน้าต่าง MSN ให้เราไปติดเว็บ
ปุ่ม (Button) สำหรับสร้างปุ๋มไว้ให้เราติดหน้าเว็บ
ไอคอนสถานะ(Status icon) สำหรับแสดง icon สถานะออนไลน์
หลังจากนั้นให้นำ Code ที่ได้ด้านล่างมาแปะ ในหน้าเว็บที่ต้องการ

 


 
2.คลิกรูปแล้วรูปเด้งเป็นรูปใหญ่ ขั้นตอนการทำ
1.สร้าง HTML CODE
2.ให้เลือกรูปที่ต้องการจะนำมาโชว์เพื่อที่จะแสดงผล
3.ปรับขนาดให้ภาพแสดงผล

ภาพส่วนแรกของ CODE โดยส่วนแรกจะให้เลือกปรับขนาดของภาพที่ต้องการได้
ตามความเหมาะสมซึ่งในส่วนนี้จะใช้ โค้ต img src="Koala.jpg" height="232"
 width="174" // ชื่อภาพ Kola สูง 232 กว้าง 174 ดังตัวอย่าง
 

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


ส่วนที่สอง onclick="this.src='Koala.jpg';this.height=400;this.width=300" // onclick คือ

กาคลิกรูปเพียงหนึ่งครั้งรูปก็จะเปลี่ยนเป็นสูง 400 กว้าง 300 ดังตัวอย่าง
 
 

และส่วนที่สามถ้าหากดับบิ้ลคลิกรูปก็เปลี่ยนแปลงไปตาม CODE ที่ได้ตั้งไว้
ondblclick="this.src='Koala.jpg';this.height=200;this.width=150" //ondblclick
คือการดับเบิ้ลคลิก รูปก็เปลี่ยนแปลงไปตามขนาดที่ได้กำหนดไว้ คือ สูง 200 และกว้าง 150

 

3.เลื่อน MOUSE ไปยังลิ้งค์แล้ว CURSOR เปลี่ยน !! ขั้นตอนการทำ
1.สร้างไฟล์ css แบบ compound

2.เลือกเว็บต์ที่ต้องการแล้วลิ้งค์ไปยังเว็บต์ดังกล่าว

3.ปรับแต่ง cursor โดยการเลือก extensions แล้วคลิ๊กเลือก รูปแบบของ cursor ที่จะให้เปลี่ยน เมื่อนำเมาส์ไปชี้
 
 

จะเห็นได้ว่าไม่มีอะไรเปลี่ยนแปลงแม้กระทั่ง CURSOR
 

จะเห็นการเปลี่ยนแปลงของ CURSOR อย่างชัดเจน
style="cursor:crosshair">FACEBOOK
// คือการเปลี่ยนรูปแบบ CURSOR เป็นรูป crosshair (รูปบวก) บนลิ้งค์ FACEBOOK

 

ไม่มีความคิดเห็น:

แสดงความคิดเห็น