17 de marzo de 2015

Tutorial: Cuadrito kawaii con mensajes en tu blog


Holaaa :-) ¿como están? Una chica me dejo un comentario diciendo que haga un tutorial pero no especifico cual así que les dejo aquí este tuto de como colocar un recuadro en sus blogs con un mensajito y se ve muy cute ^.^  Espero les guste y les sirva de algo, déjenme sus dulces comentarios. Nos vemos en la próxima entrada <3


- Diseño
-Añadir gadget HTML
-Pegas este código

<form name="news">
<textarea rows="1" style="border:3px double #ffaad5;-moz-box-shadow: 0 0 15px 5px #ffaad5;
-webkit-box-shadow: 0 0 15px 5px #ffaad5;border-radius:7px;font-size:12px;font-family:century gothic;cursor:crosshair;" cols="30" name="news2" wrap="virtual"></textarea>
<script language="JavaScript">
var newsText = new Array();
newsText[0] = "PRIMER MENSAJE";
newsText[1] = SEGUNDO MENSAJE";
newsText[2] = "TERCER MENSAJE";
newsText[3] = "CUARTO MENSAJE";
newsText[4] = "QUINTO MENSAJE";
newsText[5] = "SEXTO MENSAJE";
var ttloop = 1; //
var tspeed = 70; //
var tdelay = 1000; //
// ------------- CANNOT EDITING ------------- \
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
</script>
</form>

Ahora edita:

 AZUL: el tipo de borde
 ROSA: color del borde
 ROJO: el brillo que rodea el cuadrito
 VERDE: tipo de letra

2 comentarios: