- สมัครสมาชิกเมื่อ
- 10-5-2008
- เข้าระบบล่าสุด
- 19-10-2008
- ระดับการใช้งาน
- 0
- หัวข้อสำคัญ
- 0
- เครดิต
- -4
- จิตพิสัย
- -4
- แอ๊บแบ๊ว
- 0
- โพสต์แล้ว
- 166

|
บนโปรไฟลเป็นภาพใหญ่ ไม่มีกรอบ
<style type="text/css">
#profile-name
{background-image:url(URLของภาพ);
background-repeat:no-repeat;
height:ปรับตามสบายpx;
width:965px;}
</style>
*************************************
เปลี่ยนฟอนต์ทั้งหน้า
<style
type="text/css">
.section .comment-text {
FONT-SIZE: 22px;
FLOAT: none; MARGIN: 10px 0 0 15px; OVERFLOW: auto; WIDTH: 440px; COLOR: #โค๊ดสี
ถ้าใครใส่โค๊ดเรืองแสงแล้วไม่ต้องใส่ตรงนี้นะคะ; FONT-FAMILY: ชื่อ Font;
}
</style>
************************************************
เอาส่วนที่ไม่ต้องการออก
<style
type='text/css'>
#schools {display:none;}
#groups {display:none;}
#videos {display:none;}
#widgets {display:none;}
#background
{display:none;}
#recent-updates {display:none;}
#photoAlbums
{display:none;}
</style>
ส่วนที่ไม่ต้องการ
ไม่อยากเอาอันไหนออกก็ลบ
ทิ้ง
**************************************************
ใสกรอบที่รูปโปร์ไฟล์ของเรา
<style
type="text/css">
#user-picture img{border-style: dashed; border:
(ใส่เลข1-5เป็นขนาดของกรอบ)px; border-color:
โค้ดสี;}
</style>
***************************************
ไอคอนหัวข้อใต้โปรไฟล์(พวกที่
เป็น Change My skin)
<style type="text/css">
#user-links img
{display: none}
#user-links a {list-style:url(URLของภาพ)
inside;display:list-item}
</style>
*************************************
เอาแถบ
Log in ออก
<style type="text/css">
#p_nav_header{display:none}
</style>
*********************************************
ใส่รูปกลางโปรไฟล์
<style
type="text/css">
#about-center{direction:
ltr;
background-image:url(Url รูป);
background-position: 55%
100%;
background-repeat:no-repeat}
</style>
************************************
ใส่ปีกให้กับ
โปไฟล์
<style type="text/css">
#user-picture img {height: 150px
!important;
width: 120px;visibility: hidden;}
#about-left
{background:url(URL ของปีก) no-repeat 50%
0%;}
</style>
ภาพปีก
**********************************************************
ภาพขาวดำ
ชี้แล้วจะเป้นปกติ
<style type="text/css"> a:link img
{filter:gray);} a:visited img
{filter:gray();} a:hover img
{filter:none;}
</style>
*******************************************************
กรอบ
โปรไฟล์ 3ส่วน
<style type="text/css">
#about-left
{border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#about-right {border-style: ชนิดของกรอบ;
border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#about-center {
border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
</style>
ชนิดของกรอบนะคะ
dotted
dashed
solid
double
groove
ridge
inset
outset
********************************************
ใส่กรอบให้เพื่อนและกรอบ
Five ถ้าไม่เอาอันไหนก็ลบไป
<style
type='text/css'>
#friends {border-style: ชนิดของกรอบ;
border:ขนาดpx;border-color: โค้ดสี;}
#user-fives
{border-style: ชนิดของกรอบ; border:ขนาดpx;border-color:
โค้ดสี;}
</style>
*************************************
กรอบโปรไฟล์ รวมๆ
<style
type="text/css">
#user-details .content {border-style: ชนิดของกรอบ;
border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ; }
</style>
โค้ดสี
********************************************
ลบ ท้ายสุด
Footer
<style type="text/css">
#footer,#footer *,#footer
a,#ad_banner,
.channel_details
{display:none;}
</style>
***************************************************
ทำภาพดิสเพล์คนละภาพกะที่โชว์ในhi5
<style
type="text/css">
#user-picture {visibility:
hidden}
#picture-links {visibility: hidden}
#about-left {
background:url(ใส่urlของรูปที่เราจะโชว์แทนดิส) transparent 50% 30%
no-repeat;height:ความสูงpx;} ตัวเลข 50 กะ 30 คือค่าของแกน x y
ปรับค่าเอาตามชอบค่ะ
</style>
******************************************************
ใส่กรอบข้อมูลส่วนตัว
<style
type="text/css">
.info-box {border-style: ชนิดของกรอบ;
border:ความหนาของเส้นกรอบpx;border-color:
สีกรอบ;}
</style>
โค้ดสี
*****************************************************
เมาส์
<style
type="text/css">
body {cursor: url( ใส่ url ของเม้าส์
จะแสดงเมื่อชี้เม้าส์บนหน้า page );}
a {cursor: url( ใส่ url ของเม้าส์
จะแสดงเมื่อชี้เม้าส์บน link );}
</style>
เวปเมาส์
**********************************************************
ลบช่องว่างระหว่าง
search bar กับ Profile Name
<style>
.box_profile_connections
{display:none!important}
.profile-nav {margin: 0 0 10px 0; padding: 0px 0 0
0!important;}
</style>
*****************************************
ใส่รูปในส่วนของแถบล๊อกอิน
<style>
#p_nav_header
{ background: url(URL ของภาพ)!important; background-repeat:no-repeat!important;
border:none; width: 956px!important;}
div#top_header { background:none;
}
#p_nav_primary { background: none; border:none;
}
#nav_select{background: none!important;
}
</style>
*******************************************************
สกอร์บาร์
<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>
โค้ดสี
********************************************************
โค้ด รูป
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>
******************************************************
เกี่ยวกับคอมเม้นมั้งแหละหน๊า
ไม่เห็น
ข้อความคอมเม้น
<style>
.subsection .comment {height:105px
!important;}
.subsection .comment:hover {height:100%
!important;overflow-y:auto;}
</style>
***************************************************
ทอปเฟนร์ติดกัน
^^~
<style type="text/css">
.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}
</style>
**************************************************
ปุ่มเพิ่มคอมเม้น
<style
type="text/css">
input{
color:#111111;
border:1px solid
#222222;
background-color:#333333;
padding: 0px 3px 0px
3px;
}
</style>
#111111 - โค้ดสีอักษรที่ปุ่ม
#222222 -
โค้ดสีขอบของปุ่ม
#333333 -
โค้ดสีพื้นหลังของปุ่ม
**************************************************
ข้อความคอมเม้นอยู่ตรงกลาง
<style
type="text/css">
.section .comment-text {
TEXT-ALIGN:
center;}
</style>
************************************
รูปคอมเม้น
อยู่ตรงกลาง
<style type='text/css'>
.comment-picture {MARGIN-TOP:
6em; LEFT: 16em;POSITION:
relative;}
</style>
***********************************************************
คอมเม้นเรืองแสง
<style
type="text/css">
.section .comment-text
{
TEXT-ALIGN:left;
line-height: 15pt;
color:#111111;
border:0px
#222222
dashed;
filter:progid:DXImageTransform.Microsoft.Glow(color=#333333,strength=9);}
</style>
#111111
- สีอักษร
#222222 - สีขอบ
#333333 -
สีกรอบเรืองแสง
*****************************************************************
ลบเส้นคั่นระหวางคอมเม้น
<style
type="text/css">
.listitem-separator {visibility: hidden;}
</style>
ถ้าจะใส่ไลน์ ก็ไม่ต้องใส่
ลบเส้นคั่นระหว่างคอมเม้นนะค่ะ
***********************************************
โค้ดใส่ไลน์
<style
type="text/css">
#comments .listitem-separator
{DISPLAY:
block;background:url(URLของไลน์) !important;
HEIGHT:40px!
important;background-repeat: no-repeat! important;background-position: center!
important;}
</style>
เวปเลือกไลน์
*************************************************
เพิ่มขนาดรูปภาพคนคอมเม้น
ปรับเอาเลย
<style type="text/css">
.comment-picture a img
{width:150px; height:150px !important;}
.comment-picture {height:150px
!important;}
</style>
<style type="text/css">
.comment
{background:url();
background-position: 59px 50px;background-repeat:no-repeat;}
.comment-picture {MARGIN-TOP: 7.5em; LEFT: 16.6em;POSITION:
relative;}
.comment-picture {height:100px!important;
width:100px;border:none;}
.comment-picture a img
{width:100px;height:100px;border:none;}
</style>
โค้ดดาวชมพู
<style><!--BODY{cursor:url("");}-->
</style><a
href="[color=#636263>[url=http://www.dolliecrave.com/]http://www.dolliecrave.com</FONT][/url]"target=_blank><img
src=""border=0
alt="Cute Cursors from Dolliecrave.com"></a>
โค้ดน้องหมี
<style type="text/css">
body {cursor: url();
}
</style>
<a href="http://www.freefever.com/hi5"
target="_top"><img src="" alt="Free
hi5 Cursors" style="position:absolute; right:0px; top: 0px;"
border="0"></a>
I got my cursor from: <a href="" target="_top">hi5
Cursors <img src=""></a>
โค้ดผีเสื่อ
<style
type="text/css">
body {cursor: url();
}
</style>
<a href="http://www.freefever.com/hi5"
target="_top"><img src="" alt="Free
hi5 Cursors" style="position:absolute; right:0px; top: 0px;"
border="0"></a>
I got my cursor from: <a href="" target="_top">hi5
Cursors <img src=""></a>
โค้ดหัวใจชมพู
<style
type="text/css">body {cursor: url();
}</style>
โค้ดหมวก
<style type="text/css">body {cursor: url();}
</style><a
href="<FONT
color=#636263>[url=http://www.dressupmyspace.com/]http://www.dressupmyspace.com[/url]"target=_blank><img
src=""border=0
alt="Cursors from
DressUpMyspace.com"></a>
โค้ดรุปheraรอบhi5ค๊าฟมี4อย่างเอาเองลองนะ
<style
type="text/css">
#p_nav_header { background: 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();
width:956px;
height:383px;background-repeat:no-repeat; }
#profile-nav {background:url()
no-repeat;height:21px;}
.sub_nav_link {color:#FFFFFF
!important}
#user-details .content {background: url();}
#user-details{border:none
!important;}
#user-details .footer
{display:none}
</style>
<style
type="text/css">
#p_nav_header { background: 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();
width:956px;
height:554px;background-repeat:no-repeat; }
#profile-nav
{background:url()
no-repeat;height:21px;}
.sub_nav_link {color:#FFFFFF
!important}
#user-details .content {background: url();}
#user-details{border:none
!important;}
#user-details .footer
{display:none}
</style>
<style
type="text/css">
#p_nav_header { background: 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();
width:956px;
height:383px;background-repeat:no-repeat; }
#profile-nav {background:url()
no-repeat;height:21px;}
.sub_nav_link {color:#FFFFFF
!important}
#user-details .content {background: url();}
#user-details{border:none
!important;}
#user-details .footer
{display:none}
</style>
<style
type="text/css">
#p_nav_header { background: 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();
width:956px;
height:383px;background-repeat:no-repeat; }
#profile-nav {background:url()
no-repeat;height:21px;}
.sub_nav_link {color:#FFFFFF
!important}
#user-details .content {background: url();}
#user-details{border:none
!important;}
#user-details .footer
{display:none}
</style>
<style
type="text/css">
#p_nav_header { background: 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();
width:956px;
height:383px;background-repeat:no-repeat; }
#profile-nav {background:url()
no-repeat;height:21px;}
.sub_nav_link {color:#FFFFFF
!important}
#user-details .content {background: url();}
#user-details{border:none
!important;}
#user-details .footer {display:none}
</style> |
กระทู้แนะนำ:
|