My Opera pagenav

Postinfo adalah sebuah class yang didirikan untuk mengontrol letak posisi banyaknya jumlah komentar pada sebuah post, sebagai contoh anda memili post yang sudah dapat 30 komentar. Baiknya anda tidak perlu merubah kode pada class ini. Saya menulis sekedar untuk memperjelas saja. Lihatlah pada sebuah kode html ini <p class="postinfo"><img src="comment.gif" width="12" height="10" alt=""><span class="postcomments"><a href="/blog/show.dml/8295301#comments"> 30 comments </a> </span></p> selengkapnya →

My Opera post

Class post adalah elemen penyimpanan artikel post, dari mulai judul post sampai akhir catatan artikel ini di kemas rapi menggunakan gaya-gaya CSS yang unik dari standar desain. Tentunya dengan memahami artikel-artikel disini anda bisa merubah gaya font atau warna teks, atau anda bisa mendirikan sebuah id atau class sesuai keinginan anda. selengkapnya →

My Opera Mainwrap

Halaman theme myopera terdiri dari dua kolum, kolum pertama (id mainwrap) terletak disebelah kiri, dan kolum kedua (id sidewrap) terletak disebelah kanan disebut juga dengan sidebar. Ada beberapa orang yang menyukai tampilan blognya dengan menukar letak posisi kedua kolum tersebut, id mainwrap diletakkan disebelah kanan dan id sidewrap (sidebar) diletakkan disebelah kiri. Jika anda sedikit saja memahami gaya-gaya dari id mainwrap dan id sidewrap anda akan sangat mudah untuk mengerjakan pekerjaan itu. Lihat nilai gaya id mainwrap berikut selengkapnya →

My Opera Content

Pada halaman myopera, id content adalah elemen dasar yang memuat bermacam-macam id dan class seperti: id mainwrap, id main, class content, id sidewrap dan lain-lain tidak termasuk id myo dan id top. Anda bisa mengerti elemen ini berada dibawah menu. Berikut adalah nilai CSS dari pada elemen id content

#content {clear:both; position:relative; width:890px; text-align:left; margin:0 auto;}

clear:both; tidak adanya float kiri dan kanan.
position:relative; (untuk lebih mudah dipahami) adalah menjadi pembatas pada elemen didalamnya yang menggunakan position absolute selengkapnya →

My Opera Menu

Setelah membahas header myo, selanjutnya saya ajak anda menuju ke menu. Tapi sebelumnya mari sejenak melirik selector id menu pada html berikut

<div id="menu"><ul><li id="menu_blog"><a href="/user/blog/" id="selected"><span>Blog</span></a></li> <li id="menu_archive"><a href="/user/archive/"><span>Archive</span></a></li>

Anda harus memahami bahwa semua elemen html yang menggunakan selengkapnya →

My Opera Multi Banner

Anda ingin menambahkan banner pada setiap halaman dengan banner yang berbeda? Lihat CSS berikut:

Banner untuk halaman blog

#top.top-blog { background:url(banner-blog.jpg) no-repeat; }

Banner untuk halaman albums

#top.top-albums { background:url(banner-albums.jpg) no-repeat; }

Banner untuk halaman archive selengkapnya →

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 (-) ? selengkapnya →