กลับไปยังรายบอร์ด โพสต์ใหม่

[ แจก ] โค้ดทั้งหมด (จัดเป็นหมวดหมู่) // UPDATE 17 - 07 - 52


----------------------------------------- ส่วน ของ BG ------------------------------------------

Code : ใส่รูป Background พื้นหลัง  มี 4 แบบ 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 = เส้นตรงเรียบกริ๊บ!




-----------------------------------------  Search Bar ----------------------------------------



Code : เปลี่ยนสีตัวอักษรช่วง Search Bar ทั้งหมด

<style type="text/css">
#top_header{color:#ใส่โค๊ตสี!important}
#top_header a.account_link { color: #ใส่โค๊ตสี; }
#top_header a.search_link { color: #ใส่โค๊ตสี; }
#top_header a.search_link_active { color: #ใส่โค๊ตสี; }
#top_header span { color: #ใส่โค๊ตสี !important; }
#p_nav_primary li#nav a { color: #ใส่โค๊ตสี; }
#p_nav_primary li#nav_select a { color: #ใส่โค๊ตสี; }
</style>



Code : ทำ Search Bar ให้ใส

<style type="text/css">
#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; }
</style>




Code : เอา Search Bar ทั้งหมดออก

<style type="text/css">
#p_nav_header{display:none}
</style




-------------------------------------------- รูป ต่างๆ -------------------------------------------



Code : เปลี่ยนรูป Display ของเราให้ใหญ่ขึ้น


<style type="text/css">
#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; }
</style>




Code : เปลี่ยนรูป Display อยู่ตรงกลาง

<style type='text/css'>
#about-left{position: relative;left: 30em;}#about-right{position: relative;left: -52em;}#about-center{position: relative;left: 32em;}
</style>


Code : ซ่อนคอมเม้นท์
( จะแสดง.. ต่อเมื่อเอาเม้าไปโดนคะ  ) *

<style>
.subsection .comment {height:45px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
</style>


Code : เปลี่ยนรูปช่วง Comment ให้ใหญ่ขึ้น

<style type="text/css">
.comment-picture {height:100px!important;
width:100px;border:solid #000000 1px;} .comment-picture a img {width:100px;height:100px;}
</style>




Code : เปลี่ยนรูป Top Friend ให้ใหญ่

<style type="text/css">
.friend-picture{height:100px !important;width:85px!important;
margin-left:0px;border:solid #000000 1px; } .friend-picture img {height:100px !important;width:100px!important;margin-left: 7px}
</style>

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

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



Code : เปลี่ยนรูปทุกรูปใน page มีหลายแบบลองไปใช้ดู


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


<style type="text/css">
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>



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

<style type="text/css">
a:link img {filter:none;}
a:visited img {filter:none;} a:hover img {filter:gray;}
</style>



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

<style type="text/css">
a:hover img {filter:fliph;}
</style>



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

<style type="text/css">
a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;}
</style>



แบบที่ 5 page ใส

<style type="text/css">
a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;}
</style>



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


<style type="text/css">
a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;}
</style>



แบบที่ 7 เหมือน หิน

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>




------------------------------------------- i con ---------------------------------------------



Code : ที่เปลี่ยนไอคอนใต้รูป Display ของเรา


<style type="text/css">
#user-links img {display: none}
#user-links a {list-style:url(ใส่ URL ของรูป ) inside;display:list-item}
</style>



Code : เปลี่ยนรูปไอคอน  Online Now

<style type="text/css">
#online-now-icon
{ background: url( ใส่ URL ของรูป );
height: 50px;width: 50px; _background: none; _filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=3D&#39;
ใส่ URL ของรูป ;)) ;height:50px;width: 50px;}
#online-now-icon {background-image: url( ใส่URLของ รูป );
width: 50px; height: 50px;margin: 5px 0px 0px 0px;}
</style>




------------------------------------------ ส่วน ของ Comment   ---------------------------------------



จัดกลาง คอมเม้น

<style type="text/css">

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

</style>



Code : รูปในกล่องคอมเม้น

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



Code : ทำกรอบให้คอมเม้ม


<style type="text/css">  
.subsection .comment {background: url( ใส่ URL รูปภาพ );
border: inset 3px #ใส่โค๊ตสี ;
height: ความสูง px; overflow: auto;}
</style>


เส้นกรอบคอมเม้ม

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




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


