|
xxnoomzaaxx!!เลวบริสุทธ์!!┬♥┴™
|
 |
« ตอบ #1 เมื่อ: พฤษภาคม 12, 2008, 09:38:27 pm » |
|
โค้ดซ่อนรูปอัลบั้มไว้หลังรูปอื่น <style type="text/css"> .album { background:url( urlของรูป );background-repeat:no-repeat; background-position: center center;} .album:hover {background:url( urlของรูป );} .album img {filter:alpha(opacity=0);} .album img:hover {filter:alpha(opacity=100);} </style>
โค้ดซ่อนรูปFiveไว้หลังรูปอื่น <style type="text/css"> #user-fives a:hover img {filter:none} .link_five img {display:none} .link_five img {margin-top: 5px;} .link_five {display: block;background: url( urlของรูป ) center center no-repeat;height: ความสูงpx;} .link_five:hover img {display: block;} .link_five .listitem-separator {display:none} </style>
โค้ดทุกอย่างอยู่ตรงกลาง <style type="text/css"> #photoAlbums {display:none} #recent-updates {display:none} #user-fives {position:relative;bottom: -0em;left: -20.2em;} #content-left {position:relative;bottom: -57.5em;left: 0em;} #friends {position:relative;bottom: -0em;left: -20.2em;} .friend-picture{height:ความสูงรูปเพื่อนpx} #photoAlbums {display:none} #recent-updates {display:none} #user-fives {position:relative;bottom: -0em;left: -20.2em;} #content-left {position:relative;bottom: -57.5em;left: 0em;} #friends {position:relative;bottom: -0em;left: -20.2em;} .friend-picture{height:100px !important;width:100px!important; margin-left:0px;border: none 0px; } .friend-picture img {height:100px !important;width:100px!important;margin-left: 6px} #p_nav_primary #nav_select {background-image:none;} #p_nav_header {background:none; border:none; } div#top_header {background:none; } #p_nav_primary { background: none; border:none; } #p_nav_header{display:none} .comment-picture {height:ความสูงรูปคอมเม้นpx!important; width:ความกว้างรูปคอมเม้นpx; border:ชนิดกรอบ #โค้ดสี ขนาดกรอบpx;} .comment-picture a img {width:ความกว้างรูปคอมเม้นpx;height:ความสูงรูปคอมเม้นpx;} #comments {position:relative;top: 70em;right: 30.5em; MARGIN-LEFT: -115px;MARGIN-right: -250px;width:907px;MARGIN-BOTTOM: 70em;} .comment-text {MARGIN-TOP: 6em; LEFT: 27em;POSITION: relative;} #comments h2 { text-align: center } #comments h1 { text-align: center } .comment-picture {MARGIN-TOP: 6em; LEFT: 33em;POSITION: relative;} .comment-picture {height:100px !important; width:100px;} .comment-picture {height:100px !important; width:100px;} #comments .subsection { background:url(none); } .comment-picture {MARGIN-TOP: 6em; LEFT: 31em;POSITION: relative;} .comment-text { TEXT-ALIGN: center} .comment-text {MARGIN-TOP: 6em; LEFT: 12em;POSITION: relative;} #comments h2 { text-align: center } #comments h1 { text-align: center } .section .comment-text { FONT-SIZE: 15px; FLOAT: none; MARGIN: 28px 0 0 13px; OVERFLOW: auto; WIDTH: 440px; COLOR: #; FONT-FAMILY: bold; } .comment { border: ชนิดกรอบคอมเม้น ขนาดpx #โค้ดสี; } .comment-text { letter-spacing: 8px } .comment {background:url(); background-position:226px 11px;background-repeat:no-repeat} .comment-text { background: url(none); border:ขนาดกรอบpx #โค้ดสี ชนิดกรอบในคอมเม้น;} #comments .subsection {border-style: ชนิดกรอบ; border: ขนาดกรอบpx;border-color: #โค้ดสี; } #comments .listitem-separator {background:url(urlรูปเส้นกั้นคอมเม้น) top center no-repeat !important; height:ความสูงpx !important;} .comment-picture {border: ชนิดกรอบ ขนาดpx #โค้ดสี;} #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>
โค้ดเฮดคลุมทั้งโปรไฟล์ (ต้องทำรูปก่อน) <style type="text/css"> #p_nav_header { background: url( urlของรูป )!important; background-repeat:no-repeat!important; border:none; width: 956px!important;margin-top:7px!important;height:82px} #new_header,#top_header , #primenu li.on,#p_nav_primary ,#nav_select{ background:none !important; border:none; } table#search_table tr td { vertical-align: left !important;} #search_table {direction:ltr !important} .box_profile_connections {display:none!important} .profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;} #profile-name {background-image:url( urlของรูป ); width:956px; height:383px;background-repeat:no-repeat; } #profile-nav {background:url( urlของรูป ) no-repeat;height:35px;} .sub_nav_link {color:#000000 !important} #user-details .content {background: url( urlของรูป );} #user-details{border:none !important;} #user-details .footer {display:none} </style>
โค้ดซ่อนคอมเม้น <style> .subsection .comment {height:100px !important;} .subsection .comment:hover {height:100% !important;overflow-y:auto;} </style>
โค้ดตัวหนังสือทั้งหน้าhi5และให้ตัวหนังสือห่างกัน <style type="text/css"> body,p {color: #โค้ดสีตัวหนังสือ;font-size: ขนาดpx;font-family:'ชนิดของตัวหนังสือ'; letter-spacing: ระยะห่างpx;} </style>
โค้ดลบช่องว่างระหว่างเสิร์ทบาร์กับเฮด <style> .box_profile_connections {display:none!important} .profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;} </style>
โค้ดใส่รูปตรงส่วนท้ายของข้อมูลโปรไฟล์ <style type="text/css"> #user-details .footer {background-image: url( urlของรูป ); display: block;height: ความสูงpx;} </style>
โค้ดใส่รูปตรงด้านล่างสุดของhi5 <style type="text/css"> #footer { background: url( urlของรูป ) no-repeat center center; border: none; display: block; height: ความสูงpx; } #footer *,#footer a,#ad_banner {display: none;} </style>
โค้ดชี้ลิ้งค์แล้วตัวหนังสือใหญ่ขึ้น <style type="text/css"> A:hover { font-variant: small-caps; font-size: ขนาดตัวหนังสือpx; font-weight: bold; color: #โค้ดสี; } </style>
โค้ดเปลี่ยนสีลิ้งค์ทั้งหมด(ชี้ลิ้งค์แบบใหม่!) <style type="text/css"> body { margin: 0px 0px; padding: 0px 0px} a:link { color: #ใส่สีลิงค์ที่ชอบ; text-decoration: none} a:visited { color: #สีลิงค์ที่คลิกแล้ว; text-decoration: none} a:active { color: #สีตอนกำลังจะคลิก; text-decoration: underline} a:hover { color: #สีตอนคลิกลิงค์; text-decoration: underline} </style>
โค้ดเปลี่ยนตัวอักษรคอมเม้นที่กล่องคอมเม้น <style type="text/css"> textarea{width:ความกว้าง;height:ความสูง;background:url("urlรูป"); color="โค้ดสี"; STRONG; font-family :แบบอักษร; font-size:ขนาดpt; </style>
โค้ดเปลี่ยนตัวอักษรตรงคอมเม้น <style type="text/css"> #comment_detail_border div{font-family:"แบบอักษร";font-size:ขนาดpt;} </style>
โค้ดชี้ลิ้งค์แล้วมีHIGHTLIGHT <style type="text/css"> a:hover { color:สีตัวอักษร; text-decoration:none; background:สีBG;} </style>
โค้ดเมาส์เป็นเครื่องหมายบวก <style type=text/css> body {cursor:crosshair;} </style>
โค้ดเปลี่ยนสีอักษรทั้งหน้าhi5 <style> td,th,div,li,ul,p {color: โค้ดสี;font-size: ขนาดpx;font-family: 'แบบตัวอักษร';} body,p {color: โค้ดสี;font-size: ขนาดpx;font-family: 'แบบตัวอักษร';letter-spacing:1px;} ment,p {color: โค้ดสี;font-size: ขนาดpx;font-family: 'แบบตัวอักษร';letter-spacing:1px; </style>
โค้ดใส่เอ็ฟเฟคที่เฮด <style type="text/css"> #profile-name { background-color: transparent; border: none ; background-color: โค้ดสี ; (*ควรเป็นสีพื้นๆจะได้เห็นเอ็ฟเฟคชัดๆ) color: #00FF00 ; height: ความสูงpx; width: ความกว้างpx;} </style> <style type="text/css"> #profile-name {background-image:url( urlของรูป ); color: #โค้ดสี ; height: ความสูงpx ; width: ความกว้างpx ;} </style>
โค้ดใส่BGตรงคอมเม้นมี2แบบ 1. ใส่BGเฉพาะข้อความคอมเม้น <style type="text/css"> .subsection .comment-text{border:none;background:url(urlของรูป);} </style> 2. ใส่BGครอบคลุมทั้งหมดของคอมเม้น(รวมชื่อ-วัน-เวลา+รูปคนคอมเม้น) <style type="text/css"> .section .comment-text{border:none;background:url(urlของรูป);} </style>
โค้ดเม้าท์เปลี่ยนได้2รูปแบบ <style type="text/css"> body {cursor: url( urlของเม้าท์เวลาไม่ได้ชี้ลิ้งค์ );} a {cursor: url( urlของเม้าท์ตอนที่ชี้ลิ้งค์ );} </style>
โค้ดเมื่อชี้ที่รูปคอมเม้นแล้วจะเปลี่ยนเป็นแบบต่างๆ (เอ็ฟเฟคชี้ลิ้งค์นั่นเองแต่นี่จะเปลี่ยนเฉพาะชี้ที่รูปคอมเม้นเท่านั้น)
ตัวอย่าง : นี่เป็นโค้ดเอ็ฟเฟคภาพจางพอเอาเม้าท์ไปชี้จะเป็นปกติ (*สามารถนำไปดัดแปลงใช้กับทุกเอ็ฟเฟคได้แค่เติมคำว่า .comment-picture ลงไปเท่านั้นเอง )
<style type="text/css"> .comment-picture IMG{ filter: Alpha(Opacity=100, FinishOpacity=0, Style=3, StartX=10, StartY=10, FinishX=0, FinishY=0) } IMG HOVER { filter: Blur(Add = 0, Direction = 225, Strength = 1) } A:HOVER IMG{ filter: Blur(Add = 0, Direction = 225, Strength = 1) } </style>
โค้ดต่อไปนี้เอาไปใส่เวลาเม้นหาเพื่อน หรือใส่ในช่อง"เกี่ยวกับฉัน"และ"ความสนใจเฉพาะ"นะคะ!!
โค้ดข้อความวิ่งและเขียนเอง <font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี"> <marquee>ใส่ข้อความ</marquee></font>
โค้ดข้อความเขียนเอง <font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี">ใส่ข้อความ</font>
โค้ดข้อความวิ่งมีพื้นหลัง <p><font color="#โค้ดสีตัวหนังสือ"> <marquee bgcolor="#โค้ดสีพื้นหลัง">ใส่ข้อความ</marquee></font></p>
โค้ดอักษรเลื่อน(จากขวามาซ้าย)และเป็นลิ้งค์ด้วย <MARQUEE direction=left>ข้อความด้านหน้าลิ้งค์<A href="Urlของลิ้งค์ ">ข้อความที่เป็นลิ้งค์z</A></MARQUEE>
|