Cum sa faci un meniu de diapozitive ~ My Personal Blog..

3/04/2012

Cum sa faci un meniu de diapozitive

Del.icio.us Tweet/ReTweet Facebook StumbleUpon Technorati Digg This

Bună, Blogger! Acum, eu vă voi învăţa, despre Cum sa faci un meniu de diapozitive . Deci, dacă doriţi să adăugaţi acest meniu pentru a blog-ul dvs., trebuie să urmaţi urmatori paşii.

1. Conectaţi-vă la contul dvs. Blogger
2. Du-te la design -> Elemente de pagina -> Add Gadget
3. AlegeHTML / Java Script
4. Adauga codul de mai jos

<style type="text/css">
#hitsukeFX{
position:fixed;
top:150px;
z-index:+1000;
}
.hitsukeFXtab{
 height:100px;
 width:30px; float:left;
 cursor:pointer;
 background:url('http://lh3.ggpht.com/_KdeVdQg2Vsw/Swj9uvNEeVI
/AAAAAAAAAGs/N5XIUu3ymzY/tabs.png') no-repeat;
 }

.hitsukeFXcontent{ float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}

</style> <script type="text/javascript">
function showHidehitsukeFX(){
var hitsukeFX = document.getElementById("hitsukeFX");
 var w = hitsukeFX.offsetWidth;
 hitsukeFX.opened ? movehitsukeFX(0, 30-w) : movehitsukeFX(20-w, 0);
 hitsukeFX.opened = !hitsukeFX.opened;
 }

function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }


</script>
<div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div>
 <div class="hitsukeFXcontent">

 <!--PUNE CODUL AICI->

 </div>
 </div>
 </div>

 <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>



Trebuie sa schimbi  <!--PUNE CODUL AICI-> cu codul  widget
Codul abastru este adresa imaginei

Asta e tot  salveaza si gata .