Pedido de Catnip Swan (Parte 1).

¡Hola a todos! :)

Catnip, aquí tienes la primera parte de tu pedido. Mira a ver si está todo bien, y si hay algo que no te gusta, dímelo por un comentario o por un correo ^^

PREVIEW CBOX

Aquí tienes el código. 

Sólo tienes que pegarlo en un gadget tipo HTML/Javascript (cualquiera).

Ya está puesto el efecto deslizante como el que tenemos en el blog.

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:400px; width:150px; float:left; cursor:pointer; background:url('http://img593.imageshack.us/img593/708/catnipcbox.png') no-repeat; } .gbcontent{ float:left; border:2px double #000000; background:#FFFFFF; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div> <iframe frameborder="0" width="200" height="298" src="http://www7.cbox.ws/box/?boxid=799738&boxtag=jw9kky&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-799738" style="border:#FFF6F8 1px solid;" id="cboxmain7-799738"></iframe></div> <div> <iframe frameborder="0" width="200" height="82" src="http://www7.cbox.ws/box/?boxid=799738&boxtag=jw9kky&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-799738" style="border:#FFF6F8 1px solid;border-top:0px" id="cboxform7-799738"></iframe></div> </div> <!-- END CBOX --> <div style="text-align:right"> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (140-gb.offsetWidth).toString() + "px"; </script>



BOTÓN DE AFILIACIÓN.

<a href="www.diamantedelaveta.blogspot.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2VaPSXEK9UOhguXrR4TvFgo-pzlU3l1ksDp5ghG9WkgqETXjrnoeHaFlQWovPGmLOGEn8oUQt1YDJUyZwbikH8kEhV9EEyKAeIl1ae53p4uqKz2XC5UfHwfHXsNMma2fwbStvCW8mCMMh/s1600/anigif.gif" border="0" alt="Image and video hosting by TinyPic"></a> <br /> <br /> <br />

Y la primera tanda de PNG's. 

Estos son de Anna Popplewell.

La segunda parte del pedido la está haciendo Sweet Nothing, así que no te puedo decir cómo va. Pero aún así, supongo que mañana o pasado le subirá.

Espero que te guste, y no olvides dar créditos, a ser posible, con este botón :)

<a href="www.radioactivegraphics.blogspot.com" target="_blank"><img src="http://img9.imageshack.us/img9/8452/66303674.jpg" border="0" alt="Image and video hosting by TinyPic"></a> <br /> <br /> <br />

Recordad que si queréis algún tutorial en especial (de Blogger o Photoshop), no dudéis en pedírmelo. Esta tarde no tengo mucho que hacer, así que si me lo pedís ahora, puede que más tarde esté listo :)

¡Un besazo! <3