สกิน Hi5 คลิกคลับ

เอาสกิน hi5 มาแจกครับ ตัวนี้ ทำเองกับมือเลย เป็นสกินคลิกไอ แล้วก็มีชื่อเว็บบอร์ดของคลิกคลับติดอยู่ด้วย
เอาไปลง hi5 ของคลิกคลับก็ได้ครับ

!สกินนี้ รองรับได้เฉพาะบราวน์เซอร์ IE7 กับ FireFox นะครับ ถ้าเป็น IE6 หรือต่ำกว่านั้น จะไม่สามารถรองรับลูกเล่นบางตัวได้
IE7 กับ FireFox มันสามารถ อ่านไฟล์ png ได้สมบูรณ์ที่สุด ซึ่งเป็นไฟล์ภาพที่โปร่งแสง ใช้ในการทำสกินนี้ครับ




css โค๊ต >>
-----------------------------------------------------------------
<style type="text/css">
#pageMessages div {display: none}
#pageMessages {filter:alpha(opacity=60); opacity: 0.6}
#pageMessages:hover {filter:alpha(opacity=100); opacity: 1.0}
#message-success {background:transparent !important; background-image:url([media]http://uppic.picpostza.com/im/message_bg.png[/media]) !important;}
#message-success #message-content h1 {color: #FFFFFF !important; no-repeat 5% 90% ;text-indent:-9000px;height:100px}
#message-success #message-content {height:90px; background:url(http://uppic.picpostza.com/ia/aghi5.png);
background-repeat:no-repeat;
padding-left: 100px;
float: none !important;
background-position: 5% 50%;filter:alpha(opacity=60); opacity: 0.6;}
#message-success #message-content:hover {filter:alpha(opacity=100); opacity: 1.0}
#message-success, #message-content, #message-error {display: block !important}
#message-error {background:transparent !important; background-image:url([media]http://uppic.picpostza.com/im/message_bg.png[/media]) !important;}
#message-error #message-content h1 {color: #ffffff !important}
#message-error #message-content {height:90px; background:url(http://uppic.picpostza.com/ia/aghi5.png);
background-repeat:no-repeat;
padding-left: 100px;
float: none !important;
background-position: 5% 50%}

#online-now-icon {background: url(http://uppic.picpostza.com/il/lon01.png); width: 20px; height: 20px;}
#xabout-center span {display:none}

