หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: CODE : ที่จำเป็น ?  (อ่าน 5555 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
Asimo
Hi5 น้องใหม่
*

Popular -1
ออฟไลน์ ออฟไลน์

กระทู้: 29


« เมื่อ: พฤษภาคม 19, 2009, 08:24:34 pm »

อย่าลืม ใส่ <style type="text/css"> Code  </style> ด้วยน้า

ทุกโค้ดได้มาจาก เพื่อน ๆ THAIHI5 นะคับ


CODE : Cunter

.vanity-bar div {background:url(URL Background) !important;}
.vanity-bar div div {background:url(URL Counter) !important;}
.vanity-bar div div img,.vanity-bar div img
{display:none;}

ถ้าจะให้มันเต็มทุกช่องก้อแค่ใส่ URL ภาพ ที่ URL Background ที่เดียวนะ

CODE : Icon-links

#user-links img {display: none}
#user-links a {list-style:url(URL) inside;display:list-item}

ภาพที่ใส่ควรมีขนาดไม่เกิน 40 นะคับ

CODE : online-now-icon

#online-now-icon
{ background: url(URL);
height: ความสูงpx;width: ความกว้างpx; _background: none; _filter:

progid:DXImageTransform.Microsoft.AlphaImageLoader(src=3D&amp;#39;
  URL;)) ;height:ความสูงpx;width: ความกว้างpx;}

#online-now-icon {background-image: url(URL);
width: ความกว้างpx; height: ความสูงpx;margin: 5px 0px 0px 0px;}

ใส่ URL ของถาพให้ครบทั้ง 3 ที่นะคับ


CODE : Comment Font  center

.section .comment-text {
TEXT-ALIGN: center;}

ตัวอักษรคอมเม้น อยู่กลางนะคับ

CODE : ใส่ภาพ Display ปลอมนะคับ

#user-picture {visibility: hidden}
#user-picture img {width: ใส่ความยาว px; height: ใส่ความสูง px}
#picture-links {visibility: transparent}
#about-left { background:url( ใส่URLของรูป ) transparent 60% 10% no-repeat; }

CODE : ใส่ภาพในกล่องคอมเม้นนะคับ

textarea {background-image:url(  Url ของรูป );
border-style: inset;
color:  สีของตัวอักษรเวลาพิมในกล่อง ;
height: ความสูง px ;
width: ความยาว  px ; }

CODE : รูป เพื่อนcomment อยู่ตรงกลาง

.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}

CODE :  สลับ  ย้ายคอมเม้นท์มาด้านซ้าย (รวมทั้งลิตเพื่อนและอัลบั้มภาพ)

table {direction:rtl;} table table table {direction:ltr;}

CODE :  Hidden ข้อความใน Comment / เอา เมาส์ ชี้ Show Comment

.subsection .comment {height:105px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}

CODE : ลบเส้นคั่นใน Comment

.listitem-separator {visibility: hidden;}

CODE : ใส่รูปแทนเส้นคั่น Comment

#comments .listitem-separator
{DISPLAY: block;background:url( ใส่URLของรูป ) !important;
HEIGHT: ใส่ความสูง px! important;background-repeat: no-repeat! important;background-position: center! important;}

Code : เปลี่ยนสีเส้นคั่น Comment

#comments .listitem-separator {background: # ใส่โค๊ตสี !important;}

Code : ตัวหนังสือใน comment

.section .comment-text {
TEXT-ALIGN: left ;
line-height: 15pt;
color:  #ใส่โค๊ตสี;
filter: glow(color= #ใส่โค๊ตสี, strength=5)
}

Code : ชื่อและจำนวนคนดูอยู่ตรงกลาง

#profile-name { TEXT-ALIGN: center;}

ถ้าจะลบชื่อออกไปเลย

.profile-nav .name strong {display:none}

ถ้าจะลบจำนวนคนดูออกไปนะครับ

.profile-nav .name span {display:none}

Code : ทำ hi5 ให้เป็น ขาว-ดำ

body{filter:gray}

เป็นการปรับ ให้ทั้งเวบเป็นสี ขาว- ดำ ทั้งหมด....

เห็นผลเฉพาะ Internet Explorer เท่านั้นครับ

Code : โค๊ดเมาส์เปลี่ยนได้ 2 แบบ

body {cursor: url(เมาส์ที่เราต้องการเวลาปกติครับ);}
a {cursor: url(เมาส์ที่เราต้องการเวลาชี้ที่ลิงค์นะครับ);}

Code : ทำคอมเม้นเลื่อนได้ (มีแถบเลื่อนได้)

#comments .window_content {
    overflow: auto;
    height: 500px;
    background: โค้ดสีพื้นหลัง;
}