<style type='text/css'>
.comment-picture {MARGIN-TOP: 6em; LEFT: 16em;POSITION: relative;}
</style>




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

<style type=text/css>
table {direction:rtl;} table table table {direction:ltr;}
</style>




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

<style type="text/css">
.subsection .comment {height:105px !important;}
.subsection .comment:hover {height:100% !important;overflow-y:auto;}
</style>




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

<style type="text/css">
.comment div {visibility: hidden}
</style>




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

<style type="text/css">
.listitem-separator {visibility: hidden;}
</style>




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

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




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

<style type="text/css">
#comments .listitem-separator {background: # ใส่โค๊ตสี !important;}
</style>



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

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


ตำแหน่ง ของ คอม เม้ม

left (ซ้าย)  / center (กลาง)  / right (ขวา)





-------------------------------------------- แถบ สถิติ ------------------------------------------




Code : เปลี่ยนแถบสีแสดง สถิติ

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


url รูปภาพลองไปใช้ดู

[img]http://image.[URL REMOVE].com/9/783888/11753865.gif[/img]

[img]http://image.[URL REMOVE].com/9/783888/11753867.gif[/img]

[img]http://image.[URL REMOVE].com/9/783888/11753869.gif[/img]

[img]http://image.[URL REMOVE].com/9/783888/11753861.gif[/img]

[img]http://image.[URL REMOVE].com/9/783888/11753859.gif[/img]




-------------------------------------------  header -------------------------------------



Code : ใส่รูปให้กับ header (อันแรก)


<style type="text/css">
#profile-name {background-image:url(Url ของรูป);
background-repeat:no-repeat;
color:#โค๊ตสี ตัวหนังสือ ;
height: ความสูง px;
width: 956 px;}
#profile-nav { background-color: #โค๊ตสี BG อัน ล่าง ; }
</style>




Code : ใส่รูปภาพให้กับ header ส่วน อื่นๆ


<style type="text/css">