body {background: url([media]http://uppic.picpostza.com/ib/body_bg.png[/media]) center top fixed #000000; cursor:url("http://www.blaze.th.gs/web-b/laze/hondaclicki/cursor.cur");}
a:link {color:#FFFFFF; text-decoration: none; filter: Alpha(Opacity=60); opacity: 0.6;}
a:active {color: #FFFFFF; text-decoration: none; filter: Alpha(Opacity=60); opacity: 0.6;}
a:visited {color: #FFFFFF; text-decoration: none; filter: Alpha(Opacity=60); opacity: 0.6;}
a:hover {color: #FFFFFF; text-decoration: none; size: 9px; filter: Alpha(Opacity=100); opacity: 1.0;}

#new_header {background: none;}
#p_nav_header {background:url(http://uppic.picpostza.com/im/mhtop.png); border:0px; width:100%; height:61px;}
#gohome {background:url(http://uppic.picpostza.com/ia/aghi5.png); position: relative;top:3px; height:56px; filter: Alpha(Opacity=50); opacity: 0.5;}
#gohome:hover {background:url(hi5.png); height:56px; filter: Alpha(Opacity=100); opacity: 1.0;}
#primenu {background:;}
#userstuff {}
#profile-name {background:url(http://uppic.picpostza.com/ih/head_01.png); height:488px; font:12px tahoma; text-align:center; color:#666666;}
#profile-nav {background:url(http://uppic.picpostza.com/id/dmenu.png); height:17px; font:12px tahoma; text-align:right; border:none;}
#user-details{border:none;}

#user-details .content {background:url(http://uppic.picpostza.com/ip/profile.png); height:381px;}
#about-left {width:50%; background:url(http://uppic.picpostza.com/ip/profile_pic2.png) center no-repeat}
#user-links img { position: relative;left:3px; width:20px;}
#user-links a {list-style:none inside; width:160px; background:url(http://uppic.picpostza.com/it/tb_01.png); position: relative;top:5em;left:12em;}
#user-picture img {display:none;}
#user .listitem-separator {visibility: hidden;}
#picture-links {display:none;}
.subsection-separator {display: none;}

#info-topleft {background:url(http://uppic.picpostza.com/it/topleft.png);}
#info-topmid {background:url(http://uppic.picpostza.com/it/topmid.png);}
#info-topright {background:url(http://uppic.picpostza.com/it/topright.png);}

#about-center {color: #333333;}

#todays-topic {color:#FFFFFF; background:url(http://uppic.picpostza.com/it/todaystopic.png);}

#about-right {display:none;}

#content-left { position: relative;top:-16px; width:469px;}

#recent-updates {display:none;}

.section h1 {padding: 0 0px; background-image: url(http://uppic.picpostza.com/is/sm2h1.png); height: 29px; repeat: no-repeat;
color: #333333; font-weight:normal; font-size:12px; padding-left: 15px;border:none; text-align:center; cursor:url("http://www.blaze.th.gs/web-b/laze/hondaclicki/loading.ani");}

.section h2 {background: url(http://uppic.picpostza.com/ii/27uh2.png); height: 21px; text-align:center; cursor:url("http://www.blaze.th.gs/web-b/laze/hondaclicki/loading.ani");}

.section .content {background-image: url(http://uppic.picpostza.com/io/og6h3.png);background-color: none;background-position: top;background-repeat: repeat-y;?
text-align: left;color: #666666;padding-left: 3px; cursor:url("http://www.blaze.th.gs/web-b/laze/hondaclicki/loading.ani");}

.section .footer {background-image: url(http://uppic.picpostza.com/if/footer.png);background-position: top;display: block;height: 51px;}
#user-details .footer {background:url(url) no-repeat;height:10px; cursor:url("http://www.blaze.th.gs/web-b/laze/hondaclicki/loading.ani");}

#lifestyle a:link {color: #666666;text-decoration:none}
#lifestyle a:active {color: #666666; text-decoration: none; }
#lifestyle a:visited {color: #666666; text-decoration: none; }
#lifestyle a:hover {color: #FFFFFF; text-decoration: none; background:#666666; font-size:11px;}

#interests a:link {color: #666666;text-decoration:none}
#interests a:active {color: #666666;text-decoration:none}
#interests a:visited {color: #666666;text-decoration:none}
#interests a:hover {color: #FFFFFF; text-decoration: none; background:#666666; font-size:11px;}

#groups {display:none}

#journalDetail a:link {color: #666666;text-decoration:none}
#journalDetail a:active {color: #666666;text-decoration:none}
#journalDetail a:visited {color: #666666;text-decoration:none}
#journalDetail a:hover {color: #FFFFFF; text-decoration: none; background:#666666; font-size:11px;}

#appId7977
#appId8527 {display:none;}
#view-all-apps {display:none;}

#widgets a:link {color: #666666;text-decoration:none}
#widgets a:active {color: #666666;text-decoration:none}
#widgets a:visited {color: #666666;text-decoration:none}
#widgets a:hover {color: #FFFFFF; text-decoration: none; background:#666666; font-size:11px;}

#content-right { position: relative;top:0em; width:469px;}

#gifts a:link {color: #666666;text-decoration:none}
#gifts a:active {color: #666666;text-decoration:none}
#gifts a:visited {color: #666666;text-decoration:none}
#gifts a:hover {color: #FFFFFF; text-decoration: none; background:#666666; font-size:11px;}

#common-friends a:link {color: #666666;text-decoration:none}
#common-friends a:active {color: #666666;text-decoration:none}
#common-friends a:visited {color: #666666;text-decoration:none}
#common-friends a:hover {color: #FFFFFF; text-decoration: none; background:#666666; font-size:11px;}

#friends a:link {color: #666666;text-decoration:none}
#friends a:active {color: #666666;text-decoration:none}
#friends a:visited {color: #666666;text-decoration:none}
#friends a:hover {color: #FFFFFF; text-decoration: none; background:#666666; font-size:11px;}
.friend-picture {height:70px; width:70px; border-color: #666666; margin-left: 0px; filter: Alpha(Opacity=50,FinishOpacity=0, Style=2, StartX=2, StartY=2, FinishX=0, FinishY=0); border:1px;}
.friend-picture:hover { filter: Alpha(Opacity=100,); border: #666666;}

#photoAlbums a:link {color: #666666;text-decoration:none}
#photoAlbums a:active {color: #666666;text-decoration:none}
#photoAlbums a:visited {color: #666666;text-decoration:none}
#photoAlbums a:hover {color: #cccccc; text-decoration: none; font-size:11px;}}
.album {background: url(http://uppic.picpostza.com/ip/photo_bg.png);height:115px;width:115px;}
.album img {width:80px; height:80px; display:run-in;}
.album img:hover {Filter: Gray) Alpha(Opacity=100); opacity: 1.0;; border:0px solid; width:100px; height:100px;}

#user-fives a:link {color: #666666;text-decoration:none}
#user-fives a:active {color: #666666;text-decoration:none}
#user-fives a:visited {color: #666666;text-decoration:none}
#user-fives a:hover {color: #cccccc; text-decoration: none; font-size:11px;}
#user-fives img { filter: Alpha(Opacity=70,);}
.link_five:hover img { height:45px; width:45px;}

#comments {text-align:center;}
#comments a:link {color: #666666;text-decoration:none; filter: Alpha(Opacity=100); opacity: 1.0;}
#comments a:active {color: #666666;text-decoration:none; filter: Alpha(Opacity=100); opacity: 1.0;}
#comments a:visited {color: #666666;text-decoration:none; filter: Alpha(Opacity=100); opacity: 1.0;}
#comments a:hover {color: #cccccc; text-decoration: none; font-size:11px;}
.commentEditor textarea {background:url(http://www.blaze.th.gs/web-b/laze/hondaclicki/comment.gif); border:0px; min-height:200px; width:400px; color:#333333; cursor:url("http://www.blaze.th.gs/web-b/laze/hondaclicki/pen.cur"); text-align:center;}
.commentEditor input {background:url(http://uppic.picpostza.com/ic/comment_b.png); border:0px; width:100px;}
.comment-picture {MARGIN-LEFT:6em;POSITION: relative; height:100px!important; width:100px; border:0px;}
.comment-picture a img {width:100px; height:100px;}
.comment-picture a img:hover {width:95px; height:95px;}
.listitem-separator {visibility: hidden;}
.section .comment-text {filter:Glow(color=#333333,strength=8);height:14;COLOR: #cccccc; text-align:center;}
</style>
-----------------------------------------------------------------

 

งุงิ โพสโค๊ต ลงกระทู้ยากจังเลยวุ้ย รูปโผล่อีกละ แต่ก็เอาลง hi5 คลิกคลับให้แล้วนะครับ
ใครอยากได้สกินก็ ติดต่อ tei_dog@hotmail.com หรือ tei1992.hi5.com ได้เลยครับ
ใครแกะเป็น ก็แกะไปลงได้เลยครับ ^^

 

ลงไม่เป็นอะ

 

สวยครับ

 

ดี ครับ สนับสนุน