code




wrist band (ตัวอย่างมุมบนขวาของบล็อก)


Code มุมซ้าย

<script type="text/javascript" src="http://thaiblogger.org/webbands/weloveourking_left.js"></script>



Code มุมขวา


<script type="text/javascript" src="http://thaiblogger.org/webbands/weloveourking_right.js"></script>






Background


1.background แบบ Title

<style>body{background-image:url(XXX);}</style>



2.background แบบ fixed ไม่ให้เลื่อนลงตาม scroll bar


<style>body{background-attachment: fixed;background-image:url(XXX);}</style>



3.background เป็นภาพเดียวทั้งหน้า

<style>Body{background-image:url(http:XXX);background-position: center bottom left..etc..);background-repeat: no-repeat;background-attachment: fixed;background-color:color code;}</style>



4.background สี

<style>body{background:color code}></style>


ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ





ใส่รูปภาพ


Code



<img src=http:XXX>



ใส่รูปภาพตรงกลาง


<center><img src=http:XXX></center>




ถ้าต้องการรูปใหญ่-เล็กสามารถลดสัดส่วนได้

กำหนดขนาดของรูปภาพ


<center><img src=http:XXX width=400 height=300></center>






ใส่รูปให้กล่อง comment


Code


<style type=text/css>textarea{width:450;height:240;background:url(XXX);color=black; font-family : tahoma; font-size:20pt; </style>



ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ

ถ้าใส่ใน table ก้อจะแสดงแค่table นั้น





แต่งกรอบ comment และให้นับข้อความ(คุณกึ่งยิง)



Code



<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp"-- Comment", "gm"); whilereg.testHTML)) CommentCount++; CommentCount--; fori=1; i<=CommentCount; i++){ originalHtml = document.getElementById i ).innerHTML; beforeHtml = '<fieldset style="border: สีของกรอบใหญ่ solid 1px; padding:4"> <legend align=center(left)(right)style="border: สีของกรอบเล็กsolid 1px; padding:2; background: none">คห.ที่' + i + ' </font></legend>';document.getElementById i ).innerHTML = beforeHtml + originalHtml;}</script>



copy code ไปใส่ไว้ที่ช่อง script




ลูกเล่นเมื่อเปลี่ยน Webpage


Code



<="Page-Enter" content="RevealTrans Duration=3, Transition=23)">
<="Page-Exit" content="RevealTrans Duration=2, Transition=23)">



copy code ไปใส่ไว้ที่ช่อง slogan หรือscript






เปลี่ยนรูป bullet


Code


<style>ul{list-style: ;list-style-image: url(http:ของ รูป bullet);}</style>


ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ




เปลี่ยนcursor/mouse


Code



<body style="cursor:url ( URLรูป.ani )">


คำสั่งใส่ใน body





เปลี่ยนสี scroll bar

ให้เปลี่ยนสีเองตามใจชอบที่ชื่อ โค้ดสี (ตัวอักษรสีแดง)


Code



