Change Font Color in Top Header
Posted by iPalm on
พฤษภาคม 17, 2008
เปลี่ยนสี Font ในส่วน Search Bar
หลังจากที่เราทำการเปลี่ยน ภาพพื้นหลังของแถบเมนูด้านบนสุดของ hi5 นะครับ จะเห็นได้ว่าตัวอักษรนั้นจะเป็นสีเทาทั้งหมด มองเห็นบ้างไม่เห็นบ้างกับ พื้นหลังบางอันนะครับ งั้นเรามาเปลี่ยนสีตัวอักษรตรงนี้กัน ไล่ใส่สีที่ต้องการด้วยโค๊ดชุดนี้ครับ
<style>
#top_header{color:#FFFFFF !important}
#top_header a.account_link { color: #FFFFFF; }
#top_header a.search_link { color: #FFFFFF; }
#top_header a.search_link_active { color: #FFFFFF; }
#top_header span { color: #FFFFFF !important; }
#p_nav_primary li#nav a { color: #FFFFFF; }
#p_nav_primary li#nav_select a { color: #FFFFFF; }
</style>
โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm
Mosaic Comment Picture
Posted by iPalm on
พฤษภาคม 17, 2008
ทำรูปคน Comment ให้เป็นภาพ Mosaic
เป็นโค๊ดที่ทำรูปภาพคนคอมเม้นให้เป็นภาพ Mosaic หรือภาพที่คล้ายโดนเซ็นเซอร์นะครับ พอเอาเมาส์ไปวางก็จะเห็นเป็นภาพปกต
<style>
.comment-picture img{filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=5);}.comment-picture a:hover img{filter:();} </style>ิ.comment-picture img{filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=5);}
.comment-picture a:hover img{filter:();
}
โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm
Space Between Us
Posted by iPalm on
พฤษภาคม 17, 2008
ลบช่องว่างระหว่าง Search Bar กับ Profile Name
วันนี้เอา code ลบช่องว่างระหว่าง search bar กับ Profile Name นะครับ เผื่อใครจะเอาไป ทำ Head ใหญ่รวม Search Bar ไปด้วย
<style>
.box_profile_connections {display:none!important}
.profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;}
</style>
โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm
tags: hi5, Hi5 Tips, hi5 trick, Space Between Us
No Comments
Turn to gray
Posted by iPalm on
พฤษภาคม 17, 2008
ทำ HI5 ให้เป้นขาว-ดำ
อันนี้เป็นการปรับทั้งหน้าให้เป็นขาว - ดำนะครับ
เหมาะสำหรับ สำหรับ คิดไม่ออก 555+
เอาเป็นว่าทำให้ขาว-ดำหมดเลยก็แล้วกัน
<style>
body{filter:gray}
</style>
เห็นผลเฉพาะ Internet Explorer นะครับ
โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm
tags: hi5, Hi5 Tips, hi5 trick, Turn to gray
No Comments
Big Comment Picture
Posted by iPalm on
พฤษภาคม 17, 2008
สร้างรูป Profile ปลอมให้ใหญ่ดังใจนึก
ขยายรูปของคนที่มาคอมเม้นท์ให้ใหญ่
เป็นขนาด 100 x 100 px ครับ
.comment-picture {
height:100px!important;
width:100px;border:solid #000000 1px;
}
.comment-picture a img {width:100px;height:100px;
}
โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm
tags: Big Comment Picture, hi5, Hi5 Tips, hi5 trick
No Comments
Picture in Comment Textbox
Posted by iPalm on
พฤษภาคม 17, 2008
ใส่ภาพพื้นให้กล่องกรอก Comment
โค๊ดการใส่ภาพลงในกล่องกรอกคอมเม้นท์นะครับ
คือส่วนที่เพื่อนเรากรอกข้อความคอมเม้นท์
เตรียมภาพขนาดเท่าไรก็ได้ครับ
แต่ไม่ควรกำหนดความกว้างเกิน 450px นะครับ
textarea {background-image:url(URL ของภาพ);
overflow:auto;height:ความสูงpx;width:ความกว้างpx;}
โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm
Change Navigator Header
Posted by iPalm on
พฤษภาคม 17, 2008
ใส่พื้นให้ Search Bar ด้านบน
เปลี่ยนรูปพื้นในส่วนของ Navigator Header หรือ Search Bar ด้านบนสุด นะครับ
เตรียมรูปขนาด 956 x 82 px ไว้นะครับ
#p_nav_header { background: url(URL ของภาพ)!important; background-repeat:no-repeat!important; border:none; width: 956px!important;
}
div#top_header { background:none;
}
#p_nav_primary { background: none; border:none;
}
#nav_select{background: none!important;
}
หรือถ้าจะซ่อนไปเลยก็
#p_nav_header {display:none}
โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm