CSS3 3D menu atas pergeseran

Posted by : Stiker Jalingkut

Pada Kesempatan Ini Kami Mau Berbagi Tentang CSS3 3D menu atas pergeseran
Dalam tutorial ini saya akan menunjukkan kepada Anda bagaimana untuk membuat menu Animasi 3D Navigasi (dengan gambar) Dengan CSS3 Saja (JavaScript-free). Kami Akan menggunakan kekuatan CSS3 efek seperti perspektif, box-sizing,,
gradien transformasi dan Ttransisi. Anda Dapat Menggunakan Menu ini Untuk Membuat Tampilan profesional Dari Situs Anda. Perhatikan, daripada Melihat Menu ini Anda harus bergerak dan hover mouse Anda ke Elemen biru di bagian Atas Halaman Maka Akan Muncul Menu Yang Di Namakan
CSS3 3D menu atas pergeseran. Nah Sekarang Kita Buktikan Kayak Apa,s Kemampuan
Nya Bukan Menu Nya'j Tapi Di CSS3 3D menu atas pergeseran Juga Terdapat Sambutan Kata2 Mutiara Loh Asikan Dah Bisa Milih2 Menu Bisa Juga Baca2 Kata2 Mutiara
Mari Sobat Kita Lihat Ok?.....

Kalu Sobat Lihat Gambar Yang Di Atas Maka Itu Lah Posisi CSS3 3D menu atas pergeseran
Jiaka mouse Sobat Di Arahkan Ke Elemen biru di bagian Atas Halaman Maka Akan Muncul
Gambar Kayak Di Ata D:

Buat Sobat Yang Berminat Silakan Ambil Code Di Bawah'y
Kalu Yang Gak Minat Juga Gak Pa2 Yang Penting Komen Dan Ngasih Krtikan
Kritikan Anda Andahlah Menambahkan Pengalaman Buat Kami Sobat
Silakan Di Bawah Genk'y

<span style="font-family: Courier New;"> </span><span style="font-family: Courier New;"><span style="color: blue;"><<span class="start-tag">link</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://selladrt11.jw.lt/CSS3%203D%20top%20shift%20menu/layout.css">http://selladrt11.jw.lt/CSS3 3D top shift menu/layout.css</a>" <span class="attribute-name">rel</span>="<a class="attribute-value" href="http://www.blogger.com/blogger.g?blogID=5978501112886018134">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value" href="http://www.blogger.com/blogger.g?blogID=5978501112886018134">text/css</a>" />
<span id="line7"></span>        <<span class="start-tag">link</span> <span class="attribute-name">href</span>="<a class="attribute-value" href="view-source:http://selladrt11.jw.lt/CSS3%203D%20top%20shift%20menu/menu.css">http://selladrt11.jw.lt/CSS3 3D top shift menu/menu.css</a>" <span class="attribute-name">rel</span>="<a class="attribute-value" href="http://www.blogger.com/blogger.g?blogID=5978501112886018134">stylesheet</a>" <span class="attribute-name">type</span>="<a class="attribute-value" href="http://www.blogger.com/blogger.g?blogID=5978501112886018134">text/css</a>" /></span>
</span>

Kode Css Yang Akan Menampilkan CSS3 3D menu atas pergeseran
Nanti Bisa Juga Buat Mengatur Posisi Elemen2.

Sekarang Kita Menuju Langkah2 Yang Kedua Sobat
Ok Sobat Copy Kode Di Bawah'y

<span style="font-family: Courier New;"> </span><span style="font-family: Courier New;"><span style="color: blue;"><div class="menu">
            <ul>