<style type="text/css">body {scrollbar-arrow-color: #000000;scrollbar-highlight-color: #000000; scrollbar-base-color: #C4A2A2;scrollbar-dark-shadow-color: #000000;scrollbar-track-color: #C4A2A2;}</style>


ถ้าใส่ในscript จะแสดงทุกหน้าเวปเลยนะ




ใส่เพลง


ใส่เพลง wma, wav, mp3


ไม่มี Console เปิด - ปิด,


<BGSOUND balance=0 src=url ของเพลง volume=-600 loop=0>



ใส่เพลง wma, wav, mp3


มี Console เปิด - ปิด,


<embed src=url ของเพลง autostart=trueloop=false height=45 width=170></embed>



ใส่เพลง swf


ไม่มี Console เปิด - ปิด,


<embed pluginspage=http://www.macromedia.com/go/getflashplayer src=url ของเพลง swf width=1 height=1 type=application/x-shockwave-flash quality=high></embed>






Link


ทำ Link



<a href ="URL Link">ข้อความที่ต้องการ</a>



ทำ Link เปิดหน้าใหม่



<a href =URL Link target=_blank>ข้อความที่ต้องการ</a>



ใส่รูปให้กับ Link



<a href="URL Link"><img src="URL ของรูป"></a>






เปลี่ยนรูป Emotion ในคอมเม้นท์


Code



<script type="text/javascript" src ="http://www.geocities.com/oranjebloggang/emotion.js"> </script>





จำนวนผู้ชมทั้งหมด

Code



<center>ผู้ชมทั้งหมด <script src="http://fastwebcounter.com/secure.php?s=ใส่ URL บล็อค ของคุณที่นี่ค่ะ"></script> คน</center>



ผู้ชมทั้งหมด, คน สามารถเปลี่ยนสีตัวอักษร, ใส่รูป, ใส่โค้ดกรอบ,
หรือเอารูปมาทำพื้นหลังได้ตามสบาย




Fieldset Box

ลักษณะเหมือนกรอบที่เห็นอยู่คะ
Code



<fieldset>ใส่รายละเอียดที่นี่</fieldset>



Code



<fieldset><legend>Title</legend>ใส่รายละเอียดที่นี่</fieldset>



Code



<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color=" #FF0000">Title</font></legend><font color=" #FF0000"><p align="center (left, right) ">ใส่รายละเอียดที่นี่</p></font></fieldset>





พื้นหลัง

ลบพื้นหลังและลบกรอบสีขาว


<style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;}</style>



เปลี่ยนพื้นหลัง


<style>body{background-attachment: fixed;background-image:url(URL ของรูป);}</style>








ทำกรอบรอบๆบล็อก

Code


<script language="JavaScript1.2">
if document.all)
document.body.style.cssText="border:10 ridge โค้ดสี"
</script>






กล่องข้อความขึ้น เมื่อหน้าเวปโหลดเสร็จ

Code


<!--
alert"ข้อความ")
//-->






ข้อความต้อนรับ

Code


r-raven<script language="JavaScript">
function loadalert )
{alert" เปลี่ยนตรงนี้ค่ะ ")
}
loadalert)
</script>






ข้อความบอกลา

Code


R-raven<Script Language="VBScript">
Sub Window_onUnLoad)
alert"ข้อความ")
End Sub
</Script>






เปลี่ยน Title Bar (แถบสีฟ้าที่อยู่บนสุด)

Code


<script language="Javascript">
var tt = 0;
var FMess = new Array"ข้อความที่ 1","ข้อความที่ 2","ข้อความที่ 3")
function FTitle)
{
document.title = FMess[tt]
tt = tt < FMess.length -1)) ? tt + 1 : 0;
setTimeout'FTitle)',700);
}
FTitle);
</script>














 

Create Date : 08 พฤศจิกายน 2550
2 comments
Last Update : 25 กุมภาพันธ์ 2551 22:08:17 น.
Counter : 501 Pageviews.

 

-v- ขอบคุณคะ

 

โดย: Louis_v 21 พฤศจิกายน 2550 1:25:26 น.  

 

รบกวนสอบถามหน่อยนะคะ

ตรงข้อความตรงกลาง

ที่พื้นหลังเป็นรูปหมีน่ะคะ จะทำยังไงเหรอคะ ?

แร้ว ที่ข้อความคอมเม้นท์แร้วอ่ะคะ

เราสามารถใส่พื้นหลังได้หรือป่าวอ่ะคะ

รบกวนหน่อยนะคะ ขอบคุนมากๆๆๆๆๆๆๆ ค่ะ

 

โดย: ปลาทองป๊องป่อง 9 ธันวาคม 2550 5:53:04 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 


goffymew
Location :


[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 5 คน [?]




Flag Counter Welcome to Goffymew Blog
Group Blog
 
 
พฤศจิกายน 2550
 
 123
45678910
11121314151617
18192021222324
252627282930 
 
8 พฤศจิกายน 2550
 
All Blogs
 
Friends' blogs
[Add goffymew's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.