My Opera Header

Id top dan top2 adalah dua lapis di bagian header Myopera. Pada theme 124 id top mengontrol penuh lebar dan tingi id top2 termasuk juga id menu, ini juga berlaku pada theme lainnya.

#top { width:auto; margin:0 -15px; }
#top { background:#64523d url(top.jpg); border-bottom:1px solid #000; color:#fff; }

#top, margin:0 -15px; Anda tau, kenapa 15px dikasih min (-) ? Ini untuk menarik elemen ke arah kanan dan kiri 15px, karena karena #top ini tidak akan bisa melewati batas padding yang sudah ditentukan pada #wrap4. Dengan adanya pengurangan ke kiri dan ke kanan maka jadilah #top dan #wrap4 sama lebarnya.

top.jpg, adalah gambar bajak laut untuk saat ini, entah masa mendatang masih tetap atau diganti. border-bottom:1px solid #000; ini adalah garis batas bawah berukuran 1px, bisa anda lihat dibawah menu diatas background gambar wrap4.

#top2 { height:170px; padding-left:20px; }
#top2 { padding-left:15px; }

#top2, height:170px; ini untuk menentukan tinggi dari background gambar (top.jpg) yang diset sebagai background #top. Padding-left:20px; memberikan batasan dalam sebelah kiri elemen. contoh ini berfungsi untuk membatasi Judul blog about dll. Anda pasti paham bahwa judul halaman blog anda ada batasan di arah kiri.

#top h1 { padding-top:40px; line-height:1.1; font-size:20px; margin:0; }
#top a { color:#fff; }

#top h1, sebelum h1 ada #top, anda mengerti, ini sejenis penekanan kuat bahwa nilai-nilai properti yang di hasilkan oleh h1 ini hanya berlaku didalam area #top.
#top a, a adalah keseluruhan link yang berada didalam area #top.

#top h1 span, #subtitle span { background:#413e3c; opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; padding:0 7px; }

h1 span, di myopera lebih mudah anda menyebutnya BLOG TITLE, ABOUT TITLE, ALBUMS TITLE. #subtitle span, adalah diskripsi dari title.
opacity:.80; ini tranparansi CSS standar untuk semua browser masa kini seperti mozila, opera dan safari .
filter:alpha(opacity=80); ini transparansi yg anda butuhkan pada IE versi lama.
-moz-opacity:0.8; ini transparasi untuk mozila (netskape navigator).
-khtml-opacity:0.8; ini transparansi yang anda butuhkan untuk safari lama.

del.icio.us Digg Facebook MySpace reddit StumbleUpon Twitter

20 Responses to “My Opera Header”

  1. arine says:

    keren wapnya ninq makasih yak bantuannya

  2. Shofnet says:

    Iya sama-sama :happy:

  3. Mansuka says:

    Niqn ni pakai wordpres org ya? Mantap,saya juga br coba bikin. . Ajarin ya?

  4. Shofnet says:

    Yup, bener sekali bos.. Lumayan mantap fitur-fiturnya wordpress org.
    Saya juga baru mengenal wordpress Man, jadi sama-sama kita dalam tahap belajar. Bertukar pengetahuan lebih cocok Man :up:

  5. Mansuka says:

    Ak malah blm tahu sama sekali niqn . . Ak hosting graths di byethost shngga beberapa fitur dasboard Wp ga berfungsi .Ganti thema aja hrus di c panel .
    Ni hosting n domainnya berapa harganya niqn? Cek wp ku ,tapi mash kosong ,mash bingung http://ini-berita.Co.Cc

  6. Shofnet says:

    Beberapa fitur di dasboard tidak berfungsi, mungkin instalasi yang kurang sempurna, Man.
    Aku pernah registrasi juga di byethost tapi control panelnya aku kurang cocok.
    Oh ya harga domain waktu aku beli 95rb/tahun, sedang harga hostingnya bermacam-macam tergantung paket yang kita beli. Cek saja disini untuk daftar harga paketnya.

  7. Mansuka says:

    Instal ulang blog yg lama hlg dunk niqn?
    Oya hostingnya stabil gak? Bisa byr via paypal kan

  8. Shofnet says:

    Backup dulu database nya bro,
    Kalau hosting nya mas nyoman memperbolehkan untuk akses PhpMyadmin, ada banyak cara untuk mengamankan postingan yang sudah ada.
    Kita bisa menginstal ulang wordpress dengan menganti table prefix pada file config.php hasilnya dalam database Mysql wp yang sekarang akan mempunyai dua table prefix yang berbeda, untuk mengembalikan post yang sudah pernah kita buat ke wordpress kita yang baru, kita tinggal me-rename nama table prefix nya saja. Contoh tablelama_post dengan tablebaru_post. Semua bisa disesuaikan bro.
    .Hosting yang sekarang aku pake ini sangat stabil sekali, bayar via paypal bisa.
    akses domain sepenuhnya hak kita. :up:

  9. Mansuka says:

    Tapi punyaku belum ada postingannya,cuma test aja . .Ga apa2 hlg . .Wah musti sering2 kemari neh. .Ak php ga ngerti sama sekali.
    Ntar mau beli domain utk blogspot dulu n beli domain n hosting untuk wp nrg . .Bnyak rencana kedepan neh . .Oya ini blog english hasil translate ku niqn,ntr rencnanya mau di pasangin google adsense. . Mampir ya?

  10. Shofnet says:

    Hehe soal php wes sama gak ngertinya bro. Oke selamat berjuang bro, mudah-mudahan di masa mendatang bisa sukses dengan google adsense :) :yes:

  11. Mansuka says:

    Ak beli mansuka.com di sana ,tapi ku ga bisa set cname untuk blogspot bro . .
    Tanya ke
    CS nya malah disuruh cari infonya di google. .
    Kayaknya Kurang profesional to cs nya,
    km Bisa bantu gak bro?

    Blogspot gak ada name server cuma ada host ghs.google.com

  12. Shofnet says:

    Walah.. Setelah di cek ternyata, mansuka.com sudah masuk google :up: Sabar bro jangan terburu2 hehehe :p

  13. Armed says:

    Mendengar obrolan para master
    siapa tau aku bisa jadi pinter :up:

  14. ari says:

    ikutan ah

  15. Shofnet says:

    Silahkan..
    Mau bikin banner diopera atau mau ikutan edy jadi master? :D

  16. Armed says:

    Mana dia bro, kok gak ada :p

  17. Shofnet says:

    Wah hilang dah.. :lol:
    Email nya bro Armed ini di anggap spam oleh akismet, kalo koment lagi coba make email yang lain bro :)

  18. atma senthir says:

    doooh jan ga nyambung tenan ki.

  19. ari says:

    kikuk aku datang

  20. ari says:

    mau komen yo kok angel.kikuk.met malam

Leave a Reply

Smilies