Thursday, June 25, 2009

Trick & Customize Head Shot, Small Head Shot

Tutorial untuk seting Head-Shot. Kali ini Head Shot (HS) akan kita kecilkan, dan informasi tentang User Name, status On Line dan alamat berjajar di sebelah gambar HS, Bukan di bawah HS.

Ide ini datang dari pertanyaan di Notes TrickMP. Ternyata ada juga users yang menginginkan HS menjadi kecil.
Kode yang akan saya jelaskan di sini tidak menjiplak atau mengkopi dari site manapun.
Dan agar tidak dituduh menjiplak, maka sengaja display User Logo saya buat lain. Tidak seperti contoh yang dipasang di Notes tersebut.

Agar Rail anda dapat memuat HS ini, silahkan sesuaikan lebar rail anda.
Tutorial dapat anda baca di Customize Wide Rail

Kita mulai.

Default display User Logo by ANDROS base theme.



Pertama, kita buat Head Shot image menjadi lebar 50px dan tinggi 50px.

td.rail div#rail div.userlogo img {
height:50px;
width:50px;
}



Berikut nya, kita sesuaikan juga lebar User Logo menjadi 50px.

td.rail div#rail div.userlogo, td.rail div#rail div.userlogo a {
width:50px;
}



Hampir berhasil. Tetapi belum sesuai keinginan. Kita geser block "User Logo" ke tepi kiri.

td.rail div#rail div.userlogo {
float:left;
margin:0 8px 8px 0;
padding:5px;
}



Nah, sekarang giliran text User Name, status On Line dan Alamat kita customize agar dapat masuk ke sebelah gambar HS.

div.railbody h4 {
font-size:11px;
margin-bottom:4px;
margin-top:0;
}
div.railbody p {
font-size:11px;
margin:4px 0;
}
div.railbody p b {
color:white;
font-size:12px;
}



Terakhir, kita geser seluruh nya ke atas.

.railbody {
margin-top:-129px;
}



Mudah bukan ?
Agar sesuai dengan theme anda, anda perlu sedikit penyesuaian. Terutama pada value dari masing-masing properti. Silahkan melakukan eksperimen.
Sampai saat ini, pengalaman masih berstatus sebagai guru terbaik.

Kode lengkap :

/* Customize HS : Small HS --- */
/* ©MMIX http://dangdutkoplo.multiply.com */
td.rail div#rail div.userlogo img {
height:50px;
width:50px;
}
td.rail div#rail div.userlogo, td.rail div#rail div.userlogo a {
width:50px;
}
td.rail div#rail div.userlogo {
float:left;
margin:0 8px 8px 0;
padding:5px;
}
div.railbody h4 {
font-size:11px;
margin-bottom:4px;
margin-top:0;
}
div.railbody p {
font-size:11px;
margin:4px 0;
}
div.railbody p b {
color:white;
font-size:12px;
}
.railbody {
margin-top:-129px;
}


Hope can helps.
© 2009 Lilok http://dangdutkoplo.multiply.com

Friday, June 19, 2009

Tips tentang Quick Note(s)

Banyak yang mengeluh karena terganggu kebanjiran Quick Note(s)
dari Contacts atau Network-nya

Terus, apakah Quick Note(s) bisa hilang dari INBOX?
saya kira tidak, mungkin banyak yang salah tangkap juga...

1. Bila kita Un-Centang dari Inbox Settings...


nanti kalau ada updates, Notes akan tetap mucul secara otomatis di INBOX
apalagi kalau liatnya di Recent Updates... pasti bercampur juga dengan Postingan lainnya
arti Show disana menampilkan secara terus, bukan (hanya) menampilkan saja

2. Bila kita Un-centang dari Custom Filter...


perhatikan... judul di atas Create a New... bukan Manage Filters seperti dibawah
jadi itu fungsinya membikin Filter baru, bukan merubah yang sudah ada...

balik lagi ke awal... Notes tidak akan hilang dari INBOX, bila kita lihatnya masih dari sana
kalau ingin Custom Filter... ya lihatnya dari Custom Filter saja, jangan dari INBOX juga

sedikit tambahan lagi...
Posting Quick Note sebaiknya singkat, padat dan jelas
cukup 1 baris saja jangan terlalu panjang, apalagi ngedongeng seperti ini...

bisa membuat Media Locker jadi meleber juga...
karena sama saja dengan judul postingan, bukan isi postingan

sebenernya masalahnya sederhana...
cuma bagaimana kita menyikapi postingan dari temen² kita
ada yang merasa terganggu, ada yang tidak...
walau sampai nge-flood menuhin inbox, menutupi postingan yang lainnya
cuek aja