<li><a href="<span style="color: #cc0000;">http://bloggertutoria.blogspot.com/</span>"><img src="http://selladrt11.jw.lt/CSS3 3D top shift menu/1.png" /></a></li>
<li><a href="<span style="color: #cc0000;">http://mkrgayamdesain.blogspot.com/</span>"><img src="http://selladrt11.jw.lt/CSS3 3D top shift menu/2.png" /></a></li>
<li><a href="<span style="color: #cc0000;">http://bingkaiframes.blogspot.com/</span>"><img src="http://selladrt11.jw.lt/CSS3 3D top shift menu/3.png" /></a></li>
<li><a href="<span style="color: #cc0000;">http://selladrt-tempelate.blogspot.com/</span>"><img src="http://selladrt11.jw.lt/CSS3 3D top shift menu/4.png" /></a></li>
<li><a href="<span style="color: #cc0000;">http://selladrt11.jw.lt/</span>"><img src="http://selladrt11.jw.lt/CSS3 3D top shift menu/5.png" /></a></li>
<li><a href="<span style="color: #cc0000;">http://bloggertutoria.blogspot.com/</span>"><img src="http://selladrt11.jw.lt/CSS3 3D top shift menu/6.png" /></a></li>
<li><a href="<span style="color: #cc0000;">http://bloggertutoria.blogspot.com/</span>"><img src="http://selladrt11.jw.lt/CSS3 3D top shift menu/7.png" /></a></li>
</ul>
</div>
<div class="page_content">
            <div class="shade">
</div>
<header>
                <h2>
CSS3 3D top shift menu By Selladrt</h2>
<a href="<span style="color: #cc0000;">http://bloggertutoria.blogspot.com/</span>" class="stuts">Back to original tutorial on <span>Script Tutorials</span></a>
            </header>

<div class="box">
                <div class="header">
Pujangga Cinta-1</div>
<div class="body">
<span style="color: black;">Menjadikan yang mendengarnya merasa disanjung setinggi-tingginya. Kata-kata pujangga biasanya digunakan untuk mengungkapkan kecintaan terhadap seseorang atau merayu seseorang. Sudah pasti, yang hendak dirayunya pun akan terjerat dalam rayuan kata-kata pujangga. Jika seseorang mengungkapkan perasaannya dengan menggunakan kata-kata cinta yang begitu indah, begitu puistis, begitu berirama dan berima, selalu dikatakan kata-katanya yang diucapkannya ialah kata-kata pujangga, meski ia bukanlah seorang penulis puisi. Meski ia bukanlah orang yang begitu menyukai sastra atau karya sastra.
Namun begitulah, jika seseorang menuliskan kata-kata pujangga atau mengungkapkan suatu hal dengan mempertimbangkan segi pilihan kata (diksi), rima, dan makna, bisa dikatakan bahwa dia sedang berpujangga. Padahal,, pujangga sendiri memiliki arti bukanlah dari segi hasil melainkan dari segi profesi, pelaku, orangnya. Jika dikatakan ia sedang bergombal mungkin bisa saja diterima sebab ada pula yang menganggap kata-kata pujangga sebagai bentuk kegombalan seseorang untuk merayu atau meluluhkan hati pasangan juga yang dicintainya. </Dikatakan berpujangga sebab dinilai orang tersebut sedang berperilaku seperti pujangga yakni mengungkapkan kata-kata kepenyairan, kata-kata yang dirangkai sedemikian rupa sehingga terdengar indah dan penu</span>
                ></div>
<div class="footer">
Selladrt Wedan Tenan</div>
</div>
<div class="box">
                <div class="header">
