Change Font Color in Top Header

 เปลี่ยนสี 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

ทำรูปคน 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

ลบช่องว่างระหว่าง 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

Turn to gray

ทำ HI5 ให้เป้นขาว-ดำ 

อันนี้เป็นการปรับทั้งหน้าให้เป็นขาว - ดำนะครับ
เหมาะสำหรับ สำหรับ คิดไม่ออก 555+
เอาเป็นว่าทำให้ขาว-ดำหมดเลยก็แล้วกัน

<style>
body{filter:gray}
</style>

เห็นผลเฉพาะ Internet Explorer นะครับ

โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm

Big Comment Picture

สร้างรูป 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

Picture in Comment Textbox

ใส่ภาพพื้นให้กล่องกรอก Comment 

โค๊ดการใส่ภาพลงในกล่องกรอกคอมเม้นท์นะครับ
คือส่วนที่เพื่อนเรากรอกข้อความคอมเม้นท์
เตรียมภาพขนาดเท่าไรก็ได้ครับ
แต่ไม่ควรกำหนดความกว้างเกิน 450px นะครับ

textarea {background-image:url(URL ของภาพ);
overflow:auto;height:ความสูงpx;width:ความกว้างpx;}

โดย IaMMaI (พี่ใหม่) <— ไปเม้นให้พี่แกด้วยนะครับ
แวะมาเม้นให้ผมบ้างน่ะครับ iPalm

Change Navigator Header

ใส่พื้นให้ 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