semoga bermanfaat.

Tuesday, June 16, 2009

Blog Post Selectors


Keterangan:

.itemboxsub - the title area of a box; contains the td.icon, .cattitle and .itemsubsub

.itemboxsub .icon or td.icon - descriptive image of the type of post or home page box

.cattitle a - the title of a post

.itemsubsub - contains secondary information to the title

.itemsubsub nobr - the date the post was published

.itemsubsub a - a link to the main page of the author of the post

.itembox - contains the full content of a box excluding the .itemboxsub and all it contains

#item_body - the main body of the post includes the .bodytext and #item_body img (where applicable)

.bodytext - the text of the post

#item_body img - any image added to a post

.itembox b - introduction to the links or any bold text. .itembox b and .itembox a will also affect the Tags and Previous/Next links, including those found in the Welcome box. If you want those different than the Attachment link, you can use the more specific class names.

.itembox a - any links found within the .itembox. See .itembox b above for more information.

div.relatedlinks - the group of tag links in the Welcome box on the Home Page and at the end of posts. At the end of a post, div.taglinks is the more specific selector.

div.taglinks b - introduction to the Tags links in a post

div.taglinks a - the individual Tag links in a post

div.taglinks - the commas between the tags in a post

div.prevnextlinks b - introduction to the Previous/Next links

div.prevnextlinks a - the Previous and Next links

.itemactions - the group of links below the .itembox, including the .litemactions a and the div.ritemactions a

.litemactions a - .itemactions links on the left side under the post, including the .litemactions a.editbutton, .litemactions a.deletebutton, and .litemactions a.addphotosbutton

div.ritemactions a - .itemactions links on the right side under the post, including the div.ritemactions a.sharebutton, div.ritemactions a.replybutton, div.ritemactions a.orderbutton, and div.ritemactions a.slideshowbutton

.itemactionspacer - the area between the .itemactions and div.vopt

For more information on div.vopt and #replies please see the Comment Section
*COPAS
from Leigh Ann
by an·an

Sunday, June 7, 2009

Tips Sederhana Membuat Headshot Admin

Sebagian dari anda mungkin sudah membaca tulisan ini di Blog saya yang saya posting kemarin (060609).

Saya hanya ingin membagi lagi tips ini kepada para penghuni TrickMP. Just Enjoy It..!!

Pernahkah anda berpikir menjadi seorang admin pada sebuah Goup MP...?
Mungkin pernah, tapi tidak atau belum kesampaian (saya salah satunya). Hehehe Kacian.

Kenapa tidak jadi admin di blog sendiri?

Sebenarnya kita sudah menjadi admin pada blog kita sendiri.., namun untuk mempertegas ke-admin-an kita perlu melakukan sedikit otak-atik pada CSS.

Jadi yang saya maksud disini adalah menjadikan headshot kita sebagai headshot admin ketika menulis komentar pada blog kita sendiri.

Contohnya seperti gambar berikut :


Seperti biasanya, ide-ide seperti ini selalu muncul secara tiba-tiba. Dan kali ini ide saya muncul ketika saya berkunjung pada beberapa Group MP.
Saya berpikir, kok bisa sih cuma si admin yang ber- "admin" ? Kenapa yang lain tidak?

Jujur saja, saya menemukan ide ini setelah "ngintip-ngintip" di beberapa Group MP ternama (trickmp salah satunya. hehe, sebelumnya maap & makasih pak admin).

Setelah ngintip sana-sini, ada beberapa kode yang mirip. Dan saya simpulkan itulah kode yang mengatur semua ini.

Jadi kode CSS-nya seperti ini :

.userboxlogo img[alt="laptopmini"] {
padding: 0 0 19px 0;
z-index: 1000;
background: url(URL Background ADMIN Disini) no-repeat bottom center;
}

Anda tinggal ganti yang warna biru menjadi ID Multiply Anda.
Dan yang berwarna hijau diisi sesuai URL yang anda inginkan.

Dan disini ada beberapa URL Logo yang bisa anda pakai :

http://images.laptopmini.multiply.com/image/1/photos/9/500x500/4/QUEEN.jpg?et=iAZ37hNbdWglWNX4y1dOfA&nmid=251673913
http://images.laptopmini.multiply.com/image/1/photos/9/500x500/3/KING.jpg?et=eIlQgEhDSfIZrN%2CDqGqEoQ&nmid=251673913
http://images.laptopmini.multiply.com/image/1/photos/9/500x500/1/ADMIN.jpg?et=4%2BV%2Cf54RwJ5T9LZ1kRZsMw&nmid=251673913

