About Me

Foto Saya
AthieR (GOoD Time)
Lihat profil lengkapku

Rabu, 07 Maret 2012

BounceBox Notification Plugin With jQuery

Sobat bisa memasukan kode apa saja di dalam Bouncebox ini. sobat bisa memasukan script Cbox,Followers,atau apa aja..


  • Cara pembuatannya:

Silahkan sobat cari kode tag : ]]></b:skin>
Lalu sobat copy Css di bawah ini lalu pastekan di atas kode ]]></b:skin>  tersebut

/* The bouncing box */
#box{
 background:#000;
 height:115px;
 padding:20px;
 margin-top:-10px;
 padding-top:30px;
 width:400px;
 border:1px solid #333;
 color:#888;
 text-shadow:1px 1px 0 black;
 font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
}
#box p{
 font-size:16px;
 background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiltSXcITvPuwmjwc_x2tSJLNOgN8_OT6LZmKH74FEysyoePtEjLlFdumzuv5MQ8sN6MRCUgxmTR2cIR-X59Lg-kWyD63J07AXEwMz1VC_q4Wuh1ivZNZD2xjbg51L9Lbt_DK9O8FxgQSXx/s1600/warning.png') no-repeat 10px center;
 padding-left:90px;
}
#box p b{
 font-size:52px;
 display:block;
}
#box,
#main,
a.button{
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;}
a.button,a.button:visited,
a.button:active{background:#000700;-moz-box-shadow:0 0 2px #002300;
 color:#777;
 letter-spacing:-2px;
 padding:20px;
 display:block;
 text-shadow:0px 1px 1px #000;
 font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
 font-size:40px;
 font-weight:bold;
 text-align:center;
 width:350px;}
   Langkah berikut nya masukin Script jQuery
sobat cari kode </body> atau tag </head>
Lalu sobat pastekan Script di bawah ini
tepat di atas atau sebelum tag </body>  atau  </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://pandet.googlecode.com/files/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://pandet.googlecode.com/files/jquery.bouncebox.1.0.js"></script>
<script type="text/javascript" src="http://pandet.googlecode.com/files/jquery.bouncebox.script.js"></script>    
  • Untuk pemanggilannya: 

Silahkan sobat tambahkan kode berikut di elemen halaman/Tambahkan gadged/Script/html
<div id="main"><a class="button" href="#">Click Me</a>
<div id="box"><p><b>Title!</b>Boring explanation.</p></div></div>

0 komentar:

Posting Komentar

Daftar Isi Cyber remoxp-vj™

.-= fUntastic mUsic =-.

  • Banner Link

remoxp-vj.blogspot.com. Diberdayakan oleh Blogger.

  • Banner Link

Pengikut bLog


close
 
Copyright© 2011 ---== cyber remoxp-vj™ ==---- | Template Blogger Designer by : RAJANI SINURAT' |
Template Name | Cyber remoxp-vj™ : Version 1.0 | BoysstReet Up'z