simple band (div overlay)

Senin

simple band (div overlay)

<span id="result_box"class="long_text"> <span style="background-color: rgb(255, 255, 255);"title="The below strategy does the following:"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Strategi ini di bawah berikut:
</span > <span style="background-color: rgb(255, 255, 255);"title="- Starts with a Picture, where as much content as reasonable is drawn directly into the picture."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Mulai dengan Gambar, dimana sebanyak konten sebagai akal ditarik langsung ke gambar. </span > <span style="background-color: rgb(255, 255, 255);"title="You can draw in your links, logo, and anything else you want."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Anda dapat menggambar pada link, logo, dan apa pun yang Anda inginkan.
</span > <span style="background-color: rgb(255, 255, 255);"title="You can draw in boxes or leave blank areas to import content from the default page."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Anda dapat menggambar dalam kotak atau biarkan kosong daerah untuk mengimpor konten dari halaman default.

</span > </span > <span id="result_box"class="long_text"> <span style="background-color: rgb(255, 255, 255);"title="- Hides the default page content completely (except the Ad Banner, search/menu areas, bottom links)"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Jangat konten halaman default sama sekali (kecuali Iklan Banner, cari / menu area, bawah link)
</span > <span style="background-color: rgb(255, 255, 255);"title="You may opt to add additional code to remove the top menus."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Anda dapat memilih untuk menambahkan kode tambahan untuk menghapus menu bagian atas.
</span > <span style="background-color: rgb(255, 255, 255);"title="If you use this strategy correctly, your div should adjust to accomodate any changes to the top menu area."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Jika Anda menggunakan strategi ini dengan benar, Anda harus menyesuaikan div untuk mengakomodasi perubahan apapun pada menu paling atas kawasan.

</span > <span style="background-color: rgb(255, 255, 255);"title="(This block can be used, to hide the whole myspace page, without using the rest of this tutorial.)"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">(Blok ini dapat digunakan, untuk menyembunyikan seluruh halaman myspace, tanpa menggunakan sisa dari tutorial ini.)

</span > <span style="background-color: rgb(255, 255, 255);"title="- Inserts your page image or div"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Menyisipkan gambar halaman Anda atau div
</span > <span style="background-color: rgb(255, 255, 255);"title="- Shows you how to turn parts of the image into links"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Menunjukkan Anda bagaimana mengubah bagian gambar ke dalam link
</span > <span style="background-color: rgb(255, 255, 255);"title="- Shows you how to import content from the default myspace page into your div overlay."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Menunjukkan Anda bagaimana mengimpor konten dari halaman myspace default ke div overlay.
</span > <span style="background-color: rgb(255, 255, 255);"title="- Shows you how to add a custom scroll section to use for whatever."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Menunjukkan Anda bagaimana cara menambahkan bagian kustom gulir digunakan untuk apa saja.
</span > <span style="background-color: rgb(255, 255, 255);"title="- Shows you how to create a custom "add comment" box."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Menunjukkan Anda cara membuat custom "add comment"kotak.

</span > <span style="background-color: rgb(255, 255, 255);"title="This example uses the band page."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Contoh ini menggunakan halaman band. </span > <span title="This concept works for the Regular Page or The Band Page."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Konsep ini bekerja untuk Reguler Page atau The Band Page. </span > <span style="background-color: rgb(255, 255, 255);"title="The exact code I use, is sometimes Band Page specific."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Kode tepat saya gunakan, kadang-kadang Band Page spesifik.

</span > <span style="background-color: rgb(255, 255, 255);"title="To see the page we will be building, in this tutorial Click Here"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Untuk melihat halaman kita akan membangun, dalam tutorial ini
</span > <span style="background-color: rgb(255, 255, 255);"title="(The grid and borders are temporary, and removable)."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">(The grid dan perbatasan bersifat sementara, dan removable).

