|
มาเริ่มกันเรยยยยยยยยยจร้า
วิธีใส่โค๊ดนะจ้ะ
Profile >> My CSS Code >> กรอกโค้ดใส่ในช่อง CSS for Profile & User Page
1.โค๊ดHedder นะเจ้าค๊ะ^^
.dlooks-headerContent-picture-01,
.dlooks-headerContent-picture-02,
.dlooks-headerContent-picture-03{
width:960px; height:400px; float:left;
background-image:url( ตรงนิใส่ url ก๊ะ);
}
ปอลอ ความกว้าง 960 แต่ความสูงกำหนดได้เองนะจ๊ะ เอาพองามโน๊ะ หุๆ
2. โค๊ด BG ทั้งหน้านะจ๊ะ
.profile-page{ /* background ของทั้งหน้า */
background-image:url(ตรงนิใส่ url ก๊ะ);
background-repeat:repeat;
}
2.1 โค๊ด BG topfriends จ้ะ
.topMemberName{
background-image:url(URL รูป);
}
.topMemberPic{
background-image:url(URL รูป);
}
โค๊ด 2.1 เครดิต เวปมาสเตอร์ก๊ะ
3. โค๊ดกล่องคอมเม้นเจ้าค๊ะ^^
.textAreaProfileComment {
background-image:url( url รูปก๊ะ );
border:4px ridge ตรงนิใส่โค๊ะสีกรอบ ;
font-size:ตรงนิใส่ขนาดตัวอักษร pt;
font-weight:bold;
height:ความสูงของรูปpx;
width:ความกว้างของรูปpx;
}
.textAreaProfileComment {color:สีของอักษรที่เม้น}
เช่น
.textAreaProfileComment {
background-image:url(http://i272.photobucket.com/albums/jj189/jaaor/mentd-look.jpg );
border:4px ridge #000000;
font-size:15pt;
font-weight:bold;
height:292px;
width:436px;
}
.textAreaProfileComment {color:#FF0066}
3.1 โค๊ด ปุ่มคอมเม้นค๊ะ
input {color:สีอักษรจ้า; background-color:สีBG;border-style:รูปแบบกรอบ; border:ความหนาของกรอบpx;border-color:สีกรอบ;}
เช่น ข้างล่างนี้อันนี้เป็นโค๊ดที่เราใช้ในเพทก๊ะ ดูตัวอย่างได้ (แต่สีกับรูปแบบกรอบเราเปลี่ยนเพื่อให้เข้ากะสกินใหม่เราละน้า อิอิ)
input {color:#CC66FF; background-color:#000000;border-style:dashed; border:2px;border-color:#CC00CC;}
4. โค๊ดเมื่อชี้ link แล้วจะมีเอฟเฟคต่างๆ ตามรูปที่เราเอามาใส่ ตั้งค่าตัวเลขได้ตามใจนะ สำหรับอันนี้ดูตัวอย่างได้ในเพทเราก๊ะ!
a:hover img {Filter: Alpha(Opacity=20,
FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0);
border:0px solid;} a:hover{background:transparent url( url รูปก๊ะ)}
5. โค๊ด เมาส์ แบบ เปลี่ยนหน้าตาได้ 2 แบบ เมื่อนำมาชี้ link จ้ะ
body {cursor: url(url เมาส์หลัก);} a {cursor: url(url เมาส์ที่จะให้แสดงเมื่อชี้ link);}
หมายเหตุ link เมาส์ที่จะนำมาต้องเป็นนามสกุล ani เท่านั้นจ้าา
ตัวอย่างเวปจ้าา
http://www.hi5style.com/cursors.asp
http://www.myspacecursor.net/arrow-cursors.html
http://www.dressupmyspace.com/cuflowers.shtml
http://www.htmate2.com/cursors/index.php
http://www.totallyfreecursors.com/index.cfm
http://www.cursorpedia.com/
6.โค๊ะกรอบโปรไฟล์ของเราจ้ะ
6.1 กรอบนอกนะจ้ะ
html {border-style: inset; border:19px;border-color:#CC00CC;}
ปรับแก้ค่าต่างๆ และรูปแบบกรอบตามใจชอบนะจ้ะ
6.2 กรอบในจ้ะ
body { border-color:#CC66FF; border-width:2px; border-style:double;
border-bottom-color:#CC66FF;
border-left-color:#CC66FF;
border-top-color:#CC66FF;
border-right-color:#CC66FF;
border-width: 15px;
border-style:double; }
เหมือนเดิม ปรับแก้ค่าต่างๆ และรูปแบบกรอบตามใจชอบ ตัวอย่างนี้ คือ แบบที่เราใช้เองในเพทเราก๊ะ^^
7. สุดท้าย โค๊ดสกอบาร์จ้ะ
html {
scrollbar-arrow-color: #000000;
scrollbar-face-color: #666666;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #666666;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
}
ปรับแสงสีเสียงตามใจชอบเหมือนเดิมเร๊ยยยยยย เหมือนเดิมเด๊ หุๆๆๆ
Enjoy Ja^^
ขอให้สนุกกับ D-loOks เวอร์ชั่นใหม่นะจ้าๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ ยิ้ม^_______^
เครดิตบางส่วน จากมี่มี่ & คุณ เวปมาสเตอร์ เจ้าก๊ะ^__________^
เพิ่มเติมจ้า
วิธีใส่โค๊ด Profile >> My CSS Code >> กรอกโค้ดใส่ในช่อง CSS for Widget
1.โค๊ด comment เรืองแสงจ้าา อิอิอิ
.widget-profilecomment-content {TEXT-ALIGN: center;filter:Glow(color:ใส่สีของเงา,strength=5);
height:5;COLOR:สีของตัวอักษร;}
กำหนดค่าตัวเลขตามใจชอบน้าจ้ะ^^
2. Comment อยู่ตรงกลางค่ะ
.widget-profilecomment-content {TEXT-ALIGN: center;}
3. เมื่อเอา เคอเซอร์ไปชี้บริเวณ บล็อคอัพเดท และ ป็อบปุล่าบล็อค ในเพทเรา
BG ในส่วนนั้นจะใสกิ๊ง ทันที อิอิ
.widget-content-box:hover,
.widget-rssfeed-box:hover{
background:transparent
}
ปอลอ ดัดแปลงจากโค๊ดของ เวปมาสเตอร์ค๊ะ! แหะๆ เครดิตเต็มๆให้เวปมาสเตอร์ค่าา ^____^
| 
Comment 1:
ลืมมไปง่ะ
เครดิตบางส่วน จากมี่มี่ & คุณ เวปมาสเตอร์
ที่น่าเริฟฟนะก๊ะ อิอิอิ
ขอบคุณก๊าฟป๋ม
By : =☆ jA aOr ☆=, 12 เดือนที่แล้ว