Membuat spolier gerakan lembut dan membagi dua halaman posting

Februari 07, 2017


Spoiler dengan flyppy :
Css-nya

#flippy{text-align:center}
#flippy button{background:#aa65c7;color:#fff;text-align:center;margin:0 auto;border:none;border-radius:3px;padding:8px 16px;margin:10px auto;font-size:14px;font-weight:bold;box-shadow:0 3px 0 0 #883da7;vertical-align:middle;cursor:pointer;text-shadow:0 1px rgba(0,0,0,0.3);transition:background 0.1s ease-in-out}
#flippy button:hover,#flippy button:focus{background:#9e4fbf;outline:none}
#flippanel{padding:1px;text-align:left;background:#f5f5f5;border:0}
#flippanel{padding:24px;display:none}

Java scriptnya :

<script>
$(document).ready(function() {
$("#flippy").click(function() {
$("#flippanel").slideToggle("normal");
});
});
</script>

<div id="flippy"><button>Cekidot</button></div>
<div id="flippanel">
---ISI KONTEN ANDA TERAPKAN DISINI---
</div>

Sekarang kitorang hendak membagi dua halaman posting untuk isi poto banyak amat, begini carenye broh...

<style scoped="" type="text/css">
.bagidua img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
.post-body img{-webkit-touch-callout:initial!important;-webkit-user-select:initial!important;-khtml-user-select:initial!important;-moz-user-select:initial!important;-ms-user-select:initial!important;user-select:initial!important;pointer-events:initial!important}
.bagidua {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
@media only screen and (max-width:960px){
.bagidua{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
@media only screen and (max-width:640px){.bagidua{-webkit-column-count:1;-moz-column-count:1;column-count:1;}
.post-body img{-webkit-touch-callout:initial!important;-webkit-user-select:initial!important;-khtml-user-select:initial!important;-moz-user-select:initial!important;-ms-user-select:initial!important;user-select:initial!important;pointer-events:initial!important}
</style>

<div class="bagidua">
isi poto
</div>

Untuk contohnye sampean bisa liat artikel FOTO HOT PAMELA SAVITRI BISA BIKIN MATA COWOK YANG BUREM JADI TERANG...
Demikian tutorial kali ini semoga dapet di mengerti yee

You Might Also Like

0 Comments

» Komentar anda sangat berguna untuk peningkatan mutu posting
» Terima kasih bagi yang sudah menulis komentar.

SUBSCRIBE NEWSLETTER

Get an email of every new post! We'll never share your address.

Flickr Images