Code : ใส่กรอบให้ สถิติ

#vanity-bars {border:solid #000000 1px}


double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!

Code : ทำกล่องคอมเม้นให้ใสเห็นพื้นหลัง

#search_text {color:black ; background-color:black ;}

Code : ทำตัวหนังสือคอมเม้นให้ห่างกัน

.comment-text { letter-spacing: 3px }

* ยิ่งใส่เลขมากยิ่งห่างมากนะคับ

Code : ลบชื่อเพื่อนท๊อปเฟรน

#.friend-name a {display:none}

Code : ใส่รูปที่ footer (ด้านล่างสุดของhi5)

#footer {background: url (ใส่ url ของรูป) no-repeat center center;
border: none; display: block; height: ใส่ความสูงของรูปpx;}
#footer *,#footer a,#ad_banner
{display: none;}

Code : ห้ามแสดงเครื่องเล่นเพลง และ Slide ในบล็อก Comment

#comments DIV.comment object {display: none;}

Code : เงาตัวอักษรช่องโปรไฟล์

#about-left{filter:shadow(color:red);}
#about-center{filter:shadow(color:green);}
#about-right{filter:shadow(color:yellow);}

เปลี่ยนสีได้นะคับ *

Code : ตัวหนังสือใน comment เรืองแสง

.section .comment-text {
TEXT-ALIGN: left ;
line-height: 15pt;
color: #ใส่โค๊ตสีอักษร;
filter: glow(color= #ใส่โค๊ตสีที่เรืองแสง, strength=5)
}

Code : เปลี่ยนตัวอักษรเป็นพิมพ์ใหญ่ทั้งหน้า

td,th,div,body,li,ul,p,table,head, {
text-transform: uppercase;}

ต้องเปงภาษาอังกิตนะคับถึงจะเห็น

Code : ใส่รูป, อักษร 


<a href=""target=_blank>
<img src="ชื่อ รูป" width=กว้าง height=สูง border="0" alt="">


<FONT color=สี size=ขนาด><center>ข้อความ </center></FONT>


Code : ข้อความวิ่งและเขียนเอง

   <font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี"> <marquee>ใส่ข้อความ</marquee></font>

Code : ข้อความเขียนเอง

   <font face="ชนิดตัวหนังสือ" size="3" color="#โค้ดสี">ใส่ข้อความ</font>

Code : โค้ดข้อความวิ่งมีพื้นหลัง

   <p><font color="#โค้ดสีตัวหนังสือ">
<marquee bgcolor="#โค้ดสีพื้นหลัง">ใส่ข้อความ</marquee></font></p>

Code : อักษรเลื่อน(จากขวามาซ้าย)และเป็นลิ้งค์ด้วย

   <MARQUEE direction=left>ข้อความด้านหน้าลิ้งค์<A href="Urlของลิ้งค์ ">ข้อความที่เป็นลิ้ง
z</A></MARQUEE>

Code : วิธีแต่งตัวอักษร

ตัวอักษรใหญ่ <strong>ข้อความ</strong>
ข้อความอยู่ตรงกลาง <center>ข้อความ</center>
ใส่ให้ตัวอักษร <font color="red">ข้อความ</font> สีกะตามศัพท์ที่เรารู้จัก
ตัวเอียง ครับ <em>ข้อความ</em>
ปรับขนาด เปลี่ยนตัวเลขเอานะ <font size="3">ข้อความ</font>
เปลี่ยนรูปแบบตัวอักษร <font face="Angsana New">ข้อความ</font>

Code : เปลี่ยนตัวอักษรใต้รูปดิสเพล

#user-links a {display:list-style-image;background:url();
border:solid   2px pink;
background-color: {display:none}
padding-left:25px;
font-size:12px; }

