lunes, 28 de mayo de 2012

cuadrito personalizado con mensajitos varios y kawaii

No tenia ni idea como ponerle al titulo xD pero bueno empezemos :

cuadrito personalizado con mensajitos varios


Esta muy padre y muy sencillo puedes poner varios mensajitos

Como siempre anda a Diseno >> Elemento de Pagina >> Anadir Gadget HTML/Javascrip

Copiar el codigo y pegarlo en el gadget

<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

Morado: Lo grueso de tu borde.
Azul: El tipo de borde (yo lo tengo double)
Rosita: Color de tu borde
Naranja: CoLor de la luminosidad que rodea el cuadrito
Verde: Tipo de letra


cuadrito personalizado con marque (kawaii)


Hola holaaa gracias por tu visita ^^ no olvides dejar tu coment okis


anda a Diseno >> Elemento de Pagina >> Anadir Gadget HTML/Javascrip


Copiar el codigo y pegarlo en el gadget


<div style="Background-image:url(URL DE TU FONDO); repeat; padding: 5px;-moz-box-shadow: 0 0 15px 5px #FFD9EC;-webkit-box-shadow: 0 0 15px 5px #FFD9EC;
-moz-border-radius: 5px;border-radius: 5px;border: solid #ffaad5; filter:alpha(opacity=150);"><center><marquee behavior="scroll" direction="left" loop="infinite" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()">AQUI TU MENSAJE</marquee></c
enter></div& gt;




rojo:
direccion de tu fondo

rosa: CoLor de la luminosidad que rodea el cuadrito
Verde: lo grueso del borde
Naranja: estilo del borde
Azul: color de tu borde
morado: direccion de tu texto
left=izquierda right=derecha
cafe: tu mensaje

10 comentarios:

  1. nya nya nya nya gracias x el tuto ^^ ahora se vera mas kawaii qe el blog jajajaja genial :D gracias x todos los tutos qe has puesto a lo largo del tiempo *O* besos!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! :3

    ResponderEliminar
  2. ~w~ se ve hermoso!! jaja, usado (no es mio el blog, es de mi novio...pero aun asi se ve kawaii)
    animextur.blogspot.com XD

    ResponderEliminar
  3. Genial truquito, gracias, Annyz n.n~

    ResponderEliminar
  4. gracias annyz!! pero una duda, como le hago para q quede el mensaje asi como lo tienes tu, al final de cada post? sorry soy medio ignorante en esto :P

    ResponderEliminar
  5. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  6. Me sirvió y la verdad que muy buenooooooo! Me encantó :D

    ResponderEliminar

Nota: solo los miembros de este blog pueden publicar comentarios.