ใส่สีเงาที่ต่างๆไม่ใช่เรืองแสงน๊า
รูปแบบของเงาใส่ได้ 2 แบบดังนี้
แบบ GLOW แบบเก่า
{filter:Glow(color=ใส่สีเอานะ,strength=5);}
แบบ SHADOW แบบใหม่สวยมากครับ
{filter:shadow(color=ใส่สีเอานะ,strength=5,direction=135);}
ส่สีเงาในส่วนคอมเม้นท์
<style>.section .comment-text {
TEXT-ALIGN: left;filter:Glow(color=#ff3300,strength=9);height:20;COLOR: #ff0000;}
</style>
ใส่สีเงาในส่วนของข้อมูลส่วนตัว
<style>.#about-left {filter:Glow
(color= #000000,strength=5);} </style>
<style>.#about-center {filter:Glow
(color= #000000,strength=5);} </style>
<style>.#about-right {filter:Glow
(color= #000000,strength=5);} </style>
ส่วน P nav_Header ด้านบนสุด (ฝั่งซ้าย)
<style>#primenu li a { float:left; color:สีตัวอักษร; text-decoration:none; padding:20px 5px 10px; display:inline; font-size:13px; font-weight: none;filter:glow(color=สีเงา,strength=6,face=chiller);}</style>
ส่วน P nav_Header ด้านบนสุด (ฝั่งขวา)
<style>#userstuff {color: สีตัวอักษร;filter:glow(color=สีเงา,strength=6);}</style>
** เงาจะคลุมทุกส่วน แต่สีตัวอักษรจะเปลี่ยนเฉพาะส่วน
ชื่อเพื่อนตรง top friends
<style>.friend-name {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>
ชื่อตรง Album
<style>.albumWrapper {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>
ชื่อเพื่อน วันที่ เวลา ตรงส่วนคอมเม้นท์
<style>.comment {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>
ชื่อสมุดเยี่ยม
<style>.journalHeader {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>
<style>.journalBody {filter:Glow(color=ใส่สีเอานะ,strength=5);}</style>
โค้ดซ่อนรูปอัลบั้มไว้หลังรูปอื่น
<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[/url]</MARQUEE>