Code : ใส่กรอบให้หน้า Hi5

html { border-style: ใส่แบบของเส้นกรอบ;
border-width: ใส่ความหนาของกรอบpx;
border-color: ใส่สีของกรอบ; }

Code : ใส่ภาพ แทนที่ หัวข้อ ของส่วนต่างๆ

.section h1 {margin-top:10px;height:ความสูงของรูปpx;}

#recent-updates h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Update );
background-position:right;background-repeat:no-repeat;}

#lifestyle h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Life Style);
background-position:right;background-repeat:no-repeat;}

#interests h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Interests);
background-position:right;background-repeat:no-repeat;}

#journalDetail h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Journal);
background-position:right;background-repeat:no-repeat;}

#friends h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Friend);
background-position:right;background-repeat:no-repeat;}

#photoAlbums h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Photo Albums);
background-position:right;background-repeat:no-repeat;}

#user-fives h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Five);
background-position:right;background-repeat:no-repeat;}

#comments h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Comment);
background-position:right;background-repeat:no-repeat;}

#groups h1 { text-indent:-9999px;background: url(URL ของรูปที่ใช้แทนหัวข้อ Groups);
background-position:right;background-repeat:no-repeat;}

Code : ใส่กรอบโปรไฟล์ข้อมูลส่วนตัว

#about-left {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#about-center {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#about-right{border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}

รวมเป็นกรอบเดียว

#user-details .content {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}

Code : ใส่กรอบตรงขอมูล อายุ เพศ สถานะ

.info-box {MARGIN-TOP: 1.25em; LEFT: 6em;POSITION: relative ;TEXT-ALIGN: center ; color:#FFF; BORDER-RIGHT: #FFFFFF 3px double; PADDING-RIGHT: 6px; BORDER-TOP: #FFFFFF 3px double; DISPLAY: list-item; PADDING-LEFT: 6px; =
PADDING-BOTTOM: 2px; BORDER-LEFT: #FFFFFF 3px double; WIDTH: 235px; = PADDING-TOP: 2px; BORDER-BOTTOM: #FFFFFF 3px double; FONT-FAMILY: = Rockwell Condensed; LETTER-SPACING: 2px; BACKGROUND-COLOR: #000000}

แบบรวม

.info-box {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}

Code : ใส่กรอบส่วนต่าง ๆ

-Code กรอบภาพดิสเพล

#user-picture {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}

- Code ใส่กรอบ fives

#user-fives IMG  {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}

- Code ใส่กรอบ ให้กะส่วน interest ,comments, lifestyle, friends(รอบๆช่องของเพื่อนทั้งหมด)

#interests {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#comments {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#lifestyle {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}
#friends {border-style: ชนิดของกรอบ; border:ความหนาของเส้นกรอบpx;border-color: สีกรอบ;}

Code : ทำให้แถบสถิติห่างกัน

.subsection .vanity-title { font-size:18px }

Code : เปลี่ยนสีปุ่มคอมเม้น

input{

color:#FFFFFF;

border:1px solid #000000;

background-color: #000000;

padding: 0px 3px 0px 3px;

}











* แค่นี้ก่อนนะคับ และจะอัพเรื่อย ๆ คับ
« แก้ไขครั้งสุดท้าย: กรกฎาคม 14, 2009, 09:26:21 pm โดย Asimo » บันทึกการเข้า


Asimo
Hi5 น้องใหม่
*

Popular -1
ออฟไลน์ ออฟไลน์

กระทู้: 29


« ตอบ #1 เมื่อ: พฤษภาคม 19, 2009, 08:41:27 pm »

* อัพต่อนะคับ


CODE : Border-Display

#user-picture IMG {
BORDER-RIGHT: #FFFFFF 6px dotted;
BORDER-TOP: #FFFFFF 6px dotted;
BORDER-LEFT: #000000 6px dotted;
WIDTH: 100px;
BORDER-BOTTOM: #000000 6px dotted;
HEIGHT: 100px }

CODE : Point Border

