Cara membuat scroll box

Tutorial Blogger

Tips - Trik Blogger

Buat perjaka yang masih Jomblo

Berita Terbaru Sehangat Tahi Ayam

Rabbits are ground dwellers that live in environments ranging from desert to tropical forest and wetland. Their natural geographic range encompasses the middle latitudes of the Western Hemisphere. In the Eastern Hemisphere rabbits are found in Europe, portions of Central and Southern Africa, the Indian subcontinent, Sumatra, and Japan. Rabbits are ground dwellers that live in environments ranging from desert to tropical forest and wetland. Their natural geographic range encompasses the middle latitudes of the Western Hemisphere. In the Eastern Hemisphere rabbits are found in Europe, portions of Central and Southern Africa, the Indian subcontinent, Sumatra, and Japan. Rabbits are ground dwellers that live in environments ranging from desert to tropical forest and wetland. Their natural geographic range encompasses the middle latitudes of the Western Hemisphere. In the Eastern Hemisphere rabbits are found in Europe, portions of Central and Southern Africa, the Indian subcontinent, Sumatra, and Japan. Rabbits are ground dwellers that live in environments ranging from desert to tropical forest and wetland. Their natural geographic range encompasses the middle latitudes of the Western Hemisphere. In the Eastern Hemisphere rabbits are found in Europe, portions of Central and Southern Africa, the Indian subcontinent, Sumatra, and Japan.

Salam buat sobat bloggerz

Saya Hanya Menyukai Blogger Dan Masih Tahap Belajar.... ‎''Jalani hidup apa adanya. Jangan memaksa dan jangan terpaksa. Yakini bahwa setiap rencana Tuhan selalu berakhir baik'' Kawan aku gak akan ada jika kau tak ada karenamu aku berarti karenamu juga aku punya alasan untuk terus menatap masadepan Tanpamu aku kosong kerena memang hanya sahabat yang menjadikan aku manusia bermakna ...!

Silahkan buka link di bawah ini untuk mengikuti tutorial menarik lainnya:
http://www.negrionta.co.tv

Senin, 25 Juli 2011

Cara membuat scroll box

Cara membuat scroll box untuk menu,Demo bisa lihat di blog ini di kiri atas..

Copy Paste Kode HTML Javascript di bawah ini :

