17 de mayo de 2014
❥El blog abierto otra vez+Aviso+Tutoriales
2 message(s) / comment ?★☆
u.u
Sándwiches
R5-todo el cd.
Chocolate
Google+.Hi! Friends~ ♥
Bueno, cómo están mis algodones de azúcar (? El blog abierto otra vez! Qué bueno, no?
Hoy {y ayer también} se me ocurrió que como la planilla sugar rainbow tenía muchos errores podía cambiarla por otra {no será blogskin}. Y también traigo unas cositas EXTRAS, {dos tutoriales} Oki, primero daré los tutoriales así no queda para el final.
Tutorial n° 1: C-box con efecto circular 2
Tutorial original by Jochi Cat ~ No copy!
Este tutorial me pertenece es original mío, así que por favor, no lo re-distribuyas y si lo haces dame créditos! Gracias. Okay, emepecemos de una vez. Nos iremos a Diseño>>Añadir gadget>>HTML javascript>>Y en la cajita pegas:
Bueno, está bueno el tutorial, nop?
Tutorial n° 2: Cajita UP/DOWN
Primero, quiero aclarar: el tutorial NO es mío, es de Mell. El otro solo el código de base es de ella, yo solamente edité unas cosas.
Copia & Pega el siguiente código script en un gadget HTML/javascript:
Hoy {y ayer también} se me ocurrió que como la planilla sugar rainbow tenía muchos errores podía cambiarla por otra {no será blogskin}. Y también traigo unas cositas EXTRAS, {dos tutoriales} Oki, primero daré los tutoriales así no queda para el final.
Tutorial n° 1: C-box con efecto circular 2
Tutorial original by Jochi Cat ~ No copy!
<center><div style="border-radius:100%;padding:5px;"><div id="HCC2-container"><div id="HCCircle"><div class="mmC3"><br /><br /><br /><br /><center>EL CÓDIGO DE LA C-BOX</center></div><div class="mmC1"><img src="http://i.imgur.com/0zxqmqQ.png" style="width: 200px; height: 200px; border-radius:100%;" /></div></div></div></div></center><style>#HCCircle {-webkit-transform-style: preserve-3d;-webkit-perspective: 1000;width: 200px;height: 200px;border-radius:33333px;background: #eee; /* FONDO CIRCLE ESTATICO */position: relative;border: 1px dashed #000; /* BORDER CIRCLE ESTATICO */} .HCC3, .HCC1 {position: absolute;-webkit-backface-visibility: hidden;-webkit-transition: -webkit-transform 0.4s ease-in;width: 100%;height: 100%;font-family: calibri; /* ESTILO DE LETRA MENSAJE */color: #000; /* COLOR DE LETRA MENSAJE */font-size: 9px; /* TAMAÑO DE LETRA MENSAJE */border-radius:3333px;}.HCC3 {-webkit-transform: rotateY(180deg);background: #FFFFFF url(http://i.imgur.com/ym7dORi.png);overflow: hidden; } .HCC1 {background: #fff;}#HCC2-container {display: inline-block;text-align: justify;} #HCC2-container:hover .mmC3 {-webkit-transform: rotateY(0deg);}#HCC2-container:hover .mmC1 {-webkit-transform: rotateY(-180deg);}}</style>
CÓDIGO DE BASE: {MELO}
Editamos lo marcado en rojo está editado a mi gusto las imágenes que utilizé son: Bueno, está bueno el tutorial, nop?
Tutorial n° 2: Cajita UP/DOWN
Primero, quiero aclarar: el tutorial NO es mío, es de Mell. El otro solo el código de base es de ella, yo solamente edité unas cosas.
Copia & Pega el siguiente código script en un gadget HTML/javascript:
<style>.CajaUDmmc {background: url(URL DE TU CAJITA);width: 230px;heigth: 300px;color: #FFF;font-family:calibri;font-size:12px;line-height:12px;padding-top:63px;padding-bottom:10px;}.CajaUDmmc a{font-size:17px;color: transparent;text-decoration: none;}.lol a:hover{color: transparent;text-decoration: none;text-shadow: none;}</style><div class="CajaUDmmc"><div style="position:relative;height:185px;overflow:hidden;"><div id="container" style="overflow:hidden;position:absolute;width:180px;margin-left:30px;"><!--COMIENZA EL TEXTO-->COLOCA AQUÍ TU TEXTO<!--FINALIZA--></div></div><table width="195px" style="right:0px;"><td><p align="right"><a href="#" onmouseover="move('container',5)" onmouseout="clearTimeout(move.to)" title="sube!"> up</a><a href="#" onmouseover="move('container',-5)" onmouseout="clearTimeout(move.to)" title="baja!"> do</a></p></td></table></div><script type="text/javascript">/******************************************* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)* Visit http://www.dynamicdrive.com/ for full source code* This notice must stay intact for use******************************************/// modified 17-October-2011function move(id,spd){ var obj=document.getElementById(id),max=-obj.offsetHeight+obj.parentNode.offsetHeight,top=parseInt(obj.style.top); if ((spd>0&&top<=0)||(spd<0&&top>=max)){ obj.style.top=top+spd+"px"; move.to=setTimeout(function(){ move(id,spd); },20); } else { obj.style.top=(spd>0?0:max)+"px"; }}</script>Editamos lo marcado en cursiva. Bueno, besitos a todas tal vez pronto publique el diseño nuevo, chaito!
Etiquetas: #Tutoriales
Name : Josefina
Location : Argentina
Sexuality : idk, i'm doubting about it lmao
Fandom: anime, imagine dragons
