Cara Buat Background Part 3
Saturday, 1 December 2012 | 18:27 |
0 candies
<style>
u
{ color: 996633; text-decoration:underline; border-bottom:2px solid FFAFAF; }
#header a
{ color: F57173; }.headerwarp { height:500px;text-align: center;padding:0; width: 1000px ; background: url(URL GAMBAR HEADER KORANG) ; background-repeat:no-repeat; color: transparent; }
body{
background-image: url(URL BACKGROUD BELAKANG);
background- transparent;
background-attachment: transparent;
color: #000000;
cursor:url(URL CURSOR), progress;
font-weight:none;
font-family: papyrus;
font-size: 12pt;
line-height: 10pt;
margin: 0px auto;
padding: 5px;
text-align: center;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-shadow-color: white;
scrollbar-3dlight-color: white;
scrollbar-arrow-color:FFAFAF;
scrollbar-track-color:white;
scrollbar-darkshadow-color:white;
}
#ubar {
width: 370px;
background-color: transparent;
background-image: url(URL BACKGROUD BELAH KIRI);
background-repeat: repeat;
font-family: papyrus;
color: #000000;
font-size: 12px;
text-align: center;
padding:2px;
}
#obar {
width: 1000px;
background-color: transparent;
background-image: url(URL BACKGROUD PELAWAT&TEMAN);
background-repeat: repeat;
font-family: papyrus;
color: #000000;
font-size: 12px;
text-align: center;
padding:2px;
}
#content {
background-color: transparent;
background-image: url(URL BACKGROUD BELAH KANAN);
background-repeat: repeat;
background-attachment:fixed;
font-family: NancysHand;
color: #FF0000;
font-size: 18px;
text-align: center;
padding:2px;
border-bottom:1px dashed #C2BBC4;
border-top:1px dashed #C2BBC4;
border-center:1px dashed #9A949C;
border-center:1px dashed #9A949C;
}
#tabs {
background-color: transparent;
text-align:center;
}
input, textarea {
background-image: url(URL BACKGROUD KOTAK PESANAN);
font-family: Nancyshand;
font-size: 18pt;
color:#000000;
border-style: dashed;
border-color:#999999;
border-width: 1px;
}
table, tr, td{
background-color: #none;
color: #996633;
font-family: Bell MT;
font-size: 10pt;
text-align: center;
border: #FFAFAF 0px solid;
}
.a1 {
border-bottom:1px dashed #996633;
}
.a2 {
font-family: tahoma;
font-size: 10pt;
line-height: 6px;
background:#fffafaf;
color:pink;
border-bottom:1px dashed #996633;
font-weight:none;
text-align:center;
text-transform:uppercase;
padding:5px;
}
a:link, a:visited, a:active {
color: #EDBD55;
cursor: url(), progress;
text-decoration:none;
}
a:hover {
color: #F0CF89;
cursor: url(URL CURSOR APABILA MENYENTUH LINK), progress;
border-radius: 4px;
-webkit-transition: 1s;
}
img{-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform:perspective(400px) rotateX(0deg);
-o-transform:perspective(400px) rotateX(0deg) ;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover{
-webkit-transform: perspective(400px) rotateX(360deg) ;
-moz-transform: perspective(400px) rotateX(360deg) ;
-o-transform: perspective(400px) rotateX(360deg);}
}
blockquote {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZbPZCM0HI9HPoUkUH0WF9Zds7J8E7KqQYQufvTLzi5pRZvcU4vuf4oTkT_dV3nVUyJU_I2SuJj_svYIdWCcZQTpY4-K19AKPR37jjj6L-HozCeLNDcsjFQRnyCYEI75oueG4R1FZALAmB/s1600/grey.png);
padding:10px;
border:3px solid #ffd5d5;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZbPZCM0HI9HPoUkUH0WF9Zds7J8E7KqQYQufvTLzi5pRZvcU4vuf4oTkT_dV3nVUyJU_I2SuJj_svYIdWCcZQTpY4-K19AKPR37jjj6L-HozCeLNDcsjFQRnyCYEI75oueG4R1FZALAmB/s1600/grey.png);
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #ffd5d5;
-moz-box-shadow: 0px 0px 8px #ffd5d5;
border-center: 15px solid #ffd5d5;
-webkit-transition: 1.5s;
}
}
.warningboyz99 {
font-family:Bell MT;
font-weight: none;
text-align:center;
font-size: 7pt;
background:white;
color:#996633;
line-height: 10pt;
border-center:0px dashed #FFAFAF;
padding:9px;
}
</style>
HANYE EDIT YANG TULISAN BERWARNE PINK SAHAJA :)
Dah Copy ??
kalau dahh , meh anys ajar care nak dapatkan code nye :)
nak dapat backgroud yang comel-ii n cantik-ii kat sini :-
http://www.glitter-graphics.com/gallery.php?categoryID=42
nak dapat cursor yang comel-ii kat sini :-
http://www.cursors-4u.com/animated/
1) tegok gambar contoh kat bawah :-
NI CARE UNTUK AMBIL CODE UNTUK BACKGROUD , TEMA , DAN BACKGROUD KOTAK PESANAN :)
NI CARE UNTUK AMBIL CODE CURSOR :)
2) korang boleh amek URL kat mane-ii sahaja web , contohnya : -
http://www.pimp-my-profile.com/
http://www.dolliecrave.com/
http://www.mysugarspace.com/
http://www.aidmyprofile.com/
http://www.cherrybam.com/
http://www.hot-lyts.com/
http://www.fillster.com/
http://www.snazzyspace.com/
Care Cari URL / CODE :: URL nya mesti bermula dengan '' http:// '' dan berakhir dengan '' gif , jpg , img , png '' yang tu salah satu je oke :)
contohnya ::- ( http://www.sadmuffin.net/cherrybam/myspacelayouts/animated/55.gif ) ni sebagai contoh URL/CODE
SIAP :D
SENANG KE SUSAHH ? KALAU DAH MAHIR NANTI SENANG JEE :)
ANYS PUN ADE ORANG TOLONG AJAR KAN :)
ape yang anys tahu , anys SHARE-ii lerr :)
kalau tak paham jugak ? INBOX anys okay ,tak pun ''warningboyz99'' :)
SELAMAT MENCUBA GUYS :)
credit to amoy anysLabels: Kawanlah