<div class="Schroll Menu">
<div style="
width: 208px;
border: 2px solid red;
padding:0px;
height: 310px;
background:url(http://i1125.photobucket.com/albums/l587/negrionta/gaktahan.gif);">

<div class="menu"><div style="
border:2px solid #0000FF;
width:188px;
padding:4px;
height:25px; text-align: center;
margin:4px;
font:17px Timees New Roman;
color:#0000FF;
text-shadow: 2px 2px 6px #7FFF00;
font-weight:bolder;
background-image:url(http://i36.tinypic.com/ou9xjb.gif)
;"> <a href="Link-1" title="Tutorial Blogger">Tutorial Blogger</a>
</div></div>
<div class="widget-content"><div style="
border:2px solid #4B0082;
overflow:auto;
width:193px;
padding:2px;
height: 252px;
text-align:left;
text-shadow: 1px 1px 6px #7FFF00;
margin:4px;
font:15px Times New Roman;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpj_YfSeO-A5tLAHD6KLlX1AD9n3s8Ii93sJbMcYHgDBE6TiuD4O18l-_um2t8zw2Dpn8JE7UKXa-ZHur5f1on3ixS2xu20_F-MJT_2bdj0i1f9ey4e3s8FBf_wJpxNDWM1UOwMr1wTN97/s1600/kelelawar.gif);
color:yellow;">

LETAKKAN ISI BOX DI SINI !!!

</div>

Keterangan: width: 208px; untuk lebar dan height: 310px; untuk tinggi box ,bisa di ganti sesuai keinginan sobat !!
Silahkan di coba !!

Semoga Bermanfaat...

0 komentar:

Langganan: Posting Komentar (Atom)

Negrionta Community

Menu Spesial

Silahkan Berikan Komentar !!!

Negrionta Community

Tutorial Blogger

Album dan Catatan

Semakin lama saya hidup, semakin saya sadar Akan pengaruh sikap dalam kehidupan Sikap lebih penting daripada ilmu, daripada uang, daripada kesempatan, daripada kegagalan, daripada keberhasilan, daripada apapun yang mungkin dikatakan atau dilakukan seseorang. Sikap lebih penting daripada penampilan, karunia, atau keahlian. Hal yang paling menakjubkan adalah Kita memiliki pilihan untuk menghasilkan sikap yang kita miliki pada hari itu. Kita tidak dapat mengubah masa lalu Kita tidak dapat mengubah tingkah laku orang Kita tidak dapat mengubah apa yang pasti terjadi Satu hal yang dapat kita ubah adalah satu hal yang dapat kita kontrol, dan itu adalah sikap kita. Saya semakin yakin bahwa hidup adalah 10 persen dari apa yang sebenarnya terjadi pada diri kita, dan 90 persen adalah bagaimana sikap kita menghadapinya. Akhirnya: Seluruh pilihan terletak di tangan Anda, tidak ada JIKA atau TETAPI. Andalah pengemudinya. Andalah yang menentukan JALAN HIDUP ANDA…!!!!

Box Cantik Serba rgba

Background rgba mampu membentuk sebuah efek transparansi yang berbeda dengan penggunaan opacity. Pada background rgba, transparansi yang tercipta pada box terdalam (DIV) tidak akan mempengaruhi box (DIV) yang dibangun sesudahnya. Ini akan memungkinkan kita menampilkan sebuah background terdalam pada keseluruhan desain.

Kita bisa perhatikan pada Scoll Box ini. Sekalipun sebenarnya hanya dengan memberikan sebuah background warna hitam pada box terdalam, sebenarnya sudah mampu memberikan penampilan yang amat luar biasa cantik. Namun demikian, karena sifatnya yang berfungsi untuk memberikan efek transparansi, maka akan lebih "afdol" seandainya sampeyan gunakan sebuah background image pada box terdalam (DIV pertama - div class="boxe").

Penggunaan sebuah background warna cerah pada scroll Box ini juga tak kalah menariknya. Sampeyan tinggal pilih untuk menggunakan warna background yang paling tepat sehingga efect transparansi melalui background rgba ini mampu ditampilkan secara maksimal.

By:negrionta community

-->

Menu Title

Klick - Buka-Tutup

Description: This script collapses any DIV on the page and lets users manually toggle its appearance via a smooth "Web 2.0 style" animation. It's a popular effect on many social networking/ comment sites. Three distinguishing features of this script are:

Ability for the script to work on both DIVs that have an explicit CSS height attribute defined, and without.

Ability to "group" multiple collapsible content instances to act as a single unit, so opening one closes the others.

Persistence can be enabled on each collapsible content individually that will remember if the DIV has been expanded, and upon the user's return to the page within the same browser session, keep it expanded.

Individually toggle various attributes of each collapsible content, whether a fade effect should be applied, the duration of the animation, an explicit height, plus whether the content should be hidden via scripting by default when the page loads.
Ability to "group" multiple collapsible content instances to act as a single unit, so opening one closes the others.

Persistence can be enabled on each collapsible content individually that will remember if the DIV has been expanded, and upon the user's return to the page within the same browser session, keep it expanded.

Individually toggle various attributes of each collapsible content, whether a fade effect should be applied, the duration of the animation, an explicit height, plus whether the content should be hidden via scripting by default when the page loads.

Putra Makkah

TUTORIAL

Tutorial Blogger

Tips - Trik Blogger

Buat perjaka yang masih Jomblo

Berita Terbaru Sehangat Tahi Ayam

Salam buat sobat bloggerz

NegriOnta

Blog Archive

Pengikut

Senin, 25 Juli 2011

Cara membuat scroll box

0 komentar:

My Profile

Negrionta Community

Negrionta Community

Negrionta Community

Tutorial Blogger

Album dan Catatan

Menu Title

Full Musik