Anda bisa berkreasi dan membuat logo anda sendiri...
Semoga Tips ini bermanfaat.

Wednesday, June 3, 2009

Membuat Beberapa Menu Dropdown dalam Sebuah Halaman

Trik ini memadukan antara html dan beberapa settingan CSS. Dengan fasilitas menu ini, Anda dapat mengefektifkan penggunaan halaman yang aktif dengan banyak komponen link. Apalagi untuk site yang digunakan untuk berbagai promo, iklan dan sebagainya. Mungkin ini akan cocok untuk Anda.
Sebelumnya, Anda harus mempersiapkan HTML yang akan Anda gunakan untuk menu Anda. Jika ingin membuatnya sendiri, itu lebih baik. Namun jika tidak, Anda bisa mendapatkannya disini. Hanya saja Anda harus mengganti direct linknya seperti yang sudah pernah dibahas sebelumnya.
Langkah pertama yang sangat penting adalah tentukan dahulu berapa menu induk yang akan Anda buat. Misalnya, Anda ingin membuat tiga menu dropdown sekaligus dalam sebuah halaman. Maka, Anda harus mempersiapkan tiga komponen HTML yaitu direct link, image button dan  "id"nya yang akan dibaca nantinya pada CSS Anda. (yang di highlight sebagai contoh dan dapat diubah sesuai kebutuhan Anda).
Misalnya, saya menyiapkan tiga buah script HTML yang saya ambil dari theme saya sendiri. Disini, Saya memakai theme Empire Efwan, Skyline Minimalist dan Binderous. Contohnya dapat dilihat sebagai berikut :

EMPIRE EFWAN

<DIV class="menu"><DIV class="thumbnail"><DIV id="empireefwan"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/1/menu.png?et=4 V,f54RwJ5T9LZ1kRZsMw&amp;am" p;nmid="247440569" height="90" width="30" border="0"><SPAN class="show"><UL> <LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/9/Home.png?et=F9KbC7Q6IPJY3HEuWsDhjg&amp;nmi" d="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/journal"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/2/Blog.png?et=oxqXf52IYZh19yrrQ52XVg&amp;n" mid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/photos"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/3/photo.png?et=eIlQgEhDSfIZrN,DqGqEoQ&amp;" nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/video"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/4/Video.png?et=iAZ37hNbdWglWNX4y1dOfA&amp;am" p;nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/music"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/5/Music.png?et=lbQeDv5NImxmJVwsILoXEg&amp;am" p;nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/links"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/8/Links.png?et=KntDjDcSJZ9knnX6HoQVgg&nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/reviews"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/7/reviews.png?et=8c 4kDSGstwDThGFmizNCQ&amp;" amp;nmid="247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/calendar"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/6/calendar.png?et=bfT6KpUdYpExrVIejfSkuQ&amp;a" mp;nmid="247440569" height="18" width="50" border="0"></A></LI></UL></SPAN></DIV></DIV>

SKYLINE MINIMALIST

<DIV class="menu"><DIV class="thumbnail"><div id="skylineminimalist"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/13/MENU.jpg?et=JLsBRgkM74O6GMMm24nL2g&amp;nmid=247440569" height="90" width="30" border="0"><SPAN class="show"><UL> <LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/14/home.jpg?et=OYogmSCkPWctB6DcM2uCTw&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/journal"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/15/blog.jpg?et=L6Fh4%2BhHi%2Bgvt2f8iaiASQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/photos"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/16/photos.jpg?et=8g90FEXNuy1e7oVmgGv6gg&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/video"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/17/video.jpg?et=HZWu1wSjiVCoxRyxILPcPA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/music"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/18/music.jpg?et=lCV8%2C4ZLggC1CbAKZr25wA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/links"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/19/links.jpg?et=RxJdsZIeN3fKZrTIENQ5Fg&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/reviews"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/20/reviews.jpg?et=6K7jIjBWF%2CD0Wf1OFlpUug&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/calendar"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/21/calendar.jpg?et=Q7xcne8TsJqTf6G0RdeveQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/34/friewan.jpg?et=pGwh%2C9xcJBrHZHB2l%2BxWnQ&amp;nmid=247440569" height="18" width="50" border="0"></A></p></LI></UL></SPAN></DIV></DIV>

BINDEROUS

