Group Blog
 
 
กรกฏาคม 2554
 12
3456789
10111213141516
17181920212223
24252627282930
31 
 
26 กรกฏาคม 2554
 
All Blogs
 
Code แต่งบล็อก

1. โค๊ด บีจีทำซ้ำ เลื่อนขึ้น-ลง ตาม scrollbar
<*style>Body{background-image:url('URL ของบีจี');background-repeat:repeat;background-position:;-<*/style>

2. โค๊ด บีจีอยู่กับที่ไม่เลื่อนตาม scrollbar
<*style>body{background-attachment: fixed;background-image:url(URLของบีจี);}<*/style>


3. โค๊ด เปลี่ยนสีลิงก์ (สีของข้อความที่เป็นลิงก์ทั้งหมดภายในบล็อก)
<*style>A:hover{color:รหัสสีที่ 1;text-
decoration:none;position:relative;left:-1px;top:1;}A:link{color:รหัสสีที่ 2;text-
decoration:none;}A:visited{color:รหัสสีที่ 3;text decoration:none;<*/style>

4.ภาพเฮดบล็อก (ภาพที่แสดงด้านบนสุดของบล็อก)

<*center><*img border="0" src="ใส่ URL ของภาพที่จะใช้ค่ะ>"<*/center>

<*img src="ใส่ URL ของภาพที่จะใช้">

ถ้าต้องการให้ภาพแสดงอยู่กลางบล็อกก็ใช้โค๊ดนี้ค่ะ

<*center><*img src="ใส่ URL ของภาพที่จะใช้"><*/center>

ถ้าจะนำภาพไปแปะคอมเม้นต์เพื่อนๆ ในบล็อกแก๊งค์ ก็ให้ลบเครื่องหมาย " ออก ทั้งหัวและท้ายค่ะ

<*center><*img src=ใส่ URL ของภาพที่จะใช้><*/center>

5. โค๊ด เว้นวรรค คือ &*nbsp;

7.โค๊ดสำหรับทำบีจีแจก(ทำให้ทดลองคลิกดูลายบีจีได้เลย)
<*a href=javascript:document.body.style.backgroundImage='url("URL ของบีจี")';document.close();><*IMG src="URL ของบีจี"width="ความกว้างที่จะแสดง"height="ความสูงที่จะแสดง"border="0"><*/a>


8.โค๊ดให้คลิกดูภาพขนาดจริง (เมื่อคลิกจะแยกไปแสดงอีกหน้าเว็บเพจ)

<*a href="URL ของภาพ"target=_blank><*img src=URL ของภาพ width='ความกว้างที่จะแสดง'height='ความสูงที่จะแสดง'border=0><*/a>

9.เปลี่ยน Icon แทนตัว B ของ Bloggang

<*link rel="shortcut icon" type="image/icon" href="ใส่ URL ของรูป ที่ต้องการเปลี่ยน ที่นี่ค่ะ">

URL ของรูป จะใช้ .ico หรือ .gif ก็ได้ค่ะ

10.ใส่รูปให้กล่อง comment
<*style type=text/css>textarea{width:450;height:240;background:url( URL ของภาพที่ต้องการใส่);color=blue; font-family : tahoma; font-size:20pt; <*/style>
ปรับขนาดของกล่อง comment ตามใจชอบ ที่ width และ height หรือให้เท่าขนาดของรูปที่จะนำมาใส่
คำสั่งที่ใส่ใน script จะแสดงผลทุกบล็อก



ใส่กรอบ (Table) หลายๆแบบให้ข้อความ

ต้องการกรอบแบบไหนก็เปลี่ยนรายละเอียดได้ 3 ตำแหน่ง คือ
ความหน้าของกรอบ 2px
ชนิดของกรอบ dotted, dashed,solid, groove, ridge, inset, outset, double
สีของกรอบ red

<*center><*table style="border: 1px solid color code;"cellpadding="5"cellspacing="10"<*tr><*td>
<*center>ใส่รายละเอียดที่นี่<*/center><*/td><*/tr><*/table><*/center>



12.เปลี่ยนสี scroll bar

<*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>

Free TextEditor


Create Date : 26 กรกฎาคม 2554
Last Update : 26 กรกฎาคม 2554 8:53:54 น. 1 comments
Counter : 516 Pageviews.

 
ขอบคุณค่ะ

หามานานแล้วไอ้โค้ดเปลี่ยน Icon แทนตัว B ของ Bloggang


โดย: หนูลีลี วันที่: 14 กันยายน 2554 เวลา:9:21:11 น.  

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

mootan_shopping
Location :


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

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




Friends' blogs
[Add mootan_shopping's blog to your web]
Links
 

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