เอาสกิน 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 คลิกคลับให้แล้วนะครับ ใครอยากได้สกินก็ ติดต่อ [email protected] หรือ tei1992.hi5.com ได้เลยครับ ใครแกะเป็น ก็แกะไปลงได้เลยครับ ^^
