รวมมิตรโค๊ดสำหรับมือใหม่




lozocatlozocatlozocat


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

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



ใส่ bg แบบfix ไม่ให้เลื่อนตามสกอบาร์

<style type="text/css">
<!--
body {background-image: url(url ภาพที่จะทำbg);
background-attachment: fixed;
background-repeat: repeat;


 </style>



ใส่ bg แบบมีภาพเดียวทั้งหน้า

<style type="text/css">
<!--
body {background-image: url(url ภาพที่จะทำbg);
</style>



เปลี่ยนสีและแบบ Font

<style>body, ul, li, p{font:bold MS Sans Serif;font-size:10pt;color:โค้ดสี;}</style>



เปลี่ยนตัวหนังสือให้ใหญ่และ Font

<style>p b font {font:bold 13px MS Sans Serif;}</style>



เปลี่ยนสี Link

<style>A:link{color:โค้ดสี Link;text-decoration:none;}
A:visited{color:โค้ดสีที่คลิกแล้ว;text-decoration:none}
A:hover{color:โค้ดสีที่ลากผ่าน;text-decoration: none;}</style>



เปลี่ยน Bullet (จุดกลมๆที่อยู่หน้า Group Blog)

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



ทำให้รูปไม่มีกรอบสีฟ้า

<style>img {border: none;}</style>



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

<style type=text/css>textarea{width:300;height:200;background:url(URL ของรูป);color=โค้ดสี; font-family : MS Sans Serif; font-size:14pt; </style>



ทำ Link

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



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

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



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

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



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

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



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

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



กรอบนับ Comment โดยคุณ กึ่งยิงกึ่งผ่าน

<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border:โค้ดสี groove 3px; padding:20"> <legend align=center><img src=URL ของรูป> ความเห็นที่ ' + i + ' <img src=URL ของรูป></font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>



เปลี่ยนรูปตรง My FriendFlock

<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_network_mini1.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการเปลี่ยน"}</script>



เปลี่ยนรูปตรง ฝากข้อความหลังไมค์

<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/message.gif") {document.images[i].src="URL ของรูปที่ต้องการเปลี่ยน"}</script>



เปลี่ยนรูปตรง Rss Feed

<script>iLength = document.images.length; for(i=0;i<iLength;i++) if(document.images[i].src=="//www.bloggang.com/images/icon_rss.png")
{document.images[i].src="
URL ของรูปที่ต้องการเปลี่ยน"}</script>




ทำกรอบและเปลี่ยนคำให้กับ Submit และ Reset

<script>
document.forms.reply.Submit.value = "Submit";
document.forms.reply.Reset.value = "Reset";
document.forms.reply.Submit.style.width = 100;
document.forms.reply.Reset.style.width = 100;
document.forms.reply.Submit.style.height = 30;
document.forms.reply.Reset.style.height = 30;
document.forms.reply.Submit.style.backgroundColor = "black";
document.forms.reply.Reset.style.backgroundColor = "black";
document.forms.reply.Submit.style.color = "#e65c7c";
document.forms.reply.Reset.style.color = "#e65c7c";
document.forms.reply.Submit.style.border = "3px double #e65c7c";
document.forms.reply.Reset.style.border = "3px double #e65c7c";
</script>

Submit = เปลี่ยนเป็นคำที่ต้องการแทน Submit
Reset = เปลี่ยนเป็นคำที่ต้องการแทน Reset
100 = ความยาวของกรอบ
30 = ความสูงของกรอบ
black = สีพื้นหลังที่ต้องการ
#e65c7c = สีตัวอักษรที่ต้องการ
3px double #e65c7c = ขนาด, ชนิด, และสีกรอบที่ต้องการ
ชนิดกรอบจะมี solid, inset, outset, groove, ridge, dashed, dotted, หรือ double



เปลี่ยน Logo Bloggang

<script>document.images[0].src="URL ของรูป"; document



เปลี่ยน Cursor

<body style="cursor:url(URL ของรูป ไฟล์ .ani หรือ .cur)">



lozocatlozocat
Create Date : 26 เมษายน 2552
Last Update : 26 เมษายน 2552 14:02:19 น.
Counter : 4491 Pageviews.

1 comments
  
ขอบคุณมากเลย ค่ะ กำลังแต่งblog อย่างสนุกสนาน ค่ะ เพ่งมี blog อ่ะค่ะ
โดย: แหม่มค่ะ (M+J=Jammy ) วันที่: 15 พฤษภาคม 2552 เวลา:15:26:16 น.
ชื่อ :
Comment :
 *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 

Pinnjung.BlogGang.com

แก้ง 3 ช่า กับหมาแก่ๆ
Location :
สุราษฏร์ธานี  Thailand

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 1 คน [?]