.section h1 {background-image:url(Url ของรูป);
background-repeat:no-repeat;
color:#โค๊ตสี ตัวหนังสือ ;}
</style>



Code : ทำให้ header ใสมองทะลุได้ทุกอัน

<style type="text/css">
#profile-nav { background-color: transparent; }
.section h1 { background-color: transparent; border: none; }
.section h2 { background-color: transparent; border: none; }
</style>



----------------------------------------------  Link ------------------------------------------



Code : สำหรับชี้ลิ้งค์แล้วเปลี่ยน


- เป็นจุดสีชมพูวิบวับๆ

<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/12.gif'); }
</style>



- ไฮไลท์แว๊บๆ - แดง

<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/16.gif'); }
</style>



- ไฮไลท์แว๊บๆ - ดำ

<style type="text/css">
a:hover{background: url('http://www.ayw102.th.gs/web-a/yw102/hi5/17.gif '); }
</style>



- ไฟลุกขึ้นมา

<style type="text/css">
a:hover{background: url('http://www.ladylony.com/xox1.gif'); }
</style>





----------------------------------------  Five   -----------------------------------------



Code : ใส่รูปขอ Five

<style type="text/css">
#user-fives .subsection div {width:45px !important}
#user-fives .subsection .listitem-separator {display:block !important}
#user-fives .subsection {background:url( URLของรูปภาพ );
background-position:235px;
background-repeat:no-repeat
</style>




---------------------------------------------  ส่วน ประ กอบ อื่นๆ ---------------------------------------------



Code : ใส่กรอบให้หน้าเวป


มีทั้งหมด 4 แบบอ่ะ สามารถเปลี่ยนสีได้ตามใจชอบคับ

จะใส่ต่างกันทั้ง 4 ด้านก็ได้อ่ะคับ ^^


แบบที่ 1

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี 12px ridge;
BORDER-TOP: #ใส่โค๊ตสี    12px   ridge;   
BORDER-LEFT: #ใส่โค๊ตสี    12px ridge;
BORDER-BOTTOM: #ใส่โค๊ตสี   12px ridge }   
</STYLE>



แบบที่ 2

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี   12px solid;
BORDER-TOP: #ใส่โค๊ตสี    12px   solid;   
BORDER-LEFT: #ใส่โค๊ตสี    12px solid;
BORDER-BOTTOM: #ใส่โค๊ตสี   12px solid;}   
</STYLE>



แบบที่ 3

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี   12px  dotted;
BORDER-TOP: #ใส่โค๊ตสี   12px   dotted;   
BORDER-LEFT: #ใส่โค๊ตสี    12px dotted;
BORDER-BOTTOM: #ใส่โค๊ตสี   12px dotted;}   
</STYLE>



แบบที่ 4

<STYLE>     
html   
{  BORDER-RIGHT: #ใส่โค๊ตสี   12px  double;
BORDER-TOP: #ใส่โค๊ตสี    12px   double;   
BORDER-LEFT: #ใส่โค๊ตสี    12px double;
BORDER-BOTTOM: #ใส่โค๊ตสี    12px double;}   
</STYLE>



Code : เปลี่ยนสี 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>



----------------------------------------------- ชื่อและจำนวนคนดู  ---------------------------------------------


อันนี้คือ จัดกลาง และมีเงา
<style type="text/css">
#profile-name { TEXT-ALIGN: center;filter:Glow(color=สีของเงา,strength=10);height:10;COLOR: สีตัวอัษร;}
</style>


จัดกลางอย่างเดียว   ไม่มีเงา
<style type="text/css">
#profile-name { TEXT-ALIGN: center;}
</style>



ถ้าจะลบชื่อออกไปเลย<style type="text/css">
.profile-nav .name strong {display:none}
</style>


ถ้าจะลบจำนวนคนดูออกไปนะครับ
<style type="text/css">
.profile-nav .name span {display:none}
</style>




--------------- การเปลี่ยนรูปแทนส่วนต่าง ๆ(หัวข้อย่อยจะไม่ซ้ำรูปกันเลย  -------------

<style>

.section h1 {margin-top:10px;height:ความสูงนะคับpx;}

#recent-updates h1 { text-indent:-9999px;background: url(ตรงนี้เอา Url รูปมาใส่นะงับ);
background-position:right;background-repeat:no-repeat;}

</style>

โคทบนนี้เปนของ ตรงอัพเดทนะจ๊ะ
ส่วนของอันอื่น แบบนี้นะค๊ะ (เอาไปเปลี่ยนแทนตรง #recent-updates h1 )
#videos h1
#widgets h1
#common-friends h1
#lifestyle h1
#interests h1
#journalDetail h1
#friends h1
#photoAlbums h1
#user-fives h1
#comments h1
#groups h1

-------------------------------------- Code ลบโฆษณา   ------------------------------------

AD1.png
17-7-2009 13:50


<style type="text/css">
iframe {visibility: hidden}
#content-left iframe {visibility: visible !important}
</style>


-------------------------------------- Code ซ่อนข้อความเตือนของระบบ   ----------------------------------

แปลไทยว่า.JPG
17-7-2009 13:50


<style type="text/css">
.emptyProfileInfo {display:none}
</style>


-------------------------------------- Code เว้นวรรค ตั ว อั ก ษ ร   ------------------------------------

<style type="text/css">
.section .comment-text {
letter-spacing: 1.5px; }
</style>

ปล. ถ้าอยากได้กว้างอีกปรับเลขเอาได้นะค้ะ ๆ

-------------------------------------- Code ตกแต่งแถบ SearchBar   -----------------------------------

อันดับแรกก้อนี่เลย...โค้ดใส่รูปให้ Search Bar

div#hi5-common-header {
background-image: url(ใส่ลิ้งค์รูป);
background-repeat: no-repeat;
background-position: 6pt 0pt;
-x-system-font: none;
width: 100%;
height: ใส่ความสูงของรูปpx;
position: relative;}

ส่วนตรง 6pt คือระยะห่างจากด้านบน ปรับได้ตามใจชอบเลยจร้า

เปงไงสวยขึ้นมาหน่อยแระ


ต่อมาก้อ..นี้เลยเจ๋งสุดๆ โค้ดเปลี่ยนโลโก้
จากโลโก้ hi5 ก้อมาใส่รูปของเราเอง..อิอิ^^


div#hi5-common-header a#hi5-logo-type h1
{background-image: url(ใส่ลิงค์รูป);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0pt 8px; height:55px;width: 85px;}

ตรง ความสูง55 และ ความกว้าง 85 จะเปงขนาดที่ใหญ่สุดล่ะ
ถ้าจะให้เล็กลงก้อได้นะ..ก้อปรับตามsizeรูปเลย

โค้ดต่อไปก้อคือ..ทำให้ Search Bar ใสเหงBG

div#hi5-common-header
{background: none;
-x-system-font: none;}


ต่อมาก้อ..โค้ดเปลี่ยนสีและจัดตำแหน่งของหัวข้อhi5 ตั้งแต่คำว่า หน้าแรก-แอปพลิเคชั่น


div#hi5-common-header ul#hi5-header-menu li a
{letter-spacing: 0.1em;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
color: ใส่โค้ดสี;}

อธิบาย :
letter-spacing คือ ระยะห่างระหว่างตัวอักษร  แบบนี้  T E S T
padding-top คือ ระยะห่างจากด้านบน
padding-right คือ ระยะห่างจากด้านขวา
padding-bottom คือ ระยะห่างจากด้านล่าง
padding-left คือ ระยะห่างจากด้านซ้าย



แระต่อไปก้อ...โค้ดเวลาเอาเม้าท์ชี้ ที่หัวข้อของบรรทัดข้างบนอ่ะ
ไม่ว่าจะใส่รูป เปลี่ยนสี ปรับขนาด ทำให้มีเส้นขีดใต้ และตัวหนา ก้ออันนี้เลย


div#hi5-common-header ul#hi5-header-menu li a:hover
{background-image: url(ใส่ลิ้งค์รูป);background-repeat: repeat;
color: โค้ดสี;font-size: ขนาดpx;
text-decoration: underline;
font-weight: bold;}

อธิบาย : ตรง text-decoration ถ้าจะไม่ให้มีเส้นใต้ให้ใส่เปง none
ส่วน ถ้าไม่เอาตัวหนาก้อลบบรรทัดนี้ออก font-weight: bold;

ตัวอย่างสี
#FFFFFF สีขาว
#000000 สีดำ


929efcc08c.jpg
17-7-2009 13:50


ต่อไปก้อ...โค้ดเปลี่ยนสีและจัดตำแหน่งของหัวข้อhi5 ตั้งแต่คำว่า ออกจากระบบ-วิธีใช้


div#hi5-common-header ul#hi5-header-secondary-links
{list-style-type: none;
list-style-image: none;
list-style-position: outside;
float: right;
margin-top: ใส่ระยะห่างจากบนpx;
margin-right: ใส่ระยะห่างจากขวาpx;}
div#hi5-common-header ul#hi5-header-secondary-links li a {color: ใส่โค้ดสี;}


อันนี้เวลาเอาเม้าท์ชี้...

div#hi5-common-header ul#hi5-header-secondary-links li a:hover
{color: ใส่โค้ดสี ; text-decoration: underline;font-weight: bold;
background-image: url(ใส่ลิ้งค์รูป);background-repeat: repeat;}

(ขอบคุณ nickylucky)


-------------------------------------- Code ตกแต่งปุ่มคอมเม้นต์   -----------------------------------

.commentEditorNew form input {
    background: transparent url(ใส่ลิงค์รูป) center center no-repeat;
    color: #ffffff;
    overflow: hidden;
    width: 150px;
    height: 80px;
    padding: 0; margin: 0; border: 0;
    text-indent: -9999px;
    line-height: 9999px;
    cursor:pointer;}

-------------------------------------- Code โกงวิว ใช้ได้จริงค่ะ (แสดงผลใน IE8 และ FireFox เท่านั้น)  -----------------------------------


แก้จำนวนครั้งที่เข้าดู

<style type='text/css'>
#profile-name .section-name:after{content:"(xxx ครั้งที่เข้าดู)";font-size:10px;font-weight:normal;}
#profile-name span + span {display:none}
</style>

แก้แถบสถิติต่าง ๆ

( เพื่อน )


<style type='text/css'>
a[name="&lid=ProfileStats_Friends_SameUser"]:before{content:"xxx";}
a[name="&lid=ProfileStats_Friends_Visitor"]:before{content:"xxx";}
</style>

( คอมเม้นต์ )

<style type='text/css'>
a[name="&lid=ProfileStats_ProfileComments"]:before{content:"xxx";}
</style>

( ความคิดเห็นเกี่ยวกับรูป )

<style type='text/css'>
a[name="&lid=ProfileStats_PhotoComments"]:before{content:"xxx";}
</style>

( Five )

<style type='text/css'>
a[name="&lid=ProfileStats_Fives"]:before{content:"xxx";}
</style>

( ข้อความที่ฝากไว้ )

<style type='text/css'>
a[name="&lid=ProfileStats_ScrapbookEntries"]:before{content:"xxx";}
</style>


เลขที่ใส่แทน xxx นะคร้ะ เลขที่แทนนี้ จะไปแทนอยู่หน้าเลยปกตินะค้ะ

ตัวอย่างเช่น

ถ้าคุณมีคอมเม้นอยู่ 5000 คอมเม้น ถ้าแทน xxx ด้วยเลข 6 คอมเม้นคุณก็จะเป็น 65000

และเมื่อมีคนมาเม้นเพิ่ม มันก็จะเป็น 65001 65002 ( เนียนมากคร้ะ )



ขอบคุณ man-zii.hi5.com

-------------------------------------- Code ตกแต่ง success และ message error!  -----------------------------------

<style type='text/css'>#pageMessages div {display: none}

#pageMessages {filter:alpha(opacity=60); opacity: 0.6}

#pageMessages:hover {filter:alpha(opacity=100); opacity: 1.0}

#message-success {background:transparent !important; background-image:url(URL แบ๊คกราวน์) !important;}

#message-success #message-content h1 {color: #ff6699 !important;background:url(URL แบ๊คกราวน์) no-repeat 5% 90% ;text-indent:-9000px;height:100px}



#message-success #message-content {height:100px; background:url(url icon ตุ๊กตาตอนsuccess);
background-repeat:no-repeat;
padding-left: 100px;
padding-bottom: 10px;
border: 2px #ff6699 dashed;
background-color:transparent;
float: none !important;
background-position: 5% 50%;filter:alpha(opacity=60)}

#message-success #message-content:hover {filter:none }

#message-success, #message-content, #message-error {display: block !important}

#message-error {background: #fc7a9e !important; background-image: none !important;}

#message-error #message-content h1 {color: #ffffff !important}


#message-error #message-content {height:100px; background:url(Url icon ตุ๊กตาตอนerror);
background-repeat:no-repeat;
padding-left: 100px;
padding-bottom: 10px;
border: 5px #FFFFFF dashed;
background-color: #fc7a9e;
float: none !important;
background-position: 5% 50%}

