Code สี





#f0ceae#ecbfa1#ebb495 #e69388 #630f27







#f3bfbe#e490a2 #a31b1b#2e070b #d30f20







#ff2e7b #dd2e7b#bb2e7b #992e7b #ee8411







#be96b9 #f5d3e1 #f5dfd2#d8e1b6 #9db291







#dbc0c7#d2a1a9 #c9828b #bf636c #b6444e







#ef453a #ef5447 #e4e1c9 #d1d3bf#708282







#3bdf25 #86df25 #d0df25 #dfc825 #df8d25







#a8a8c0#9090a8 #a890c0 #604878 #484860







#9aa385 #57ff57 #8fd392 #3ee028 #baeb71







#deb276#fff4e6#ebd9c0#998e7d#f2a0c1







#6b2518#782f20#804033#9c664E#854134







#ccff80#a5ed21#b0df59#f1ff55#000000







#c5cea7#b7bea0#a4ad84#c2d1a2#c4d686







#dc0f3f #f32648 #ff1759 #e177a5#d8c7cF







#d86078 #906078 #904890 #007878 #186078







#7c0000 #b30000 #cf3535 #e98989 #fdc2c2







#ffffff#ffe6c5 #d5bda4 #5a6a94 #31415a







#74b170 #76b971 #8edf70 #a1e782 #7cc371







#5407b5 #7d05f5 #6004bd #5b04b3 #420382







#112ec4 #333e92 #4626f7 #141d70 #060d54







#cccccc#999999#b59e9e#b8ab97#ada18e







#7e8200 #9d9f35 #bdbc6b #dcd8a0 #beb7ba







#ffdeba#ffc688#ffaa4e#f49127#f2820a







#c69da5#cd9fac#d4a2ae#dda4aa #e5a6a1







#fff06e #f7e436 #e0d24c #a6a071 #fac219







#e01830 #ee3939 #f04848 #f07878 #a80000







#030000 #ff19d1#14d0ff #0afc1e#fc0a0a







#9570ba#72499c#9c45a1#d85fde#f781e6







#ff990a#875610#4a310d #2b1e0b#171006







#671a50#6e1044#5d0420#b056ad#893569




Create Date : 20 ธันวาคม 2552
Last Update : 19 มิถุนายน 2553 8:05:46 น.
Counter : 218 Pageviews.

โค้ดเบื้องต้นสำหรับ Blog
ใส่ bg แบบ tile
(ใส่ใน script จะแสดงผลทุกบล็อก ใส่ที่ช่องรายละเอียดจะแสดงเฉพาะที่บล็อกนั้น) โค้ด=
<*style>body{background-image:url(XXX);}<*/style>

ใส่ bg เป็นรูปภาพเดียวทั้งหน้า
(ใส่ใน script จะแสดงผลทุกบล็อก ใส่ที่ช่องรายละเอียดจะแสดงเฉพาะที่บล็อกนั้น) โค้ด=
<*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>

ใส่ bg โดยใช้สี
โค้ด=
<*style>body{background:color code}><*/style>

ให้ภาพมุมบล็อกอยู่..กลางบล็อก
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมขวาบน
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right top;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมขวากลาง
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมขวาล่าง
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:right bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

<ให้ภาพมุมบล็อกอยู่ ..มุมซ้ายบน
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left top;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมซ้ายกลาง
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left center;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

ให้ภาพมุมบล็อกอยู่ ..มุมซ้ายล่าง
<*style>Body {background-image:url("ใส่ URLของภาพที่จะใช้");background-position:left bottom;background-repeat: no-repeat;background-attachment: fixed;background-color: "ใส่สี Bg ที่ต้องการ";}<*/style>

บีจีจากภาพเล็กๆหลายภาพเรียงกัน
<*style>body{background-attachment: fixed;background-image:url(ใส่ URLของภาพที่จะใช้);}<*/style>

ใส่แบบ Fix ไม่ให้เลื่อนตาม Scroll bar
(ใส่ใน script จะแสดงผลทุกบล็อก ใส่ที่ช่องรายละเอียดจะแสดงเฉพาะที่บล็อกนั้น) โค้ด=
<*style>body{background-attachment: fixed;background-image:url("XXX");}<*/style>


ลบกรอบและสีขอบของบล็อก
(ใส่ในscript จะแสดงทุกหน้า ใส่ใน table จะแสดงแค่table นั้น) โค้ด=
<*style>table {background-color: transparent;border-style: none;border-spacing: none;}TD {border: none;border-color: none;background: none;}<*/style>

ทำกรอบรอบๆบล็อก
<*script language="JavaScript1.2"> if (document.all)
document.body.style.cssText="border:10 ridge โค้ดสี"<*/script>

เปลี่ยนรูปอมยิ้ม (log in) ท้ายชื่อ copy code ไปใส่ในช่อง script
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/smile.gif") {document.images[i].src="http://ของรูปที่ต้องการ"}<*/script>