<DIV class="menu"><DIV class="thumbnail"><div id="binderous"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/35/binder-cream.png?et=0BXTR89V2Ixttlh1sLxVyA&amp;nmid=247440569" height="90" width="30" border="0"><SPAN class="show"><LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/36/home.jpg?et=k1l8NNIq7%2BZVmcnwJtMlbQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/journal"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/37/blog.jpg?et=nB5DtA82SUeWPpZ34Tu%2CtA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/photos"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/38/photos.jpg?et=oujI2A6g7ZkfGKOdfeHiJQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/video"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/39/video.jpg?et=cksPgCBVBF8lgNNXQR%2B0Bg&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/music"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/40/music.jpg?et=0BXdPDxwyeS8DFIDzNXbnA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/links"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/41/links.jpg?et=TYKBvSq8LjafuLYdq9LWug&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/reviews"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/42/reviews.jpg?et=WFGzLXOn5htTO2%2BLlQW%2BtQ&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com/calendar"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/43/calendar.jpg?et=LUYQ7vWtc1Ddyv9iEMoTPw&amp;nmid=247440569" height="18" width="50" border="0"></A></LI> <LI><A href="http://friewan.multiply.com"><IMG src="http://images.friewan.multiply.com/image/1/photos/9/500x500/45/friewan2009.jpg?et=lfPW49CY25qCAib9cRHChA&amp;nmid=247440569" height="18" width="50" border="0"></A></LI></P></SPAN></DIV></DIV>





Warna orange adalah Identitas untuk masing-masing komponen menu. Anda lihat script di atas yaitu <DIV id="empireefwan"> ini menandakan bahwa kita telah memberi identitas kepada masing-masing komponen html tersebut yang nantinya akan kita format pada CSS nya. Begitu juga dengan yang lainnya.
Langkah selanjutnya adalah menyiapkan script CSS untuk ketiga komponen HTML tersebut :
#efwanempire
{
position: absolute;
top: 150px;
left: 1px;
}
#skylineminimalist
{
position: absolute;
top: 250px;
left: 1px;
}
#binderous
{
position: absolute;
top: 350px;
left: 1px;
}

Sekarang, Anda tinggal memasukkan script CSS di atas ke custom CSS MP Anda.
Sebelumnya, terlebih dahulu Anda harus mengaktifkan dropdown menu dengan memasukkan script CSS ini :
/* Hide Default Menu */
div#subnav {
display:none;
}

/* Dropdown Menu Function */
.menu {
position: fixed;
top: 0px;
left: 0px;
}
div.thumbnail span.show {
width: 100px;
position: absolute;
background-color: transparent;
font-size: 0px;
padding: 0px;
visibility: hidden;
color: none;
text-decoration: none;
border: 0;
}
div.thumbnail:hover span.show {
visibility: visible;
top: 0px;
left: 30px;
}

Untuk script HTML tadi, jika Anda bermaksud menampilkan ketiga menu dropdown tersebut ke setiap halaman dalam page Anda, maka script HTML nya Harus Anda insert ke bagian SITE TITLE. Namun jika Anda bermaksud menu tersebut ingin ditampilkan di halaman tertentu, maka cukup dimasukkan ke halaman tersebut saja.
Catatan :
  • Anda dapat menyetting besarnya tampilan menu sesuai layout MP Anda mengingat themes dasar yang berbeda dengan contohnya.
  • Browser yang support untuk trik ini adalah Opera, Firefox dan Chrome. Sementara dari hasil uji coba pada IE, hasilnya kurang maksimal.

Tuesday, June 2, 2009

Hannah Montana Theme



























The BaseTheme : Dance With Me

The code :

More Themes : http://gaulnyok.multiply.com/

div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}
div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}
body {
background-image: url(http://www.arts-wallpapers.com/people/hannah_montana/02/hannah_montana800.jpg);
background-attachment: fixed;
background-repeat: repeat;
}
a, a:visited, a:link { color: #B700FF;
}
h1#page_owner_title {
width: 655px;
margin: 0 auto;
padding: 40px 0 0 0;
background-color: none;
background: none;
color: #000;
border: none;
font-size: 25px;
text-align: center;
}
.itemboxsub {
color: #c93d3d;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
background: none;
/* display: none; */
max-: 520px;
}
.rolloverfordnd {
color: #765;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
max-: 520px;
background: none;
/* display: none; */
}
div.owner_nav {
background-color: #fff;
border: none;
margin: 0px;
/* -moz-border-radius: 10px; */
background: none;
: 780px;
: 277px;
background: url(http://i579.photobucket.com/albums/ss239/cutejob/BannerHannah.jpg)no-repeat;
margin: 0 auto;
}

div#page_start {
: 720px;
margin: 0 auto;
background: url()repeat;
font-family:century gothic;
color: black;
link-hover: black;
}

