gubhug reyot
Energy Saving Mode using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting kami!

Copyright 2010 gubhugreyot.blogspot.com - All rights reserved

CSS nggolekisearchporm

Simple Javascript "Select and Copy " untuk DIV

Select All and Copy untuk DIV

Javascript "Select all and Copy"

Javascript yang digunakan untuk copy and select DIV ini, akan sangat bermanfaat bagi siapapun yang tak biasa menggunakan textarea. Semua bisa kita isikan di dalam DIV special dengan pelengkap "Select and Copy" ini. Anda bisa menuliskan sembarang teks atau kode html, baik yang terwadahi tag DIV, p, h1 , h2 ..., b, em, span ataupun yang lain. Masukkan saja apa yang anda perlukan untuk bisa dengan mudah dicopy oleh pengunjung blog. Mau berita terbaru tentang gosip artis? Menu masakan, ... atau mungkin obat kutil, panu kurap dan kudis serta exim? He .... ... he ... silahkan ... silahkan ! Semua saya serahkan ke sampeyan semua! Silahkan coba dengan "KLIK" di button yang bisa mentul-mentul yang sudah saya sediakan!

pre class="doreng"

<style type="text/css">
/* kode css untuk expand horizontal div / box */
.bgsGRnodetail, .bgsGRnodetail2 {
height: 220px; // width sebelum perubahan
width: 149px;
border: 6px solid transparent;
opacity: 0.6;
-o-transition: all 1s ease-in-out; // CSS3 transition - transformation CSS3 transition-transformation
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
margin: 10px;
padding: 3px;
overflow: hidden; // pentingnya overflow
border-radius: 6px;
-moz-border-radius: 6px; // rounded corners - border radius CSS3
-webkit-border-radius: 6px;
position: relative;
float: left;
}
.bgsGRnodetail {
box-shadow: 1px 1px 10px #fff;
-moz-box-shadow: 1px 1px 10px #fff;
-webkit-box-shadow: 1px 1px 10px #fff;
}
</style>

Pre class="loreng"


<style type="text/css">
/* kode css untuk expand horizontal div / box */
.bgsGRnodetail, .bgsGRnodetail2 {
height: 220px; // width sebelum perubahan
width: 149px;
border: 6px solid transparent;
opacity: 0.6;
-o-transition: all 1s ease-in-out; // CSS3 transition - transformation CSS3 transition-transformation
-moz-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
margin: 10px;
padding: 3px;
overflow: hidden; // pentingnya overflow
border-radius: 6px;
-moz-border-radius: 6px; // rounded corners - border radius CSS3
-webkit-border-radius: 6px;
position: relative;
float: left;
}
.bgsGRnodetail {
box-shadow: 1px 1px 10px #fff;
-moz-box-shadow: 1px 1px 10px #fff;
-webkit-box-shadow: 1px 1px 10px #fff;
}
</style>

pre tanpa class

pre{ 
position: relative;
z-index: 50;
background:#fff url(http://gubhugreyot.blogspot.com/images/pre_bg.gif) top left repeat;
border:1px solid #999;
color:#000;
display:block;
font-family:"Courier New", Courier, monospace;
font-size:13px;
line-height:18px;
margin:10px 0 20px;
overflow:auto;
padding:18px 10px 17px;
overflow-x:scroll;
}

Untuk membaca tutorialnya silahkan buka dengan KLIK link di bawah ini:

Tutorial: Simple Javascript "Select All and Copy - DIV

You can see other best tutorial below ...

Please open the links below to read the others bloggers tutorial who can complete the tutorials and demos on this blog.Thank you for your visit!

Greeting
Ksatria Fantasy mengatakan... ....

wah,mantepz boz,boleh tukeran link g boz

Bila tak pegal di tangan
silahkan tulis sebuah komentar!

gubhug reyot

Recent Posts Using jQuery-CSS3

 
GR | Edited by | gubhug reyot