Game-Mun.com

Social Network => Hi5 => ข้อความที่เริ่มโดย: gSR_ ที่ ธันวาคม 25, 2008, 08:46:55 PM



หัวข้อ: 108-1000 Code แต่ง hi5 ครับ ตอนที่1
เริ่มหัวข้อโดย: gSR_ ที่ ธันวาคม 25, 2008, 08:46:55 PM
ชี้ภาพแล้วกลับด้านๆ
<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>


หัวข้อ: Re: 108-1000 Code แต่ง hi5 ครับ ตอนที่1
เริ่มหัวข้อโดย: JayPrieto ที่ ธันวาคม 26, 2008, 07:17:46 PM
thank you ::2::


หัวข้อ: Re: 108-1000 Code แต่ง hi5 ครับ ตอนที่1
เริ่มหัวข้อโดย: iroyaxifuteku ที่ ธันวาคม 20, 2009, 10:55:45 PM
ขอบใจเน้อ....

ได้ความรู้ใหม่ๆเพียบเลย

จากที่ไม่รู้อะไรเลย


หัวข้อ: Re: 108-1000 Code แต่ง hi5 ครับ ตอนที่1
เริ่มหัวข้อโดย: ozojnauc ที่ กุมภาพันธ์ 10, 2010, 07:56:46 AM
ขอบคุนมากค้าฟ