Contoh dari ini adalah dengan menggunakan nilai negatif di margin atas dari salah satu kolom untuk membuatnya tampak lebih tinggi di bagian atas halaman daripada kolom lain dan posting, dan bahkan mungkin terlihat seolah-olah kolom dimulai di sebelah judul blog, tetapi Tentu saja jika Anda melakukan ini, Anda harus mengurutkan judul blog atau gambar yang Anda gunakan di tempat judul agar tidak tumpang tindih kolom pada gambar. Ini memberikan efek yang sangat keren. Lihat di gambar bagaimana kolom lebih tinggi dari posting. Kode untuk melakukan ini sederhana, cukup masukkan kode kolom-top margin: -320px; maka kode kolom (bilah sisi) akan terlihat seperti ini:
# sidebar-wrapper {margin-left: 20px; margin-top: -320px;
lebar: 250px;
mengapung: benar;
pembungkus kata: break-word; / * fix untuk float sidebar pemecah teks panjang di IE * /
overflow: hidden; / * fix untuk konten non-teks yang panjang melanggar IE sidebar float * /
}
Tentu saja lebar (250) dan float (kanan) akan berbeda di blog Anda, tetapi yang penting untuk meninggalkan satu kolom lebih tinggi dari yang lain adalah kutipan margin-top: -320px; lalu sesuaikan nilai untuk blog Anda. Ini dapat dilakukan di kolom mana saja atau di pos. Gambar yang saya gunakan sebagai contoh adalah dari blog yang saya bantu modifikasi belakangan ini
0 komentar:
Posting Komentar