ชี้ภาพแล้วกลับด้านๆ
<style type="text/css"> a:hover img {filter:fliph;} </style>
ใส่สกอบาร์ให้hi5
<style type="text/css">
html {
scrollbar-arrow-color: โค้ดสี;
scrollbar-face-color: โค้ดสี;
scrollbar-highlight-color: โค้ดสี;
scrollbar-3dlight-color: โค้ดสี;
scrollbar-shadow-color: โค้ดสี;
scrollbar-darkshadow-color: โค้ดสี;
scrollbar-track-color: โค้ดสี;
}
</style>
ย้ายรูปโปรไฟล์มาตรงกลาง
<style type="text/css">
#about-left { position: relative;left: 40%; }
#about-center { position: relative;left: 40%; }
#about-right { position: relative;right:65%; }
</style>
เอาส่วนที่ไม่ต้องการออก
<style type="text/css">
#Quantcast{display:none;}
#user-info {display: none;}
#p_nav_header {display:none;}
#hifi5 {display:none;}
#user-details {display:none;}
#user-fives {display: none;}
#todays-topic {display: none;}
#journal-entries {display: none;}
#journal {display: none;}
#groups {display: none;}
#schools {display: none;}
#videos {display: none;}
#recent-updates {display: none;}
#widgets {display: none;}
</style>
ถ้าใส่ไปหมดนี้มันจะหายหมดเลยนะ - -*
เพราะงั้นเลือกแค่บางอันก็พอคับ อยากเอาส่วนไหนออกก็เลือกเฉพาะส่วนนั้น
อันไหนที่ไม่อยากเอาออกก็ไม่ต้องใส่
ลบ view
<style type="text/css">
.profile-nav .name span {display:none}
</style>
ทำท๊อปเฟรนให่ติดกัน
<style type="text/css">
.friend-picture{height:100px !important;width:100px!important;
margin-left:0px;border: none 0px; }
.friend-picture img {height:100px !important;width:100px!important;margin-left: 6px}
</style>
รุปเพื่อนที่คอมเม้นอยุ่ตรงกลาง
<style type='text/css'>.comment-picture {MARGIN-TOP:
6em; LEFT: 16em;POSITION: relative;}</style>
แบบที่ 1
พื้นหลังล็อกติด
และไม่ทำรูปซ้ำ
<style type="text/css">
body {
background-image: url(http://img.thzhost.com/i/1r/jamer1.jpg) ;
background-attachment:fixed;
background-repeat: no-repeat; }
</style>
ส่วน ใหญ๋ ใชั กับ รูปภาพ BG เต็ม จอ พอ ดี
แบบที่ 2
พื้นหลังล็อกติด
และทำรูปซ้ำ
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:fixed;
background-repeat:repeat; }
</style>
ส่วน ใหญ่ ใชั กับ รูปภาพ BG เล็ก ที่ ใช้ หลายๆ รูป จน เต็ม จอ
แบบที่ 3
พื้นหลังเลื่อนตามสกอบาร์
และทำรูปซ้ำ
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat:repeat; }
</style>
ส่วน ใหญ๋ ใชั กับ รูปภาพ BG เต็ม จอ พอ ดี
แบบที่ 4
พื้นหลังเลื่อนตามสกอบาร์
และไม่ทำรูปซ้ำ
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat: no-repeat; }
</style>
ส่วน ใหญ่ ใชั กับ รูปภาพ BG เล็ก ที่ ใช้ หลายๆ รูป จน เต็ม จอ
โค้ด ลบเส้นขอบ บลอคต่างๆ
<style type="text/css">
#user-details { border: none; }
.section .content { border: none; }
</style>
โค้ด ใส่เส้นขอบให้บลอคต่างๆ
<style type="text/css">
#user-details {border:5px double :#ใส่โค๊ตสี}
.section .content {border:5px double #ใส่โค๊ตสี}
</style>
ส้ม = เปลี่ยน ได้ ตาม ใจ ชอบ นะ
double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!
-------------------- Search Bar -------------------
โค้ดเปลี่ยนสีตัวอักษรช่วง Search Bar ทั้งหมด
<style type="text/css">
#top_header{color:#ใส่โค๊ตสี!important}
#top_header a.account_link { color: #ใส่โค๊ตสี; }
#top_header a.search_link { color: #ใส่โค๊ตสี; }
#top_header a.search_link_active { color: #ใส่โค๊ตสี; }
#top_header span { color: #ใส่โค๊ตสี !important; }
#p_nav_primary li#nav a { color: #ใส่โค๊ตสี; }
#p_nav_primary li#nav_select a { color: #ใส่โค๊ตสี; }
</style>
ลบแถบlog
<style type="text/css"> #p_nav_header{display:none}</style>
รูป ต่างๆ
โค้ด เปลี่ยนรูป Display ของเราให้ใหญ่ขึ้น
<style type="text/css">
#user-picture img {height: 180px !important;
width: 130px;visibility: hidden;}
#about-left {background:url( ใส่ URL ของรูปภาพ ) no-repeat 50% 0%;} }
</style>
โค้ดเปลี่ยนรูป Display อยู่ตรงกลาง
<style type='text/css'>
#about-left{position: relative;left: 30em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 32em;}
</style>
โค้ดเปลี่ยนรูปช่วง Comment ให้ใหญ่ขึ้น
<style type="text/css">
.comment-picture {height:100px!important;
width:100px;border:solid #000000 1px;} .comment-picture a img {width:100px;height:100px;}
</style>
โค้ด เปลี่ยนรูป Top Friend ให้ใหญ่
<style type="text/css">
.friend-picture{height:100px !important;width:85px!important;
margin-left:0px;border:solid #000000 1px; } .friend-picture img {height:100px !important;width:100px!important;margin-left: 7px}
</style>
double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!
โค้ดเปลี่ยนรูปทุกรูปใน page มีหลายแบบลองไปใช้ดูคับ
แบบที่ 1 page เบลอๆ
<style type="text/css">
a:link img {filter:blur(add = 0, direction = 225, strength = 10);}
a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}
</style>
แบบที่ 2 จะเปลี่ยนเป็นสีเทา
<style type="text/css">
a:link img {filter:none;}
a:visited img {filter:none;} a:hover img {filter:gray;}
</style>
แบบที่ 3 ด้านซ้ายไปขวา จากขวาไปซ้าย
<style type="text/css">
a:hover img {filter:fliph;}
</style>
แบบที่ 4 อันนี้ต้องลองเอง
<style type="text/css">
a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}
</style>
แบบที่ 5 page ใส
<style type="text/css">
a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}
</style>
แบบที่ 6 ขาวดำ
<style type="text/css">
a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;}
</style>
แบบที่ 7 เหมือน หิน
<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
ลองดูนะ
<style> td,th,div,body,li,ul,p {
color: #999999;
font-size:8pt;
font-family: ''MS Sans Serif'', ''Microsoft Sans Serif'',sans-serif;
} </style><style>A:link{color:#8F8F8F;text-decoration:none;}
A:visited{color:#999999;text-decoration:none}
A:hover{color:#999999;text-decoration: none;}</style><style> a:link img {filter:gray;}
a:visited img {filter:gray;}
a:hover img {filter:;} </style>
.gif)