Pujangga Cinta-2</div>
<div class="body">
<span style="color: black;">Pujangga sesungguhnya ialah penyair. Hanya saja kata pujangga diidentikkan dengan zaman terdahulu. Pada zaman kerajaan lebih banyak dikenal istilah pujangga dibanding dengan istilah penyair. Dalam kisah Tutut Tinular pun, dikisahkan seorang pendekar bernama Arya Dwipangga yang gemar bersastra membuat puisi. Ketika itu, Dwipangga merupakan satu-satunya pendekar yang juga dikenal sebagai pujangga. Saking identiknya Dwipangga dengan kata-kata pujangga yang dibuatnya, ia dijuluki pendekar puisi. 
Pada 1930-an dikenal istilah angkatan Pujangga Baru untuk mengidentifikasi penyair yang muncul dari segi kekaryaannya pada tahun tersebut. Pada tahun tersebut pun, kultur Melayu masih lekat sehingga penggunaan kata pujangga masih sering dipakai oleh masyarakat. Dapat dilihat dari karya sastra yang lahir pada tahun tersebut. Kata-kata pujangga yang terdapat dalam puisi, roman atau novel mencirikan kekhasan penggunaan bahasa yang puitis, syahdu, bijak, dan terkadang diselipi nasihat.
Dalam Kamus Besar Bahasa Indonesia, pujangga berarti pengarang hasil-hasil sastra, baik puisi maupun prosa. Masih menurut Kamus Besar Bahasa Indonesia, pujangga pun berarti ahli pikir, ahli sastra. Jadi jelaslah, istilah pujangga sama artinya dengan istilah penyair atau pengarang sastra, tentunya.
Kata-kata pujangga tercantum dalam berbagai karya sastra. Untuk karya sastra lama, tentunya pengkategoriannya masuk ke dalam pujangga lama. Di antaranya berupa syair, pantun, gurindam, dan hikayat. Sementara dalam pengkategorian pujangga baru tidak diklasifikasikan dari segi jenisnya.
Pada sastra pujangga baru, lebih dimunculkan ciri khas pujangga baru lebih menonjolkan unsur nasionalis dan intelektual. Berbicara mengenai kata-kata pujangga, berarti berbicara mengnai karya. Berbicara mengenai tulisan, mengenai teks yang ditulis oleh pengarang, penulis puisi atau novel. Namun, kata-kata pujangga pun tercantum pula dalam sebuah lirik lagu berjenis dangdut yang dipopulerkan Rhoma Irama. Lagu yang berjudul Kata Pujangga tersebut mengatakan kata-kata pujangga yang mengungkapkan mengenai indahnya cinta. Dalam lagu tersebut pun terungkapkan nasihat agar mencintai sekadarnya, tak berlebihan</span>
                <div class="footer">
Box footer</div>
</div>
</div>
</span>
</span>

Sobat Tinggal Ganti Warna Merah Dengan URL Sobat Semua
Kalu Sudah Lalu Lihat Hasilnya Pasti Mantap D:..
Sekian Dulu Dari Kami Sobat Tentang CSS3 3D menu atas pergeseran
Semoga Bermanfaat Buat Yang Membutuhkannya..?

{ 25 comentários... read them below or Comment }

Unknown6 Desember 2012 pukul 01.44
Kunjungan sore nih, genk!
Mantaf tutornya.. :vocalist:
BalasHapus
Balasan
AZLA6 Desember 2012 pukul 02.12
Selamat sore Genk, .........
wah dapat ilmu baru lagi nih, mantap sekali genk, tak coba untuk otak atik dulu ya genk, semoga tdk memberatkan loading blog nih
BalasHapus
Balasan
Abah Tasik6 Desember 2012 pukul 02.16
nice postnya, jangan lupa kunjung balik :D
BalasHapus
Balasan
Forester6 Desember 2012 pukul 02.53
thaks ya, dah berbagi,. salam blogger sukses selalu
BalasHapus
Balasan
dedaunan hijau6 Desember 2012 pukul 03.09
postingannya tingkat tinggi
saya follow aja
salam kenal
BalasHapus
Balasan
Anonim6 Desember 2012 pukul 03.16
Wah baru tahu nih genk.. ternyata malam jumat ini nambah imu baru.. thanks ya.. n happy blogging
BalasHapus
Balasan
Beben Koben6 Desember 2012 pukul 03.46
dari script dan tutorial nih...xixixixi...ahuahuahauhauha
BalasHapus
Balasan
vlog media news6 Desember 2012 pukul 06.55
Tips Css3 nya hmm... boleh juga nih genk... Dan demo mantab
BalasHapus
Balasan
Anonim6 Desember 2012 pukul 08.16
wihh keren bro..
member 60, di tunggu follback'a :D
BalasHapus
Balasan
Unknown7 Desember 2012 pukul 08.47
Bannernya telah terpasang genk.
BalasHapus
Balasan
Sigli Cyber7 Desember 2012 pukul 22.18
mantap sob,, makin keren tampilannya
BalasHapus
Balasan
Unknown7 Desember 2012 pukul 22.35
Maaf genk,tapi gambar tengkorak yang dibawah itu bukan banner ane genk >,< itu banner orang lain.
BalasHapus
Balasan
Anonim1 Februari 2013 pukul 02.05
Mantep sobb
Template nya bagus banget dan enteng
http://tips-gobel.blogspot.com

Gobel's Blog
BalasHapus
Balasan

Tambahkan komentar

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--

CSS3 3D menu atas pergeseran

{ 25 comentários... read them below or Comment }

Gabung Yuk

Labels

Mengenai Saya

Pengunjung

Labels

Pengikut