</span > <span style="background-color: rgb(255, 255, 255);"title="As you follow this tutorial, You will create your own layout."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Ketika Anda mengikuti tutorial ini, Anda akan membuat tata letak Anda sendiri. </span > <span title="(But if you like my template, you are welcome to use it.)"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">(Tapi jika Anda suka template, Anda dipersilahkan untuk menggunakannya.)

</span > <span title="Notes:"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Catatan:
</span > <span title="1) USE SAFE MODE, it really does simplify things."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">1) USE SAFE MODE, itu benar-benar menyederhanakan hal. </span > <span title="This option is next to the regular "edit page" option."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Opsi ini di samping biasa "edit halaman"pilihan.
</span > <span style="background-color: rgb(255, 255, 255);"title="2) Do NOT count on Preview, it will NOT show you what your page will look like, when using custom style commands."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">2) Apakah TIDAK mengandalkan Gambar, TIDAK akan menunjukkan apa yang halaman Anda akan terlihat seperti itu, ketika menggunakan perintah gaya kustom. </span > <span style="background-color: rgb(255, 255, 255);"title="You must submit and view your page to see the results."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Anda harus menyerahkan dan melihat halaman Anda untuk melihat hasilnya.
</span > <span title="3) IF your submit button does NOT show you can still submit."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">3) JIKA tombol submit Anda TIDAK menunjukkan Anda tetap dapat serahkan. </span > <span title="Paste this code into the address bar of your browser:"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Sisipkan kode ini ke address bar browser Anda:
</span > <span title="javascript:document.forms[1].submit()"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">javascript: document.forms [1]. submit ()
</span > <span title="Then hit return"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Lalu tekan kembali
</span > <span title="The above works for both the Preview Button and the Submit Button."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Di atas bekerja untuk kedua Pratinjau Button dan "Submit Button.
</span > <span title="(I tested this tutorial using safe mode, and it did NOT hide my preview or submit button)."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">(Saya diuji tutorial ini menggunakan mode aman, dan itu TIDAK menyembunyikan tombol preview atau kirimkan).

</span > <span title="Step 1: Create the Core of your overlay as a Single Image"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Langkah 1: Buat Core overlay Anda sebagai Single Image
</span > <span title="Use a picture editing program (photoshop, paint, paintshop etc ...) to Create a picture of what you want your layout to look like."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Gunakan program pengedit gambar (photoshop, cat, paintshop etc ...) untuk Ciptakan sebuah gambar dari apa yang Anda ingin tata letak Anda terlihat seperti.

</span > <span title="Leave space where you want to do any of the following:"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Meninggalkan ruang di mana Anda ingin melakukan salah satu dari berikut:

</span > <span title="- pull in content from the default page."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Menarik konten dari halaman default.

</span > <span title="- create content (Such as Text) in a separate div to place on your page"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">- Membuat konten (seperti teks) dalam div terpisah untuk ditempatkan di halaman Anda

</span > <span title="ie You will make a Picture to use as the core of your layout, leaving space on the picture anywhere you want to add content which is not actually part of your picture."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">yaitu Anda akan membuat gambar untuk digunakan sebagai inti dari layout anda, meninggalkan ruang pada gambar manapun yang Anda inginkan untuk menambahkan konten yang tidak benar-benar bagian dari gambar Anda.

</span > <span title="This core picture will become our building block."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Gambar inti ini akan menjadi gedung kami blok. </span > <span title="We can turn parts of this picture into links, and import default page content (or other content) into other parts of the page."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Kita dapat mengubah bagian-bagian dari gambar ini ke dalam link, dan mengimpor konten halaman default (atau konten lain) ke bagian lain dari halaman.

</span > <span title="The following is a picture I created using paintshop."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Berikut ini adalah gambar yang saya buat menggunakan paintshop. </span > <span title="This will become the building base (core) for the div overlay I will create in this tutorial."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Ini akan menjadi dasar bangunan (inti) untuk overlay div Aku akan menciptakan dalam tutorial ini.
</span > <span title="Click here to see the Image I will be using to build this Page with"onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Klik di sini untuk melihat Gambar Saya akan menggunakan untuk membangun this Page dengan

