domingo, 2 de marzo de 2014
brillitos multicolor para tu cursor
Diseño >> Elemento de Página >> párr ponerte en contacto adminículo de HTLM / javascriptCopia el codigo y Pegalo en el aparato de ^ ^!
Tipo Mensajero = 'text / javascript'> / / <[CDATA [! initCursor Función () {if (document.getElementById) {var i, ratas, rlef, rdow; for (var i = 0; i <destellos; i + +) {var = ratas createDiv (3, 3); rats.style . Visibilidad = "hidden"; document.body.appendChild (Minúsculas [i] = ratas); starv [i] = 0; tinyv [i] = 0; ratas var = createDiv (5, 5); rats.style.backgroundColor = "transparente"; rats.style.visibility = "hidden"; var rlef = createDiv (1, 5); var rdow = createDiv (5, hex = new Array ("00", "14", "28", " 3C "," 50 "," 64 "," 78 "," 8C "," A0 "," B4 "," C8 "," CC "," F0 ") var r = 1 var g = 1 var b = 1 var ss = 1 destellos var = 35; var x = ox = 400; var y = oy = 300; var de diapositiva = 800; shigh var = 600; var sLeft = sdown = 0; var Pequeña = new Array (); estrella var = new Array (); starv var = new Array (); starx var = new Array (); stary var = new Array (); var TinyX = new Array (); tinyy var = new Array (); var tinyv = new Array (); función chispa () {var c; if (x! = buey | | y = oy!) {ox = x; oy = y; for (c = 0, c <destellos, c + +) if (! starv [c]) 5px, 5px, 0px) ";. estrella [c] = style.visibility" visible "; starv [c] = 50; break;}} for (c = 0, c <destellos, c + + ) {if (starv [c]) update_star (c); if (tinyv [c]) update_tiny (c);} setTimeout ("chispa ()", 40);} update_star Función (i) {if (- starv [ . i] == 25) Estrellas [i] style.clip = "rect (1px, 4px, 4px, 1px)"; if (starv [i]) {stary [i] + = 1 + Math.random () * 3; if (Stary [i] <shigh + sdown) {Estrellas [i] = style.top stary [i] + "px";. starx [i] + = (i% 5-2) / 5; Estrellas. [i] = style.left starx [i] + "px";} else {estrella [i] style.visibility = "hidden";. starv [i] = 0; return;}} demásupdate_tiny (i) {if ( - tinyv [i] == 25) {diminuta [i] style.width = "1px"; .. minúsculo [i] style.height = "1px";} if (tinyv [i]) {tinyy [i] + = 1 + Math.random () * 3;. if (tinyy [i] <shigh + sdown) {minúsculo [i] = style.top tinyy [i] + "px"; TinyX [i] + = (i% 5-2) / 5;. minúsculo [i] = style.left TinyX [i] + "px";} else {diminuta [i] style.visibility = "hidden";. tinyv [i] = 0; regresar; }} Más Pequeña [i] style.visibility = "hidden";. } Document.onmousemove = Raton; Función de Ratón (e) {set_scroll ();? y = (e) e.pageY: Event.Y + sdown;? x = (e) e.pageX: Event.X + sLeft;} set_scroll Función () {if ((self.pageYOffset) == "número" typeof) {sdown = self.pageYOffset; sLeft = self.pageXOffset;} else if (document.body.scrollTop | | document.body.scrollLeft) {sdown = document.body.scrollTop; sLeft = document.body.scrollLeft;} else if (document.documentElement && (document documentElement.scrollTop | | documento.. documentElement.scrollLeft)) {sLeft = document.documentElement.scrollLeft; sdown = document.documentElement.scrollTop;} else {sdown = 0; sLeft = 0;}} window.onresize = set_width; Función set_width () {if (typeof ( self.innerWidth) == "number") {de diapositiva = self.innerWidth; shigh = self.innerHeight;} else if (document.documentElement && documentElement.clientWidth) {de diapositiva = document. documentElement.clientWidth; shigh = document.documentElement.clientHeight;} else if (document.body.clientWidth) {de diapositiva = document.body.clientWidth; shigh = document.body.clientHeight;}} Función createDiv (alto, ancho) { div var = document.createElement ("div"); rainbow = "#" + hexagonal [r] + hexagonal [g] + hexagonal [b] si (ss == 6) {b - if (b == 0) ss = 1} if (ss == 5) {r + + if (r == 12) ss = 6} if (ss == 4) {g - if (g == 0) ss = 5} if (ss = = 3) {b + + if (b == 12) ss = 4} if (ss == 2) {r - if (r == 0) ss = 3} if (ss == 1) {g + + si (Div);} window.onload = function () {initCursor () initImage () horaInicio) (} initImage Función () {ImageId = "menú" image = document.getElementById (ImageID); setOpacity (imagen, 0); . style.visibility imagen = "visible"; fadeIn (ImageID, 0);} Función fadeIn (objId, opacidad) {if (document.getElementById) {obj = document.getElementById (objId); if (opacidad <= 100) { setOpacity (obj, opacidad); opacidad + = 10; window.setTimeout ("fadeIn ('" + objId + "'," + opacidad + ")", 120);}}} Función setOpacity (obj, opacidad) {opacidad = (opacidad == 100) 99.999: opacidad;? / / IE / Win obj.style.filter = "alpha (opacidad:" + opacidad + ")" / / Safari <1,2, Konquerorobj.style.KHTMLOpacity = opacity/100; / / Mozilla y Firefox Olderobj.style.MozOpacity = opacity/100 / / Safari 1.2, Más nuevo Firefox y Mozilla, CSS3 obj.style.opacity = opacity/100;} changeNav Función (id) hidestatus () {window.status = "" return true} / /]] > </ script> <script type="text/javascript"> si window.jstiming.load.tick (window.jstiming) ("cabecera de red '); </ script> <div class =' sección navbar id '= "navbar"> <div class='widget navbar' id='navbar1'> <script type="text/javascript"> setAttributeOnload Función (Objeto, ATRIBUTO, val) {if (window.addEventListener) {window.addEventListener (" load ", function () {object [ATRIBUTO] = val;}, false);} else {window.attachEvent ('onload', function () {object [ATRIBUTO] = val;});}} Función showRelatedContent (args ) {var el = document.getElementById ('Relacionadas iframe');! if (el.parentNode.style.display = 'none') {el.parentNode. style.display = 'none'; document.onclick = showRelatedContent.prevOnClick; return;} Partido var = /? (: [?] ^ | y) = c ([0-9] +) (:?! & | (..)) / exec (args);! if (Partido == null) {. document.getElementById ('Relacionadas carga ») style.left = match [1] +' px '; el.style.left = Math.max (0, Partido [1] - parseInt (el.width) / 2) +' px ";}. / / Ocultar desplegable Relacionado Con El Contenido al HACER clic en Lugar any, Pero En El document.onclick = func
paginas de cursores
cursores
pagina 1
pagina 2
pagina 3
obviamente primero lo que haces es abrir una de estas paginas que te deje, ya abierta aras lo siguiente:
elijes tu cursor favorito, te aparecera un codigo...
ese codigo lo COPIAS, ya copiado te iras a DISEÑO y AÑADIR UN GADGET
HTML/Javascript
y PEGAS el CODIGO y GUARDAR
Y LISTOOOOO YA TIENES TU CURSOR
pagina 1
http://it.punteros.org/cursores
pagina 2
http://zoonae.es.tl/CURSORES-PARA-TU-WEB.htmcursores
pagina 3
http://tatineyra.blogspot.com/2012/09/cursores-para-tu-blog.htmlcomo ponerlos





Y LISTOOOOO YA TIENES TU CURSOR
Decora tus fOtitos
EL PRIMERO
befunky
clic en la imagen para ir a la pagina

segundo
PIXLR

ULTIMO
FOTOFLEXER

paginas que me gustan
california Graphics
en esta pagina hay tutoriales de blogger
tutoriales para blogger
http://california-graphics.blogspot.com.es/
annyz kawaii blog
en esta pagina hay muchoooooo por descubrir
http://annyzkawaiiworld.blogspot.mx/recursos kawaii
tutoriales para blogger
http://recursoskawaii.blogspot.com/
Redondear una imagen
Redondear una imagen
¿Como Redondear Una Imagen Con Código HTML o CSS?
Utilizaremos "border-radius", Debes Editar 50px Por El Nro Que Deseas {20p, 10px, 7px, etc.}
Ejemplo 1
{Redondear Todas Las Esquinas}

Código:
Ejemplo 2
{Seleccionar Las Esquinas A Redondear}

Código:
Ejemplo 3
{Imagen Circular}

Código:
¿Como Colocar El Efecto En Todas Las Imágenes Del Blog?
Diseño // Edicion HTML // [Ctrl + F] & Buscas ]]></b:skin>
ARRIBA Pega El Código Que Deseas:
Efecto 1
Utilizaremos "border-radius", Debes Editar 50px Por El Nro Que Deseas {20p, 10px, 7px, etc.}
Ejemplo 1
{Redondear Todas Las Esquinas}

Código:
<img src="URL DE TU IMAGEN" style="-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;padding:0px;"/>
Ejemplo 2
{Seleccionar Las Esquinas A Redondear}

Código:
<img src="URL DE TU IMAGEN" style="-webkit-border-radius: 50px 10px 50px 10px;-moz-border-radius: 50px 10px 50px 10px;border-radius: 50px 10px 50px 10px;padding:0px;"/>
Ejemplo 3
{Imagen Circular}

Código:
<img src="URL DE TU IMAGEN" style="-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;padding:0px;"/>
¿Como Colocar El Efecto En Todas Las Imágenes Del Blog?
Diseño // Edicion HTML // [Ctrl + F] & Buscas ]]></b:skin>
ARRIBA Pega El Código Que Deseas:
Efecto 1
img {Efecto 2
padding:0px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
transition: all 0.4s linear;
}
img:hover {
padding:0px;
border-radius:0px;
}
img {El Efecto Numero 3 No Es "Estético" Para Todas Las Imágenes Ya Que Sirve Si La Imagen Posee La Misma Medida De Ancho & Alto.
padding:0px;
-webkit-border-radius: 50px 10px 50px 10px;
-moz-border-radius: 50px 10px 50px 10px;
border-radius: 50px 10px 50px 10px;
}
img:hover {
padding:0px;
border-radius:0px;
}
Suscribirse a:
Entradas (Atom)