div#ownedfooter {
margin: 0 auto;
height: 100px;
padding: 50px 0 0 10px;
line-height: 10px;
border: none;
color: #765;
text-align: center;
font-size: 7px;
background: url(http://img214.imageshack.us/img214/6822/3552017472100c1.gif) no-repeat top;
}
a, a:visited, a:link{
cursor:hand;
}
a:hover {
color: #DA86FC;
text-decoration:none;
}
td.rail {
background: none;
background-color: none;
background-position: bottom center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}
.railstart {
width: 139px;
height: 0;
background-color: #e2e0d3;
background: none;
border: none;
margin-top: 100px;
}
.railbody {
width: 119px;
background-color: #e2e0d3;
font-size: 12px;
background: none;
border: none;
z-index: 1000;
position: relative;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #e2e0d3;
}
.railend {
width: 139px;
height: 10px;
background: none;
margin: 0 0 8px 0;
border-left: 1px solid #e2e0d3;
border-bottom: 1px solid #e2e0d3;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border: none;
background-color: #e2e0d3;
border-left: 1px solid #e2e0d3;
border-right: 1px solid #e2e0d3;
border-bottom: 1px solid #e2e0d3;
background: none;
border: none;
}
/*Text Area Handle (Resize Image)*/
.textarea-handle {
cursor: n-resize;
margin: 0;
padding: 0px;
display: block;
height: 662px;
width: 75px;
background: url(http://images1.fanpop.com/images/image_uploads/My-Blingee-hannah-montana-1053271_75_75.gif)
no-repeat bottom right;
}
/* GB background */
.replybox {
border: 1px solid #000000;
background: url(http://farm4.static.flickr.com/3140/2587419086_780818ccbd.jpg?v=0) fixed;
color: #000000;
}
/* Icon Underlist */
ul li { list-style-image: url(http://dl.glitter-graphics.net/pub/575/575281br5nqkcttj.gif);
}
/*icon atas*/
li.gnopt, li.gnoptsel {
background: url("none")no-repeat top left;
width:75px;
}

/*Menghilangkan Simbol disamping judul inbox*/
li.gnopt a IMG {
display: none;
}
td.icon {
display:none;
}

/*BACKGROUND ON CONTACTS & GROUPS */
.contactbox {
float: center;
padding: 12px;
border: 3px dotted #FFFFFF;
margin: 8px;
font-size: 12px;
text-align: center;
background: url('http://farm4.static.flickr.com/3052/2656246452_b83bb8ee4b.jpg') fixed;
font-color:#7E354D;
cursor: url('http://farm4.static.flickr.com/3052/2656246452_b83bb8ee4b.jpg'),default;
}
td.rail {
background: url(http://www.lifelearning.org/wp-content/uploads/2007/10/01-hannah-montana-300a101106.jpg);
background-color: none;
background-position: bottom center;
background-repeat: no-repeat;
padding: 0;
margin: 0;
}div#subnav {
padding: 0px;
background: transparent;
border: none;
height: auto;
}

div#subnavc {
width: 80px;
height: auto;
border: none;
background: transparent;
padding: 0px;
position: fixed;
left: 10px;
top: 120px;
}
/*USERLOGO HOVER IMAGE*/
.railbody .userlogo img#user_logo_image {
display: none;
}
.rail .userlogo {
background: url(http://assets.gearlive.com/tvenvy/blogimages/HannahMontana.jpg);
background-repeat: no-repeat;
background-position: center;
border: 3px dotted hotPink;
font-size: 0px;
height: 100px;
padding: 10px;
}
.rail .userlogo:hover {
background: url(http://assets.gearlive.com/tvenvy/blogimages/HannahMontana.jpg);
background-repeat: no-repeat;
background-position: center;
font-size: 0px;
height: 100px;
padding: 10px;
}
.railbody p {
display:none;
}
.railbody p i, .railbody p b {
display:block;
}

Monday, June 1, 2009

Tips Customisasi Kolom Guestbook Agar Tampil Lebih Menarik

Saya mempunyai sedikit tips buat kolom guestbook anda... Dan ide ini muncul ketika saya ingin membuat agar tampilan awal dari LaptopMini terlihat lebih sederhana...

Jadi saya membuat agar guestbook dari LaptopMini hanya terlihat kolom pengisian atau textarea-nya saja, agar terlihat lebih simpel (setidaknya ini menurut saya lho...).

Jadi hasilnya akan tampil seperti gambar berikut:



Caranya juga gampang kok...
Tinggal masukin aja kode CSS berikut:

/* Guestbook Unique - LaptopMini */
#home_guestbook #replies {
display: none;
}

Kodenya sangat simpel kan..? Yang penting hasilnya, liat dulu.

Dan mungkin untuk saat ini itu aja tips dari saya, lain kali kalo ada ide saya posting lagi. [^_^]

Semoga bermanfaat..