Jumat, 20 September 2013

PHP Indonesia - Facebook: /*according menu*/ section{ display:block; } .acc...

PHP Indonesia - Facebook
PHP Indonesia is a community for everyone that loves PHP. Our focus is in the PHP world but our topics encompass the entire LAMP stack. Topics include PHP coding, to memcached handling, db optimizations, server stack, web server tuning, code deploying, hosting options and much much more. Youtube Channel : http://www.youtube.com/user/OurPHPIndonesia Twitter : @php_indonesia NOTE: Rules for Wall posting: https://www.facebook.com/groups/35688476100/doc/10151597056316101/ Daftar Keanggotaan : http://www.facebook.com/groups/35688476100/doc/10150671770741101/ 
Curious about BaaS?

Get the full feature comparison in our free eBook comparing the time to create your own cloud backend to a Backend as a Service like Kinvey.
From our sponsors
/*according menu*/ section{ display:block; } .acc...
Sep 20th 2013, 18:33, by Last Mint

Last Mint 6:33pm Sep 20
/*according menu*/
section{
display:block;
}
.accordion{
background-color:#eee;
border:1px solid#ccc;
width:320px;
border-radius:3px;
box-shadow:0 1px 0 #999;
}
.accordion section{
border-bottom:1px solid #ccc;
margin:5px;
background-color:#fff;
background-image:-wbkit-linear-gradient(top,#fff,#eee);
border-radius:5px;
}
.accordion h2
.accordion p{
margin:0;
}

.accordion p{
padding:o;
}

.accordion h2 a{
display:block;
font-size:0.7em;
position:relative;
padding:10px;
color:#333;
text-decoration:none;
border-radius:5px;
}

.accordion h2 a:over{
background:#fff;
}

.accordion h2 +div{
height:0;
overflow:hidden;
-webkit-transition:height 0.3s ease-in-out;
}

.accordion :target h2 a:after{
content:;
position:absolute;
right:10px;
top:50%;
margin-top:-30px;
border-top:5px solid #333;
border-left:5px solid transparent;
border-right:5px solid transparent;
}

.accordion :target h2 + div{
height:150px;
}


/*bahan artikel*/
.wrapper{
display:block;
width:500px;
margin:10px;
}
.daftar-artikel{
float:left;
width:600px;
background:-webkit-linnear-gardent(top, #3f2f2, #c2c0c0);
border-radius:10px 10px 10px 10px;
}
.judul-artikel{
margin:-3px 10px 20px 5px;
font:20px'Lobster13Regular';
}
.frame{
background:white;
border:1px solid lighttgrey;
padding:5px;
margin:10px 10px 10px 0;
width:150px;
float:left;
position:relative;
}
.frame img.tmbumb{
position:relative;
width:100%;
}

------------------------------------------------------
<div class="wrapper col3">
<div id="homecontent">
<div class="fl_left">
<div class="column2">
<ul>
<li>
<?php
include("admin/koneksi.php");
$tabel=mysql_query("select * from berita where id=$berita");
$data=mysql_fetch_array($tabel)
?>

<h2 class="imgholder2"><?php echo $data [judul]; ?></h2>
<p><img src="admin/image/<?php echo $data [gambar];?>" width="130" height="110" align="left" /><?php echo $data [isiBerita]; ?></p>
</li>
</ul>
<br class="clear" />
</div>
<div class="column2">
<h2>&nbsp;</h2>
</div>
</div>
<div class="fl_right">
<div id="sidebar">
<h2 class="header-box">Daftar Kategori</h2>
<div class="box";>
<div class="accordion">
<section id="one">

<h2><a href="#one">Silabus</a></h2>
<div>

<ul>
<li><a href="">apa apapa</a></li>
<li><a href="">apa apapa</a></li>
<li><a href="">apa apapa</a></li>
<li><a href="">apa apapa</a></li>
<li><a href="">apa apapa</a></li>
</ul>

</div>

</section>
<section id="two">
<h2><a href="#two">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>
</section>

<section id="three">
<h2><a href="#three">Evaluasi</a></h2>
<div>
<ul>
<li><a href="">ggg io</a></li>
<li><a href="">hhhio</a></li>
<li><a href="">Fihh io</a></li>
<li><a href="">fghnm io</a></li>
<li><a href="">jjje io</a></li>
</ul>
</div>
</section>
<section id="four">
<h2><a href="#four">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>

</section><section id="five">
<h2><a href="#ifve">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>
</section>
<section id="six">
<h2><a href="#six">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>
</section><section id="seven">
<h2><a href="#seven">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>
</section><section id="eight">
<h2><a href="#eight">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>
</section>

<section id="nine">
<h2><a href="#nine">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>
</section>

<section id="ten">
<h2><a href="#ten">Materi Ajar</a></h2>
<div>
<ul>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
<li><a href="">Filele io</a></li>
</ul>
</div>
</section>
</div>
</div>
</div>
</div>
<ul>
<li>
<div class="imgholder"></div>
<p>&nbsp;</p>
<p align="justify">&nbsp;</p>

</li>
</ul>
</div>
<br class="clear" />
</div>
</div>
=========================
gima saat di klik biar nutup buka sendiri sidebarnya gan?

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions
Diposting oleh di

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)