</span > <span title="Step 2: Remove the default Content from the Main part of the page (This is everything between the top menu area and the bottom links)."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Langkah 2: Hapus Isi default dari bagian utama halaman (Ini adalah segalanya antara menu paling atas wilayah dan link bagian bawah).
</span > <span title="-The top and bottom menus, and the search thing, can be removed here, or later if desired."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">-Bagian atas dan bawah menu, dan hal pencarian, bisa dihapus di sini, atau nanti jika diinginkan. </span > <span title="Our div will position automatically if they are removed later."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Posisi span kami akan secara otomatis jika mereka dihapus kemudian.
</span > <span title="-We will position the music player at a later step."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">-Kita akan posisi pemutar musik pada langkah berikutnya. </span > <span title="For now it will just sit below your core."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Untuk sekarang ini akan hanya duduk di bawah inti Anda.
</span > <span title="-We will be able to recover other desired content later."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">-Kami akan dapat memulihkan konten yang diinginkan lain kemudian. </span > <span title="For now remove even the content you want to pull back in. The Code below, to Hide the Content, is designed so that it is easy to import most of the default content back into your div overlay."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Untuk sekarang bahkan menghapus konten yang ingin Anda tarik kembali masuk Kode di bawah ini, Sembunyikan Konten, dirancang sedemikian rupa sehingga mudah untuk mengimpor sebagian besar konten default kembali ke tampilan div Anda.

</span > <span style="background-color: rgb(255, 255, 255);"title="Place this code block in your "sounds like" Section."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">Letakkan kode ini di blok "terdengar seperti"Bagian. </span > <span style="background-color: rgb(255, 255, 255);"title="(It can go anywhere that takes style blocks, I use the sounds like section)."onmouseover="this.style.backgroundColor='#ebeff9'"onmouseout="this.style.backgroundColor='#fff'">(Hal ini dapat pergi ke mana pun yang mengambil gaya blok, saya menggunakan suara seperti bagian





</span > </span > <pre class="source-code"> <code > <i class="i">!START code in Influences ! </i >
<i class="i">!START Style Block For Hiding Elements on Band Page!
<a href="http://xiii.us/ms/band-hide-all">MySpace Band Hide Everything </a >
</i >
<style >
.i, div.clearfix i i i {display:none}
{! fix a centering problem, and clear white space caused by clear gifs !}
td {width:auto;}
table td img {display:none;}

{! restore any images displayed inside our div. You may want to use block instead of inline for some images. !}
table td div.myCoreDiv img, table td div.myCoreDiv table td img,
table td div.myCoreDiv div img {display:inline;}

{!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!}
div table td a.navbar img {display:block;}

{! removes most content and the space it occupied !}
table table table {display:none}

{! minimize the remaining main page content that can not be removed without effecting the ad and menus !}
table table td { height:0px; margin:0px; padding:0px;}

{! restore my div. !}
table div.myCoreDiv {display:block;}
{! restore div with Comments !}
table div.myCoreDiv div.myDclassFC {display:block;}
table div.myCoreDiv div {display:block;}

table table br {display:none;}
table table table br {display:block;}

{! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !}
{! does not work in Safari !}
table div br {line-height:4px;}
{! reverse effect on custom div !}
table div.myCoreDiv br {line-height:11px;}

{! remove default background coloring !}
table table, tr, td {background-color:transparent !important}

{! ONLY if you want to remove the blue behind the ad banner AND the maroon !}
div.profileWidth table, div.profileWidth td {background-color:transparent !important}
div table {border-bottom:none !important;}

{! ADDITIONAL STYLE BLOCKS CAN GO HERE !}



</style >
<i class="i">!End code in Influences ! </i > </code > </pre >