a:hover {
border-width : 2px;border-style :
dashed;border-color : #FF99cc;}

CODE : Point Pic

a:hover, a.redlink:hover, a.navbar:hover {Filter:
Alpha(Opacity=20, FinishOpacity=0, Style=2, StartX=20, StartY=40,
FinishX=0, FinishY=0) font-size:8pt; color:#FFFFFF; text-decoration:none;
border:0px solid;} a:hover img {Filter: Alpha(Opacity=90,
FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);
border:0px solid;} a:hover{background:transparent url(URL)}

CODE : Background Album

.album  {
background: url(URL) top left no-repeat;height: 100;width: 100;}
.album img {top: 7px;left: 7px;right: 10px;bottom: 10px;}

CODE : Border Top Friend

.friend-picture {border: Dotted 1px #สี;}

double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!


CODE : Size Top Friend

.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: 7px}

CODE : Border Comment

.comment-picture {border: Dotted 1px #สี;}

double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!


CODE : Size Comment Pic

.comment-picture {height:100px !important;
width:100px;}
.comment-picture a img {width:100px; height:100px;}

CODE : เปลี่ยน SizaกะFontcomment

.section .comment-text {
  FONT-SIZE: 22px; FLOAT: none; MARGIN: 10px 0 0 15px; OVERFLOW: auto; WIDTH: 440px; COLOR: #โค๊ดสี ถ้าคัยสั่ยโค๊ดเรืองแสงแล้วมั่ยต้องสั่ยตรงนี้นะคับ; FONT-FAMILY: ชื่อ Font;
}

CODE : Divider

{ color:#FF6699; } .nametext { color:#FF6699; } #friends {padding-top:80px;
background-image:url(URL);
background-position:top center; background-repeat:no-repeat}
#p_center .bg_content table {background-image:none; }

CODE : Comment Box 2

textarea{width:327;height:170;
background:url(URL); Width: 337px; HEIGHT: 170px;
color=#FFCC00; }

CODE : Comment Box 1

color: #none;
  font:normal 14px tahoma;
  line-height:10px;
  text-decoration: none; }

 input, select, textarea, .textfield, .button {
  border: 2px Dotted  #FFFFFF;
  font:normal 14px tahoma;
background-image: url(URL);
  background-color: #CCFF33;
  color:#FFCC00;
  filter: alpha(style=5,opacity=90); }

CODE : Border 1

body {
border-color:#000000; border-width:2px; border-style:Dashed;
border-bottom-color:#000000;
border-left-color:#FFFFFF;
border-top-color:#000000;
border-right-color:#000000;
border-width: 19px;
border-style:Dashed;}

CODE : Border 2

html {border: #FFFFFF 15px outset}

CODE : ปีก คอมเม้น

.comment {background:url(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;}

เวปทามโค้ดเมาส์ตับ เข้าปัยเลือกกานเรย

www.lesla.com/diary/?u=july&d=20050614

www.zalim-code.com/cursor.htm

chat.yenta4.com/webboard/viewtopic.php?cate_id=103&post_id=1006882

www.meelink.com/webboard/data/8/0028-1.html
 
diary.yenta4.com/diary.php?luniko_oho:1:1:2006:204942

www.whenifallinlove.net/diary/diary.php?Piink-PoisonZ:14:2:2007:250746

CODE :  ใส่รูป Background พื้นหลัง  มี 4 แบบ

แบบที่ 1

พื้นหลังล็อกติด
และไม่ทำรูปซ้ำ

<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:fixed;
background-repeat: no-repeat; }
</style>

ส่วน ใหญ๋ ใชั กับ รูปภาพ BG เต็ม จอ พอ ดี



แบบที่ 2

พื้นหลังล็อกติด
และทำรูปซ้ำ

<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:fixed;
background-repeat:repeat; }
</style>

ส่วน ใหญ่ ใชั กับ รูปภาพ BG เล็ก ที่ ใช้ หลายๆ รูป จน เต็ม จอ



แบบที่ 3

พื้นหลังเลื่อนตามสกอบาร์
และทำรูปซ้ำ

<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat:repeat; }
</style>

ส่วน ใหญ๋ ใชั กับ รูปภาพ BG เต็ม จอ พอ ดี



แบบที่ 4

พื้นหลังเลื่อนตามสกอบาร์
และไม่ทำรูปซ้ำ

<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat: no-repeat; }
</style>

