Admin Admin
จำนวนข้อความ : 18 Join date : 12/09/2009 : 42
| เรื่อง: รวมCode มาตรฐานทั้งหมดที่ใช้ใน Hi5 จ้า Fri Sep 18, 2009 12:55 pm | |
| รวมโค้ดสำหรับแต่ง Hi5 เพิ่มเติมได้นะคะ
โค้ดใส่รูปหัวบน
<style type="text/css"> #profile-name {background-image:url(ใส่ URL รูปตรงนี้); width:956px; height:ความสูงpx} </style> ------------------------------------------------------
โค้ดลบแถบ log in
<style type="text/css"> #p_nav_header{display:none}</style>
-----------------------------------------------------------
โค้ดทำรูป profile อยู่ทางขวา
<style type="text/css"> #user-details .content { DIRECTION: rtl }</style>
----------------------------------------------------------------
โค้ดใส่ background
<style type="text/css"> body { background-image: url( ใส่ url รูป ) ; background-attachment: fixed ; background-repeat: repeat ; } </style>
------------------------------------------------------------------
โค้ดลบเส้น+ทำแถบให้ใส
<style type="text/css"> #user-details { border: none; } .section .content { border: none; } #profile-nav { background-color: transparent; } .section h1 { background-color: transparent; border: none; } .section h2 { background-color: transparent; border: none; } </style>
------------------------------------------------------------------------------------------------------------
โค้ดใส่รูปตรงกรอบ Comment
<style type="text/css"> textarea {background-image:url( ใส่ URL ของรูป ); border-style: inset; color: สีตัวอักษร ; height: ความสูง px; width: ความกว้างpx; } </style>
-------------------------------------------------------------------------------------------------------------
โค้ด ใส่รูป,อักษร
<a href=""target=_blank> <img src="ชื่อ รูป" width=กว้าง height=สูง border="0" alt=""> <FONT color=สี size=ขนาด><center>ข้อความ </center></FONT>
--------------------------------------------------------------------------------------------------------------
โค้ดทำให้ comment อยู่ทางซ้าย
<style type='text/css'> table {direction:rtl;} table table table {direction:ltr;} </style>
-----------------------------------------------------------------------------------------------------------------
โค้ดทำให้ รูปตรง comment ใหญ่ขึ้น
<style type="text/css"> .comment-picture {height:100px !important; width:100px;} .comment-picture a img {width:100px; height:100px;} </style>
-----------------------------------------------------------------------------------------------------------------
โค้ด ลบช่องที่ไม่ต้องการ อยากเอาอันไหนให้อยู่ก้อลบอันนั้นทิ้ง
<style type='text/css'> #friends {DISPLAY: none} #schools {display:none;} #groups {display:none;} #videos {display:none;} #widgets {display:none;} #background {display:none;} #recent-updates {display:none;} #photoAlbums {display:none;}
</style>
-------------------------------------------------------------------------------------------------------------------------
โค้ดทำ scrollbar
<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>
----------------------------------------------------------------------------------------------------------------------------
โค้ด รูป เพื่อนcomment อยู่ตรงกลาง
<style type='text/css'> .comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}
</style>
--------------------------------------------------------------------------------------------------------------------------- โค้ด รูป Profife อยู่ตรงกลาง
<style type='text/css'> #about-left{position: relative;left: 27.5em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 27.5em;}
</style> ---------------------------------------------------------------------------------------------------------------------------
Code ใส่พื้นหลัง + ลบเส้นขอบ
<style type="text/css">
body { background-image: url( ใส่ url ของรูป ) ; background-attachment: fixed ; background-repeat: repeat ; }
#user-details { border: none; } .section .content { border: none; }
</style>
-----------------------------------------------------------------------------------------------------------------
Code ใส่รูปในกล่อง comment
<style type="text/css">
textarea {background-image:url( ใส่ URL ของรูปนะคับ ); border-style: inset; color: สีของตัวอักษรเวลาที่พิม ; height: ความสูงของ CommentBox หน่วยเป็น px; width: ความกว้างไม่ควรเกิน 450px; }
</style>
---------------------------------------------------------------------------------------
โค้ดเม้า
<style type="text/css">
body {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บนหน้า page );} a {cursor: url( ใส่ url ของเม้าส์ จะแสดงเมื่อชี้เม้าส์บน link );}
</style>
---------------------------------------------------------------------------------------
Code ทำแถบ Header ให้ใสทุก box
<style type="text/css">
#profile-name { background: none; } #profile-nav,.section h1,.section h2 { background-color: transparent; border: none; }
</style> ------------------------------------------------------------------------------------
Code ทำให้แถบ Log in ให้หายไป
<style type="text/css">
#p_nav_header{display:none}
</style>
-------------------------------------------------------------------------------
Code ลบเส้นคั่นระหว่าง Comment
<style type="text/css">
.listitem-separator {visibility: hidden;}
</style>
-----------------------------------------------------------------------------
Code เปลี่ยนสีเส้นคั่น Comment
<style type="text/css">
#comments .listitem-separator {background: ใส่รหัสสี !important;}
</style>
-------------------------------------------------------------------------------
Code ขยายรูป display Comment
<style type="text/css">
.comment-picture {height:100px !important; width:100px;} .comment-picture a img {width:100px; height:100px;}
</style>
-----------------------------------------------------------------------------------
โค้ดแต่ง Content คือข้อมูลส่วนตัว
<style type="text/css">
#user-details .content { direction: RtL;} #about-left { direction: LtR; } #about-center{ direction: LtR; } #about-right { direction: LtR; } #about-left, #about-center, #about-right { border: outset #1c1c1c 10px; }
</style>
-------------------------------------------------------------------------
Code ใส่ Footer ด้านล่างอ่ะ
<style type="text/css"> #footer { background: url(ใส่ URL รูปภาพ) no-repeat center center; border: none; display: block; height: 50px; } #footer *,#footer a,#ad_banner {display: none;} </style>
----------------------------------------------------------------------------
Code ใส่รูป Header
<style type="text/css">
#profile-name {background-image:url(ใส่ URL รูปภาพ); width:956px; height:ความสูงของรูปภาพpx}
</style>
--------------------------------------------------------------------------------------------
โค้ดเปลี่ยนขีดสถานะ
<style type="text/css">
.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;} .vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;} .vanity-bar div div img,.vanity-bar div img {display:none;}
</style>
---------------------------------------------------------------------------------
Code ทำกรอบ box, bg ให้ Comment
<style type="text/css">
.subsection .comment {background: url(ใส่ URL รูปภาพ); border: inset 3px #c00000; height: ความสูงของ box px; overflow: auto;}
</style>
-----------------------------------------------------------------------------------------
โค้ดแถบสเกล แถบสีอ่ะ
<style type="text/css">
.vanity-bar div {background:url(ใส่ URL ภาพแถบพื้น) !important;} .vanity-bar div div {background:url(ใส่ URL ภาพแถบบน) !important;} .vanity-bar div div img,.vanity-bar div img {display:none;}
</style>
-----------------------------------------------------------------------------------------------
แก้ไขรูปภาพทั้งหมด
<style> 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>
เปลี่ยนรูปทุกรูปในpageให้เบลอๆ เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ ---------------------------------------------------------------------------------------------------------------------------- --- <style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>
เมื่อเอา mouse ชี้รูปจะเปลี่ยนเป็นสีเทา เอา mouse ออกจะเป็นปกติ ------------------------------------------------------------------------------------------------------------------------------ <style> a:hover img {filter:fliph;} </style>
เมื่อเอา mouse ชี้จะเปลี่ยนรูปจากด้านซ้ายไปขวา ------------------------------------------------------------------------------------------------------------------------------ <style> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>
ทำให้ภาพเป็นขาวดำ เมื่อเอาเม้าชี้ จะเป็นปกติ ------------------------------------------------------------------------------------------------------------------------------ <style> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>
รูปทุกรูปในจะกลืนไปกับ blackground เมื่อเอา mouseชี้รูปจะกลับเป็นปกติ ------------------------------------------------------------------------------------------------------------------------------- <style> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>
บอกไม่ถูก ดูเองละกัน ---------------------------------------------------------------------------------------------------------------------------
โค๊ดเปลี่ยนสี สกอบา
<style> html{ scrollbar-face-color: black; เปลี่ยนสีตามจัย scrollbar-shadow-color: 999966; เปลี่ยนสีตามจัย scrollbar-highlight-color: black; เปลี่ยนสีตามจัย scrollbar-3dlight-color: 999966; เปลี่ยนสีตามจัย scrollbar-darkshadow-color: black; เปลี่ยนสีตามจัย scrollbar-track-color: black; เปลี่ยนสีตามจัย scrollbar-arrow-color: 999966; เปลี่ยนสีตามจัย } </style>
------------------------------------------------------------------------------------------------------------------------
เปลี่ยนรูปในกล่องคอมเม้น
<style>
textarea {background-image:url( Url ของรูป ); border-style: inset; color: สีของตัวอักษรเวลาพิมในคอมเม้นท์ ; height: ความสูงของกล่อง Comment หน่วยเป็น px ; width: ความกว้างของกล่องไม่ควรเกิน 450 px ; }
</style>
----------------------------------------------------------------------------------------------------------------------------
เครดิต by ๐OปราสาทกุหลาบแดงO๐ - <My> จาก เด็กดี.com
โค๊ด hi5 กลับด้านครับ
<style> table {direction:rtl;} table table table {direction:ltr;} </style>
------------------------------------------------------------------------------------------------------------------------------
โค๊ด display รูปเพื่อนที่เม้นใหญ่ครับ
<style>.comment-picture {height:100px !important; width:100px;}.comment-picture a img {width:100px; height:100px;} </style>
-------------------------------------------------------------------------------------------------------------------------------
โค้ด รูป เพื่อนcomment อยู่ตรงกลาง
<style> .comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;} </style>
-----------------------------------------------------------------------------------------------------------------------------
โค๊ดคอมเม้นตรงกลาง
<style>.section .comment-text { TEXT-ALIGN: center} -----------------------------------------------------------------------------------------------------------------------------
Code รูป Profile อยู่ตรงกลาง
<style>#about-left{position: relative;left: 30em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 32em;}</style>
--------------------------------------------------------------------------------------------------------------------------- Code รูป profile อยู่ทางขวา
<style> #user-details .content { DIRECTION: rtl }</style> - อ้างอิงจาก :
- เคดิส K.สยามบิท
| |
|