ใส่รูปให้ Reed
<*script>iLength = document.images.length; for(i=0;i<*/script>

เปลี่ยน Now Here
(ใส่ในช่อง slogan) โค้ด=
<*script>iLength = document.images.length; for(i=0;i<*/script>

ลูกเล่นเมื่อเปลี่ยน Webpage
(ใส่ที่ช่องsloganหรือScript) โค้ด=
<*="Page-Enter" content="RevealTrans (Duration=3, Transition=23)">
<*="Page-Exit" content="RevealTrans (Duration=2, Transition=23)">


ส่งหลังไมค์
โค้ด=
<*a href ="URL หลังไมค์" target='_blank'> ส่งหลังไมค์ที่นี่<*/a>

โค้ดหลังไมค์ มีคำว่าส่งข้อความถึง......แล้วมีรูปต่อข้างล่าง
โค้ด=

<*B>ส่งข้อความถึง......... <*/B>
<*br>
<*a href ='http://www.pantip.com/cafe/krazip/write.php?nick_name=crumpler'border=0 target='_blank'><*img src = 'http://urlของรูป' border=0 Alt='หลังไมค์'><*/a>

เปลี่ยนจุดหน้าหัวข้อ (bullet)
(ใส่ในscript จะแสดงทุกหน้า ใส่ใน table จะแสดงแค่table นั้น) โค้ด=
<*style>ul{list-style: ;list-style-image: url(รูปที่ต้องการ);}<*/style>

เปลี่ยนรูปเรารักในหลวง อยู่หลังชื่อเวลาเขียนcomment
โค้ด=
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++)if(document.images[i].src=="http://www.bloggang.com/images/smile.gif") {document.images[i].src="ใส่รูปที่นี่..................."}<*/script>

ลบกรอบใน Profile
โค้ด=
<*style>img {border: none;}<*/style>


เปลี่ยนสี scroll bar
ใสในscript จะแสดงทุกหน้า ใส่ใน table จะแสดงแค่table นั้น) โค้ด=
<*style type="text/css">body {scrollbar-arrow-color: ใส่โค้ดสี;scrollbar-highlight-color:ใส่โค้ดสี; scrollbar-base-color:ใส่โค้ดสี;scrollbar-dark-shadow-color: ใส่โค้ดสี;scrollbar-track-color:ใส่โค้ดสี;}<*/style>

เปลี่ยนรูปอมยิ้ม (log in) ท้ายชื่อ
(ใส่ไว้ที่ช่อง script) โค้ด=
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/smile.gif") {document.images[i].src="http://ของรูปที่ต้องการ"}<*/script>


ทำ Link เปิดหน้าใหม่
<*a href =URL Link target=_blank>ข้อความที่ต้องการ<*/a>

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

ทำ Linkด้วยรูป
<*a href ='ใส่ http://ของหน้าเว็บที่ต้องการลิงค์' target='_blank'><*img src =ใส่ urlของรูปที่เอามาทำลิงค์><*/a>

โค้ดเชคข้อความหลังไมค์
<*a href ="http://www.pantip.com/cafe/krazip/index.php" target=_blank>เชคข้อความหลังไมค์<*/a>
หรือใส่รูป
<*a href="http://www.pantip.com/cafe/krazip/index.php" target=_blank><*img src="URL ของรูปที่ต้องการ" border="0"><*/a>

โค้ดเปลี่ยนรูปตรง My Network
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/icon_network_mini1.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=="http://www.bloggang.com/images/icon_rss.png") {document.images[i].src="URL ของรูปที่ต้องการ"}<*/script>

เปลี่ยนรูปฝากข้อความหลังไมค์
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/message.gif") {document.images[i].src="ใส่ URL ของรูปที่ต้องการเปลี่ยน"}<*/script>

เปลี่ยนรูปถังขยะลบ Comment
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/delete.gif") {document.images[i].src="URL ของรูปที่ต้องการเปลี่ยน";document.images[i].height="ความสูงของรูป"; document.images[i].width="ความยาวของรูป";}<*/script>

เปลี่ยนรูปตรงแก้ไข Blog
<*script>iLength = document.images.length; for(i=0;i<*iLength;i++) if(document.images[i].src=="http://www.bloggang.com/images/iconnote.gif") {document.images[i].src="URL ของรูปที่ต้องการเปลี่ยน";document.images[i].height="ความสูงของรูป"; document.images[i].width="ความยาวของรูป";}<*/script>

ข้อความต้อนรับ
<*Script Language= "VBScript">alert("ใส่ข้อความตรงนี้เลยจ้า")<*/Script>

ข้อความบอกลา
<*Script Language="VBScript">
Sub Window_onUnLoad()
alert("ใส่ข้อความตรงนี้เลยจ้า")
End Sub
<*/Script>

โค้ดป้องกันการยืดของหน้าบล็อก เวลาคนอื่นใส่รูปใหญ่เกินไป
<*style>div.comment{overflow: auto; width: 400px; height: auto;}<*/style>
width: 400px ----- เปลี่ยนขนาดได้

Code ทำให้ตัวหนังสือห่าง
<*style>p{letter-spacing:2px;}<*/style>

<*style>body, ul, li, p{letter-spacing:2px;}<*/style>

จำนวนผู้ชมออนไลน์
<*script type="text/javascript" src="http://fastonlineusers.com/on4.php?d=URL บล็อคของคุณ"><*/script> : Users Online

จำนวนผู้ชมทั้งหมด
รวมทั้งหมด<*script src="http://fastwebcounter.com/secure.php?s=url บล๊อคของคุณ"><*/script> คน



หมายเหตุ...อย่าลืมเอาเครื่องหมาย*ออกด้วยทุกครั้ง






Create Date : 06 ธันวาคม 2552
Last Update : 19 มิถุนายน 2553 8:07:36 น.
Counter : 459 Pageviews.


Affleck
Location :
ชลบุรี  Thailand

[ดู Profile ทั้งหมด]
ให้ทิปเจ้าของ Blog [?]
 ฝากข้อความหลังไมค์
 Rss Feed

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