ส่วน ใหญ่ ใชั กับ รูปภาพ BG เล็ก ที่ ใช้ หลายๆ รูป จน เต็ม จอ  *

Code : ลบเส้นขอบ บลอคต่างๆ

<style type="text/css">
#user-details { border: none; }
.section .content { border: none; }
</style>




Code : ใส่เส้นขอบให้บลอคต่างๆ

<style type="text/css">
#user-details {border:5px double :#ใส่โค๊ตสี}
.section .content {border:5px double #ใส่โค๊ตสี}
</style>

เปลี่ยน ได้ ตาม ใจ ชอบ นะ

double = เส้นคู่
dotted = เส้นจุดประๆ
solid = เส้นตรงเรียบกริ๊บ!


Code : ลบ ชื่อ กับ วัน เวลา ที่ เม้ม

.comment div {visibility: hidden}

Code : ลบเส้นคั่นใน Comment

.listitem-separator {visibility: hidden;}








* และจะอัพเรื่อย ๆ นะคับ



บันทึกการเข้า
Asimo
Hi5 น้องใหม่
*

Popular -1
ออฟไลน์ ออฟไลน์

กระทู้: 29


« ตอบ #2 เมื่อ: พฤษภาคม 19, 2009, 08:51:43 pm »

* อัพต่อนะคับ

Code : ทำรูป profile อยู่ทางขวา

#user-details .content { DIRECTION: rtl }

Code :  ลบเส้น+ทำแถบให้ใส

#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; }

Code : ทำ scrollbar

html {
scrollbar-arrow-color: โค้ดสี;
scrollbar-face-color: โค้ดสี;
scrollbar-highlight-color: โค้ดสี;
scrollbar-3dlight-color: โค้ดสี;
scrollbar-shadow-color: โค้ดสี;
scrollbar-darkshadow-color: โค้ดสี;
scrollbar-track-color: โค้ดสี;
}

Code : รูป Profife อยู่ตรงกลาง

#about-left{position: relative;left: 27.5em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 27.5em;}

Code : ทำแถบ Header ให้ใสทุก box

#profile-name { background: none; }
#profile-nav,.section h1,.section h2
{ background-color: transparent; border: none; }

Code : แต่ง Content คือข้อมูลส่วนตัว

#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; }

Code : Online Icon

#online-now-icon {background:url(URL รูปไอคอน);
width:ความกว้างpx!important;
height:ความสูงpx!important;}

* อันนี้แบบใหม่คับใช้ได้เหมือนกัน

Code : Top riends ติดกัน + ปรับขนาด

.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}

Code : ชี้ลิ้งค์แล้วตัวอักษรมีขนาดใหญ่

     A:link {text-decoration: none; color:#FFFFFF}
     A:visited {text-decoration: none; color:#FF0066}
     A:active {text-decoration: none; color:#FF99CC}
     A:hover { font-variant: small-caps; font-size:18px; font-weight:bold; color:#FF0000;}








* และจะอัพต่อนะคับ
บันทึกการเข้า


Asimo
Hi5 น้องใหม่
*

Popular -1
ออฟไลน์ ออฟไลน์

กระทู้: 29


« ตอบ #3 เมื่อ: พฤษภาคม 19, 2009, 08:57:44 pm »

* อัพต่อนะคับ

Code : เปลี่ยนรูปทุกรูปใน page

แบบที่ 1 page เบลอๆ


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}




แบบที่ 2 จะเปลี่ยนเป็นสีเทา

a:link img {filter:none;}
a:visited img {filter:none;} a:hover img {filter:gray;}




แบบที่ 3 ด้านซ้ายไปขวา จากขวาไปซ้าย


a:hover img {filter:fliph;}




แบบที่ 4 อันนี้ต้องลองเอง


a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}




แบบที่ 5 page ใส


a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}




แบบที่ 6 ขาวดำ


a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;}



แบบที่ 7 เหมือน หิน
a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;}

