Friendster Tricks and Tutorials

udah btul lagi kok....

hhh,,,,

ada yg mw blajar bwat fs layout secara manual gaaa???? :|
 
-_-

mksdnya ya gak automatic kayak cara km bwat fs subhan....

kita blajar code yg simpel2 dulu yaa! ;D

oke?
 
nih,

untuk membuat FS layout,

pertama2 kita harus membuat code body dulu....

mksdnya background dulu....

lagian, biasanya,
jika kita liat FS layout, kita pasti liat background nya dulu kan?

oke deh,,,,

ini pasti mudah dimengerti, hanya butuh sedikit pengertian dalam bahasa inggris :D

jadi gini

Code: 
body {
background-image: url(taroh url gambar yg kamu mau disini XD);
background-color: #ffffff;
background-attachment: fixed;
background-position: center center;
background-repeat: repeat-x;
}

dari code diatas, kita bisa mengambil banyak kesimpulan...

kalo ada yg gak ngerti, tanya ya anak2?? :D
 
setiap perintah kita harus kasih tanda { dan } kayak buka kurung dan tutup kurung....

ngerti ya?


trz,
setiap bagian (part) harus dilengkapi dengan tanda titik dua dan titik koma

: dan ;
 
Code: 
background-image: url(taroh url gambar yg kamu mau disini XD);

yang part ini bisa ya?
ngasih url gambar doank kan cepil yaah?
jadi kayak gini

Code: 
background-image: url(http://dl6.glitter-graphics.net/pub/426/426396co86hhn7kj.jpg);

bisa yaaa???
 
Code: 
background-color: #ffffff;

ginian jg pasti ngerti lah....
cuma background-color nya warnya apa, misalkan ganti jadi pink, ato merah, biru, dll...

oh ya, pasti pada penasaran mksdnya #ffffff ?

itu sebenarnya warna putih pada hex color codesnya....

jadi warna pun ada codenya :p

nggak usah diambil pusing bwat ni code warna!

tulis aja blue, red, yellow, green, dan sebangsanya
 
Code: 
background-attachment: fixed;
he..he.. kalo yg ini rada susah dijelasin,

ini tuh attacment backgroundnya....

aduh, bahasa indonesianya apa ya? @_@

binun,

pokoknya,

ada dua macam kata yang bisa dimasukkin ke part ini,

fixed dan scroll

hh.....

bingung

kukasih contohnya aja ya....

ni bwat background yang attachmentnya fixed: click here

ni bwat background yang attachmentnya scroll: click here

seakan-akan bwat yg fixed, backgroundnya tuh melayang, maksudnya tetep di posisinya......

kalo scrollkan seakan-akan tetep ditempatnya gtu...

pokoknya ngertilah liat contohnya kan??? @_@
 
Code: 
background-position: center center;

kalo yg ini tuh posisi nya....

jadi, bisa macem2. misalkan:

bottom right
bottom left
top right
top left
center right
center left
center center

beginian pasti bisa yaaaaa??
 
Code: 
background-repeat: repeat-x;

yang ini di repeat ato diulang-ulang

part itu bisa diisi

no-repeat (gak diulang)
repeat(diulang100x)
repeat-y(repeat secara vertical)
repeat-x(repeat secara horizontal)

udah deh! hal itu aja yang perlu dipelajari ttg body!

sebenarnya,
dengan body aja, km udah bisa bikin FS mu menarik t'gantung gambar background-nya XD

itu aja dulu ya! selamat ber-experiment! :)
 
klo CSS AMA JS SINI AMA GUE AJA

dres...gw pngn yang tombol navigation itu jadi scrool...temen2 juga scrool ... lagi nyari yang itu
 
klo CSS AMA JS SINI AMA GUE AJA

dres...gw pngn yang tombol navigation itu jadi scrool...temen2 juga scrool ... lagi nyari yang itu
Click to expand...

navigation?

navigation banner?

Code: 
#navigation

ato main navigation????

yang menu-nya itu,.....

yang mana yg lo mkst????????
 
You must log in or register to reply here.
Back
Top