catatan kecil berkaitan dgn CSS theme di Multiply.
akan diupdate secara berkala.
lebar maksimum element bodywrap dan elemen turunannya pada basetheme avlack (mungkin juga berlaku pada basetheme yang lain) adalah 850px, ketika kita paksa melebihi nilai 850px maka secara otomatis akan ditambahkan perintah:
margin-right: -(lebar yg kita paksakan-850)px;
sehingga tampilan theme akan terlihat agak condong ke sebelah kanan selebar margin diatas.
lebar minimum itembox dan elemen turunannya adalah 500px, ketika lebih kecil, maka player video dan music akna overlapping (tampilan jadi jelek)
(bersambung)
CMIIW
Sunday 29 August 2010
Friday 27 August 2010
Thursday 26 August 2010
Tuesday 24 August 2010
Saturday 21 August 2010
Friday 20 August 2010
karanggongso - 07-07-2010
otw ke TKP, gunungnya aneh...lebih tepat disebut bukit karang mungkin :D
poto2 ini diambil pada tanggal sesuai judul, bertepatan dengan TeWaTe di Batu
sepulang dari "buwuh" alias "kondangan" kami melanjutkan pelesir ke TKP :)
lokasi :pantai pasir putih (baru tahu kalau namanya Karanggongso) -trenggalek
nb: jangan berharap menemukan banyak foto ganteng saya *dilempar sendal* disini..karena saya yg ngambil sebagian besar foto disini, kecuali beberapa foto saja
selamat menikmati...
"biarkan lensa yang bicara"
Thursday 19 August 2010
Thursday 12 August 2010
Wednesday 4 August 2010
Facebox, fitur usang tak-terjamah
pernah dengar "Facebox"?
mendengar pertanyaan ini kebanyakan user MP yg rajin ngintipin poto2 contactnya pasti menjawab "iya"
ketika pertanyaan diubah menjadi "apa sih facebox itu?"..mungkin sebagian akan menjawab "gak tau, lha wong gak pernah nyoba"..hehehe
facebox adalah fitur lama yg ada di album foto Multiply, gunanya kurang lebih sama dengan fitur "tag foto" yang ada di facebook, bahkan fitur ini sudah ada duluan sebelum facebook booming. berikut ini contoh cara penggunaannya :
gyahahaahah...yiiuukk marii maen Facebox.........
Credit: Vera a.k.a puritama, maap..udah sayah culik albumnyah jadi model dadakan :))
nb: arahkan pointer mouse pada gambar disini untuk "zoom"
mendengar pertanyaan ini kebanyakan user MP yg rajin ngintipin poto2 contactnya pasti menjawab "iya"
ketika pertanyaan diubah menjadi "apa sih facebox itu?"..mungkin sebagian akan menjawab "gak tau, lha wong gak pernah nyoba"..hehehe
facebox adalah fitur lama yg ada di album foto Multiply, gunanya kurang lebih sama dengan fitur "tag foto" yang ada di facebook, bahkan fitur ini sudah ada duluan sebelum facebook booming. berikut ini contoh cara penggunaannya :
- pilih album foto favorit anda, sebagai contoh http://puritama.multiply.com/photos/album/19/Yogyakarta_Menuju_Kuningan.
- buka salah satu foto hingga tampilan seperti ini :
- klik objek dalam foto yang ingin di tandai, akan keluar pop-up seperti contoh berikut
- ketikkan ID multiply yang ingin anda tandai dalam foto, setelah itu tekan "save". hasilnya akan seperti gambar sebagai berikut :
gyahahaahah...yiiuukk marii maen Facebox.........
Credit: Vera a.k.a puritama, maap..udah sayah culik albumnyah jadi model dadakan :))
nb: arahkan pointer mouse pada gambar disini untuk "zoom"
Tuesday 3 August 2010
penulisan CSS (bagian 1)
Bismillahirrohmaanirrohiiim...
cara 2 :
cara 3 :
alhamdulillah...selesaiii..semoga berguna :)
nb: kalo kurang tolong ditambahin yah :D
..................................bersambung ke postingan berikutnya.....................................
credits :
http://w3schools.com
http://multiply.com
sekedar mengingat kembali tentang dasar CSS :)
CSS (Cascading Style Sheets) sudah menjadi hal yang sering didengar oleh MP-ers. yang saya tau, CSS di tuliskan dengan beberapa cara berbeda (insyaAlloh ada 3 cara) antara lain sbb :
cara 1 :CSS (Cascading Style Sheets) sudah menjadi hal yang sering didengar oleh MP-ers. yang saya tau, CSS di tuliskan dengan beberapa cara berbeda (insyaAlloh ada 3 cara) antara lain sbb :
contoh kode:
<div style='padding: 0 0 10px 0; min-height: 20px;' id='user_welcome_message'></div>
<div style='padding: 0 0 10px 0; min-height: 20px;' id='user_welcome_message'></div>
penjelasan:
perhatikan kode yang diwarnai merah, pada contoh diatas CSS di deklarasikan langsung di dalam tag div dengan menuliskannya diantara tanda single quote (') atau double quote (").
cara ini dirasa agak ribet karena harus menuliskan perintah CSS satu per satu untuk setiap tag yang ingin di custom (weleeehhhh...kebayang gimana ribetnya kalo pengen bikin website gede)
kekurangan: pseudo-element dan pseudo-class tidak dapat diperintah melalui cara ini, karena mereka hanya muncul pada kondisi tertentu.
cara ini dirasa agak ribet karena harus menuliskan perintah CSS satu per satu untuk setiap tag yang ingin di custom (weleeehhhh...kebayang gimana ribetnya kalo pengen bikin website gede)
kekurangan: pseudo-element dan pseudo-class tidak dapat diperintah melalui cara ini, karena mereka hanya muncul pada kondisi tertentu.
cara 2 :
contoh kode:
<html>
<head>
<style type="text/css">
h1 {
color:red;
}
p {
color:blue;
}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
<html>
<head>
<style type="text/css">
h1 {
color:red;
}
p {
color:blue;
}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
penjelasan:
perhatikan kode yang diwarnai merah, pada contoh diatas CSS di deklarasikan dalam tag style. menurut saya, cara ini lebih ringkas dari cara pertama karena perintah CSS untuk semua tag dalam halaman html diatas dapat diakomodir dengan menuliskannya diantara tanda <style type="text/css"> dan tanda </style>. perintah-perintah yang ditulis diantara tag diatas dapat menjangkau hampir setiap elemen pada halaman dimaksud termasuk pseudo-element dan pseudo-class.
cara 3 :
contoh kode:
<head>
<link rel="stylesheet" type="text/css" href="http://multiply.com/style/custom/redfrog/38.css">
</head>
<head>
<link rel="stylesheet" type="text/css" href="http://multiply.com/style/custom/redfrog/38.css">
</head>
penjelasan:
pada contoh diatas saya mengambil sebagian dari source-code multiply.com. css tipe ini dituliskan didalam tag link dan di simpan pada file yang berbeda dari halaman html. pada contoh diatas file css disimpan pada link http://multiply.com/style/custom/redfrog/38.css. penulisan css dengan cara ini saya anggap paling ringkas dan lebih memudahkan. ketika web editor ingin mengubah kode css dari halaman yang diinginkan tinggal mengubah file css yang sudah disimpan terpisah dengan file html.
alhamdulillah...selesaiii..semoga berguna :)
nb: kalo kurang tolong ditambahin yah :D
..................................bersambung ke postingan berikutnya.....................................
credits :
http://w3schools.com
http://multiply.com
Subscribe to:
Posts (Atom)