Code : ลบ google ใน hi5

iframe {visibility: hidden}
#content-left iframe
{visibility: visible !important}

Code : กำหนดความกว้าง ซ้ายขวา

#content-left { width: 0px }
#lifestyle .subsection { width: 0px }
#interests .subsection { width: 0px }

#content-right { width: 0px }
#friends { width: 0px } #friends .subsection { width: 0px }
#photoAlbum .subsection { width: 0px }
#user-fives .subsection { width: 0px }
#comments { width: 0px }
.subsection .comment { width: 0px }
.commentEditor textarea {width:0px }
.comment-text
{ width: 0px !important; }

* ปรับที่เลข 0 นะคับ

Code : ลบหัวข้อ

#content-left h4{display:none}



* และจะอัพไปเรื่อย ๆ นะคับ
บันทึกการเข้า
Vallica
มนุษย์อาจแตกต่างกันในชนชั้น แต่เทียบเท่ากันในโลกแห่งความดี
Staff
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 114
ออฟไลน์ ออฟไลน์

เพศ: หญิง
กระทู้: 684


โลกต้องการคนฝันใหญ่ ฝันไกล และลงมือทำ!


เว็บไซต์
« ตอบ #4 เมื่อ: พฤษภาคม 19, 2009, 09:03:27 pm »

ในห้องสมุดก็มีคะ
บันทึกการเข้า

คลิ๊ก!
 
นู๋ฝนค่ะ
Hi5 ผู้เฉลียวฉลาด
**

Popular 9
ออฟไลน์ ออฟไลน์

กระทู้: 112



เว็บไซต์
« ตอบ #5 เมื่อ: พฤษภาคม 19, 2009, 09:54:01 pm »

เห้อๆ
คัยๆก้มีจิงๆ
แต่ก้ขอบใจนะ
บันทึกการเข้า
♥ 7 t h `…Cheese .,*
♥ เ ม๊ ฟ ขิ ง `…กิ๊ ว กิ้ ว .,*
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 2


ฮั a โ a `~ eiei ..*


เว็บไซต์
« ตอบ #6 เมื่อ: พฤษภาคม 30, 2009, 05:12:27 pm »

มีโค๊ต ที่แบบว่าคนอื่น กด คลิก ตรงรูปโปรไฟล์ แล้วดู อัลบั้ม ไม่ได้มั้ยคับ
บันทึกการเข้า

<img src="http://upic.me/i/ns/y1010.jpg" border="0"></a>


 ♥ เ ม๊ ฟ ขิ ง `…กิ๊ ว กิ้ ว .,*
[GURU] topzajr
Hi5 ราชันย์ผู้สูงส่ง
*****

Popular 36
ออฟไลน์ ออฟไลน์

เพศ: ชาย
กระทู้: 1,076


เบื่อ hi5


เว็บไซต์
« ตอบ #7 เมื่อ: พฤษภาคม 30, 2009, 05:27:48 pm »

โห มากมาย
บันทึกการเข้า


CSS คืออะไร พัฒนากันไป ได้แต่{display:none}


♂♪`LoveYou`
Hi5 น้องใหม่
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 28


น่าลั๊กอย่างมีสติ Sexแบบถี่ๆ ^^"


เว็บไซต์
« ตอบ #8 เมื่อ: พฤษภาคม 30, 2009, 08:45:40 pm »

.ช่ๆ

ธรรมดาจริงๆ อิอิ
บันทึกการเข้า

lukkwad
เข้ามาเพิ่มวิวให้หน่อยน้ะ ♥
Hi5 บัณฑิตใหม่
**

Popular 3
ออฟไลน์ ออฟไลน์

กระทู้: 167



เว็บไซต์
« ตอบ #9 เมื่อ: พฤษภาคม 31, 2009, 11:01:56 am »

คัยๆๆก้มีจิงๆ
บันทึกการเข้า

http://lukkwad123.hi5.com
สถานะ=ขี้เกียจสั่งของ TT! แต่อยากตอบ 5555 5 ♥ ไทยไฮไฟว์ ^^
แอดมาคุยกันนะ + เข้ามาเพิ่มวิว :D
Asimo
Hi5 น้องใหม่
*

