HTML5 & CSS3 Toggle SlideUp and SlideDown | TANPA JAVASCRIPT
Script :
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>HTML5 & CSS3 Toggle SlideUp and SlideDown | TANPA JAVASCRIPT</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div class="container">
<section>
<div id="container_buttons">
<h1>
HTML5 & CSS3 Toggle SlideUp and SlideDown | TANPA JAVASCRIPT
</h1>
<div style="clear:both"></div>
<ul>
<li class="toggle">
<a href="#One">Cara Membuat Auto Readmore Dengan Style CSS Animasi Versi 2</a>
<p id="One">
Assalammu'alaikum Wr.Wb | Tidak Bosan Kami Kali ini TB4all Akan Memberitahu Bagaimana Cara Membuat Auto Readmore Dengan Style CSS Animasi Versi 2, Karena Sebelumnya Kami Sudah Memberitahu Cara Membuat Auto Readmore Dengan Style CSS Animasi,Tanpa Banyak Basa-Basi TB4all Akan Langsung Memberitahu Cara Membuat Auto Readmore Dengan Style CSS Animasi Versi 2.<a href="http://tb4all.blogspot.com/2012/05/cara-membuat-auto-readmore-dengan-style_24.html">Read more...</a>
</p>
</li>
<li class="toggle">
<a href="#Two">Triangle Breadcrumbs Dengan CSS</a>
<p id="Two">
Triangle Breadcrumbs Dengan CSS | Tidak Akan Membuat Berat Blog Karena Semua Ini Menggunakan CSS Bukan Gambar Atau Foto Apapun ! <a href="http://tb4all.blogspot.com/2012/05/triangle-breadcrumbs-dengan-css.html">Read more...</a>
</p>
</li>
<li class="toggle">
<a href="#Three">Simple and Nice Blockquote Dengan CSS</a>
<p id="Three">
blockquote menampilkan dalam standar-compliant browser dengan "tanda kutip besar sebelum" efek, dan di IE dengan batas kiri tebal dan latar belakang abu-abu terang.
Tidak seperti teknik blockquote lain, gaya ini tidak memerlukan elemen blok-level element (seperti p). <a href="http://tb4all.blogspot.com/2012/05/simple-and-nice-blockquote-dengan-css.html">Read more...</a>
</p>
</li>
<li class="toggle">
<a href="#Four">Tabel Zebra Striping Dengan CSS</a>
<p id="Four">
Assalamu'alaikum | Kali ini Kami Akan Memberi Tahu Script Tabel Zebra Striping Dengan CSS <a href="http://tb4all.blogspot.com/2012/05/tabel-zebra-striping-dengan-css.html">Read more...</a>
</p>
</li>
<li class="toggle">
<a href="#Five">Transparan Inside Border Dengan CSS</a>
<p id="Five">
Assalamu'alaikum | Kali ini Kami Akan Memberi Tahu Script Border Transparan Dengan Menggunakan CSS <a href="http://tb4all.blogspot.com/2012/05/transparan-inside-border-dengan-css.html">Read more...</a>
</p>
</li>
</ul>
<em style="float: right;margin:10px 0;">Credits: <a href="tb4all.blogspot.com">Tutorial Blog For All</a></em>
</div>
</section>
</div>
</body>
</html>
Selamat Mencoba ^_^, Jika Ada Yang Ingin Ditanyakan anda Bisa Komen Di Artikel Ini Dijamin 100000000% Kami Akan Membantu :D .
No comments:
Post a Comment