</style>

โค้ดมันจะให้ใส่ภาพเป็นส่วน ๆแล้วมันจะไปประกอบกันเอง
แนะนำ ให้ทำตัวอักษรเป็นไฟล ที่มีพื้นหลังใส(ทรานพาเล้นซ์) เซฟเป็น .png แล้วมันจะสวยค่ะ
สีอักษรให้ตัด ๆ กะสีพื้นหลังหน่อยน้ะ ๆ ( มันแยกส่วนกันนะค้ะ ทำพื้นอันนึง ) ทำอักษรอันนึง

อันนี้ใครนึกภาพไม่ออก ( ดูตัวอย่างได้ที่ ไฮไฟวเค้กน้ะ )
ลองเม้นดูไม่ได้ล้อคไม่ใช่เฟรนด์ก็เม้นได้ คลิก

[ แก้ไขล่าสุด cakekiez เมื่อ 17-7-2009 14:23 ]
16

จำนวน

ปล. ตรงที่ มานเปนรุปไม่ขึ้น

ให้เอา url ของคุณ
มาใส่แทนน้ะค้ะ ๆๆ *
ขอบคุณมากๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆครับผม
1

จำนวน

  • dewtukkie

ขอบคุณมากๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆครับผม
1

จำนวน

  • dewtukkie

แทงมักมากเลยคร๊าฟ i01
i01 i01 i01 i01
1

จำนวน

  • dewtukkie

ใจมากมายเน้ออออ
ขอบคุงง้าบ ^^ i30 i30
1

จำนวน

  • earthkub

ตาลาย
เลือกไม่ถูกแหละค่ะ
ตอบทุกคนคะ

ไม่เปนไรน้า
ยินดีจ้า

อิอิ
อยากให้ไฮไฟวเพื่อน ๆ
สวย ๆกันทุกคนน้ะคะ ๆๆ **

1

จำนวน

  • dewtukkie

volkswagens

ว้าวววว ๆๆๆๆ
head.jpg
เข้าใจแล้วครับ
ขอบคุณมากๆๆๆ
...
ขอบจายมากๆค่า
ขอบคุงมากมายก่ายกองเปงยองใย
i30
ขอบคุงค่าที่เอาโค๊คมาฝาก

i22 i22 i22
1

จำนวน

ขอบคุงค่ะมีโค้ดตรึมเยย
กลับไปยังรายบอร์ด