Popular -1
ออฟไลน์ ออฟไลน์

กระทู้: 29


« ตอบ #10 เมื่อ: กรกฎาคม 14, 2009, 09:23:52 pm »

  - ขอบคุณทุกคอมเม้นคับ
บันทึกการเข้า


Asimo
Hi5 น้องใหม่
*

Popular -1
ออฟไลน์ ออฟไลน์

กระทู้: 29


« ตอบ #11 เมื่อ: กรกฎาคม 14, 2009, 09:28:18 pm »

<style type="text/css">   Code   </style>


ตัวอย่าง




<style type="text/css">
#schools {display:none;}
#groups {display:none;}
#videos {display:none;}
#widgets {display:none;}
#background {display:none;}
</style>



#about-left {display:none} ช่องที่มีรูปดิสเพลย์

#about-center {display:none} ช่องกลาง

#about-right {display:none} ช่องแถบสถิต

#journal-entries a.view-all {display:none} ลบลิ้งรายการสมุดบันทึก

#journal-entries h4 a {display:none} ลบลิ้ง View all ,Compose

#journal-entries h4 {display:none} ลบคำว่าJournal หรือ สมุดบันทึก

#hi5urlspan #newURL a {display:none} ลบลิ้ง Send it to...

#hi5urlspan #newURL {display:none} ลบตัวอักษรในบล้อก URL

#journal-entries {display:none} ลบบล้อกของ Journal หรือ สมุดบันทึก

#abuse-links a {display:none} ลบลิ้ง block user และ Report abuse ใต้รูปดีเพลย์

#todays-topic strong {display:none} ลบคำว่า Status:

#xabout-center span {display:none} ลบคำว่า Online Now

#todays-topic {display:none} ลบคำว่า Status: รวมข้อความ Topic

#todays-topic a {display:none} ลบคำว่าแก้ไขสถานะ หรือ Edit your status...

#user-info {display:none} ลบกล่องข้อมูลส่วนตัวตั้งแต่ อายุ-โรงเรียน

#user-info h4 {display:none} ลบหัวข้อ อายุ-โรงเรียน

#about-center nobr {display:none} ลบลิ้ง more about me...

#user-details { border: none; } ลบเส้นขอบ บลอคต่างๆ

#user-details .content {display:none} ลบกล่องข้อมูลส่วนตัวออกให้หมด

#p_nav_header{display:none} ลบ แถบ Log In , Search Bar

#profile-nav { background-color: transparent; } Header ใส

#profile-nav a {display:none;} ลบ Link ใต้ Head

.profile-nav .name span {display:none} ลบ View

.listitem-separator {visibility: hidden;} ลบเส้นคั่นระหว่าง Comment

.section .content { border: none; } ลบเส้นขอบ บลอคต่างๆ

.comment div {visibility: hidden} ลบ ชื่อ กับ วัน เวลา ที่ คอมเมนท์

.section h1 { background-color: transparent; border: none; } Header ใส

.section h2 { background-color: transparent; border: none; } Header ใส

.box_profile_connections {display:none!important} *ลบช่องว่างตรง Search Bar กับ Profile
*ใช้คู่กัน
.profile-nav {margin: 0 0 10px 0; padding: 0px 0 0 0!important;} *ลบช่องว่างตรง Search Bar กับ Profile

ลบอัพเดท

#recent-updates {display:none;}



ทุกอย่างอยู่ตรงกลาง ตั้งแต่ About Me ถึง Comment อยู่ตรงกลางทั้งหมดไม่ได้ลบอะไรออกเลย
<style type='text/css'>

#footer {display:none}

#col1 {position:relative;top: 0em!;left: 20.3em!;}

#col2 {position:relative;top: 70em!;left: -20.3em!;}

</style>

ลบแจ้งผู้ใช้กระทำผิด
#abuse-links { display:none; }


ลบดูข้อมูลทั้งหมด
#comments h2 { display: none; }



ลบเพื่อนที่มีเหมือนกัน
#common-friends { display:none; }



ลบอัพโหลดรูปภาพ!> เส้นคั่นใต้รูปดิสเพล
#picture-links { display:none; }

