Daydream's ♪
Daydreams ♪
"The symbol of freedom it the music like a symphony"


Right-click is forbidden
any question?


もしもし
Moshi Moshi

Refresh About Link Stuff Rules Follow

Disclaimer
the girl


こんにちは ! I'm Akane Katsumi. 14 y.o. Welcome to my blog!! Please leave your footprints here . Your ip is . Hate my blog?? Just click
here. Don't ever dare open my page source, I know who you are ^-^



足跡
Tomodachi

  • Your Name Not Anonym
  • Your Url Blog Not Email
  • Don't Making Crush Here




  • 思い出
    Flashback


    Credit;
    Makes my blog beautiful, this is!

    © 2016 - Skins by Akane Katsumi and Cute icon from Pixel and other from Google.
    Tutorial Header bersambung body
    Friday, March 20, 2015 | 0 Comments
     
    Habis bikin skins 
    waktunya bagi2 tutorial
    READ MORE


    Tutorial ini berhubungan sama body dan header. Jadi, persiapkan untuk mengedit code bagian header dan body. Ini tutorialnya saya try pakai TEMPLATE DESIGNER.

    Sebenarnya, saya gak tau juga kenapa header saya bisa rapat sama bodynya, ya? dulu utak-atik gak bisa.
    Setelah diteliti ternyata header saya  margin-nya NOL.  Yang dipakai cuma margin-top dan ditambah dengan border biar border bawah header sama border atas body menyatu.

    Sulit dimengerti, ya?

    Langsung ke TKP saja~
    Ayo, ini blog saya for live tester-nya.

    Blog ini masih ada tab menu dropdownya. Ayo dihapus dulu.
    AFTER

    Nah, sekarang sdh dihapus. Tinggal ada body sama header.

    Steps :
    • Langsung ke edit HTML
    • Tekan F3, kemudian cari kode :
    #header-wrapper {
    • Jika sudah ketemu, lihat anak code di bawahnya. Apakah ada code margin ?
    • Jika ada, ganti nilai / value- nya jadi NOL.  
    margin : 0;
    • Tambahkan code di bawah ini, di bawah code di atas
    margin-top : 50px;

    • Steps untuk merapatkan sudah selesai. Sekarang ke steps menambahkan border biar ada aksen elegantnya. *weeh
    --------------|
    • Tekan F3, cari code di bawah ini
    #content-wrapper {
    • lihat anak code-nya.
    • Example MINE : Jika anak code di bawah ini belum ada di blogmu, tambahkan saja. Tapi jika sudah ada, tinggal di ganti.
    width: 950px;
    margin:auto;
    padding:6px;
    border-left: 12px solid #eee;border-top: 3px solid #eee;border-right: 12px solid #eee;border-bottom: 0px solid #eee;
    • Tekan F3, cari code di bawah ini
    #header {
    • lihat anak code di bawahnya. 
    • Example MINE : Jika anak code di bawah ini belum ada di blogmu, tambahkan saja. Tapi jika sudah ada, tinggal di ganti.

    #header {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    border-left: 16px solid #eee;border-top: 16px solid #eee;border-right: 16px solid #eee;border-bottom: 14px solid #eee;
    }
    • Ganti nilai value margin dan paddingnya jadi NOL (0)
    • BIRU :  sesuaikan dengan lebar header anda.
    • Patstikan LEBAR 'body' dan 'header' sama.
    • Preview dulu. Nanti templatenya hancur.
    • Jika tidak ada error, 
    •  SAVE 
    Ask Me if not understand ~ soalnya saya 'newbie' (y)

    Labels:

    Post a Comment

    Moshi - Moshi

    Leave comment here
    Request ? tell in cbox
    Dont bad words

    Obey the rules ? Free comment :)

    Past Future