21/1/13

Tutorial Cajita para Cbox


Hola~ 
como estan?yo aqui apareciendo con un nuevo tutorial aunque esta vez no encontre una forma correcta de colocar el titulo xD pero al final realmente es una cajita para el cbox ^^ 

 aqui una captura de lo que hablo
   



 Empezemos: 

❤ Añadiremos un gadget Html/Javascript
allí pegaremos el siguiente código



<div id="cboxbutton" style="position: fixed; bottom: 8px; right: 16px; width: 150px; padding: 3px; text-align: center; cursor: pointer; background-color: #EDF3F7; border:#C3D7E5 1px solid;border-radius: 3px; font-family: Tahoma, sans-serif; font-size: 14px;" onclick="togglecbox()"><b>Open Cbox</b></div>
<div id="cboxdiv" style="display: none; position: fixed; bottom: 48px; right: 16px; width: 200px; background: #EDF3F7; padding: 3px; line-height: 0;border:#C3D7E5 1px solid;border-radius: 3px;"></div>
<script type="text/javascript">
var cbvis = false;
var cbload = false;
var cbcookie = "cboxvis=";
function togglecbox () {

var cbdiv = document.getElementById("cboxdiv");

var cbbut = document.getElementById("cboxbutton");
if (!cbvis) {
if (!cbload) {
cbdiv.innerHTML = 'Codigo Cbox ';
cbload = true;
}
cbdiv.style.display = "block";
cbbut.innerHTML = "Close Cbox";
}
else {
cbdiv.style.display = "none";
cbbut.innerHTML = "Open Cbox";
}
cbvis = !cbvis;
document.cookie = cbcookie+((cbvis)?1:0);

}
// Toggle Cbox open if it was previously
var cbcookiei = document.cookie.indexOf(cbcookie);
if (cbcookiei >= 0) {

if (document.cookie.substring(cbcookiei+cbcookie.length, cbcookiei+cbcookie.length+1) === "1") {

togglecbox();
}

}
</script>

❤pueden ir jugando con los valores hasta que quede al gusto de ustedes
y como ya es normal en tutoriales de aqui, eso es todo,siempre facilito n_n

1 comentario:

  1. wow linda me super encatoooo

    linda deveria probarlo para mi siguiente look
    me encanta tu blog tienes trucos muy lindos e geniales e útiles tbm linda
    me gustaria que hiciera un tutorial de como poner tu boton de subir como blogskings
    que se sube solito y se desaparece cuando ya estas arriba
    me gusta mucho tu blog sigue asi linda precioso blog
    saludos
    sayonara

    ResponderEliminar