.subsection-separator { display:none; }



ลบส่งไปให้เพื่อนของคุณ
.blacktxt { display:none; }



ลบ url ของเรา
#newURL { display:none; }


ลบหัวข้อรายละเอียดส่วนตัว
box_profile_info_small_heading { display:none; }



เพิ่มระยะห่างของช่องตรง xabout-right
.subsection .vanity-title  { font-size:18px }


ลบข้อมูลผู้ติดต่อ
#contact-info {display:none;}


ลบ ดูเพื่อน เพื่อนโปรด แวดวงเพื่อน
#friends h2 { display:none; }


ซ่อนรูปเพื่อน คลิกทีโผล่
.friend {height:15px !important; }

.friend:hover {height:100% !important;overflow-y:auto;}




ซ่อนรูปดิสเพลเก่า ใส่รูปดิสเพลใหม่
#user-picture { background: url( ..url รูป.. ); background-position:top center;
background-repeat:no-repeat!important; border:none; }

#user-picture img {visibility: hidden}

#user-picture img { height: 150px;width: 150px; }



scrollbar ย้ายไปอยู่ด้านซ้าย
table {direction:ltr!;}  table table table table {direction:rtl!;}

body { direction: rtl!; }



ซ่อนส่วนของ Profile left=ส่วนซ้าย center=ส่วนกลาง right=ส่วนขวา
#xabout-left { visibility: hidden; }
#xabout-center { visibility: hidden; }
#xabout-right { visibility: hidden; }


ชิ้ลิ้งแล้วตัวอักษรใหญ่
A:hover { font-Comic Sans: small-caps; font-size:16px; font-weight:bolder; color:#FFFFFF;}


ชื่อ Profile อยู่ตรงกลาง + หัวข้อใต้ Profile อยู่ตรงกลาง
#profile-nav {text-align: center;}

#profile-name {text-align: center; color:#FFFFFF;}


ตัวอักษรทุกตัวอยู่ตรงกลาง *ยกเว้น ด้านบนตั้งแต่ใต้ชื่อโปรไฟล์ขึ้นไป
td{text-align:center}
บันทึกการเข้า
Asimo
Hi5 น้องใหม่
*

Popular -1
ออฟไลน์ ออฟไลน์

กระทู้: 29


« ตอบ #12 เมื่อ: กรกฎาคม 20, 2009, 05:34:50 am »

code คอมเม้นแปลก ๆ

<style type="text/css">
textarea {width: 339px !important; position: relative; left: 5em; top: 2em}
.commentEditorNew input {position: relative; top: 1.5em; left: 0.5em;}
#interests {text-align: left}
#hi5-common-header {visibility: hidden}
.comment-text {display: none;}
div#comments div.comment {float: left !important;clear: none !important;width: 24% !important; height: 10em;overflow: hidden}
div#comments  div.listitem-separator {display: none !important;clear: none !important;}
.comment-picture {visibility: visible !important}
.comment div {visibility: hidden}
.comment-text {visibility: visible !important}
.subsection .comment {position: relative; top: 2em; left: 3em}
.inputGo input {background: auto}
#comments .subsection {
height:550px
}
</style>
บันทึกการเข้า
MEMIINTZ
Memiintz
Hi5 นักปราชญ์
***

Popular 2
ออฟไลน์ ออฟไลน์

กระทู้: 271



เว็บไซต์
« ตอบ #13 เมื่อ: กรกฎาคม 21, 2009, 07:49:56 pm »

ฮู้แว้ว ว ว จ้า !

ขอบใจที่มาบอกต่อน้า 555 
บันทึกการเข้า

 

satrothai
Hi5 ผู้เริ่มต้น
*

Popular 0
ออฟไลน์ ออฟไลน์

กระทู้: 2


« ตอบ #14 เมื่อ: กรกฎาคม 21, 2009, 08:20:12 pm »

จัย  น้า คร้าบ   ๐๐๐






เเอเราด้วย น้า   ++   






http://masterarm.hi5.com 





แอดมาเยอะ   ๆ ๆ ๆ ๆ   เล้ย
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์
กระโดดไป: