16/7/13

[Tutorial]Poner brillos multicolor cayendo del cursor +Busco administradores para una Pag de DL


Holaque tal la verdad que no estaba muy bien para publicar pero como se me ocurrio una cosa para hacer me subí la moral para las que os guste DIABOLIK LOVERS! hice una pagina en face  busco administradoras o administradores podéis ser cualquiera de los personajes de DL menos Yui XD que soy yop para los que sean administradores pondré un apartado con los enlaces de lo que queréis que publicite n-n espero que os guste DL va ha ver descargas el manga traducido especiales imágenes juegos espero que me hagáis feliz con eso 
dale a la imagen si quieres visitarlo y si quieres ser admin solo mandame un MP
• ·. · '¯ `·. · •yυι ĸoмorι• ·. · '¯ `·. · •
Ahora el tuto


  • Diseño
  • Añadir Gadget Jabascrip

<script type='text/javascript'>
// <![CDATA[
function initCursor() {
if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}


var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
var sparkles = 35;


var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();


function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}


function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}


function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}


document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}


function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
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 || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}


window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}


function createDiv(height, width) {
var div=document.createElement("div");
rainbow="#"+hex[r]+hex[g]+hex[b]
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.zIndex="10";
div.style.backgroundColor=rainbow;
return (div);
}
window.onload=function()
{
initCursor()
initImage()
startTime()
}


function initImage() {
imageId = 'menu'
image = document.getElementById(imageId);
setOpacity(image, 0);
image.style.visibility = "visible";
fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = document.getElementById(objId);
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120);
}
}
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}


function changeNav(id) {
document.getElementById('content').innerHTML=document.getElementById(id).innerHTML;
document.getElementById('main').innerHTML=document.getElementById('home').innerHTML;
document.getElementById('rabbit').style.top="275px"
document.getElementById('penguin').style.top="532px"
}


function hidestatus(){
window.status=""
return true
}
// ]]>
</script>


<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>


<div class='navbar section' id='navbar'><div class='widget navbar' id='navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
function showRelatedContent(args) {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
document.onclick = showRelatedContent.prevOnClick;
return;
}


var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
if (match !== null) {
document.getElementById('related-loading').style.left = match[1] + 'px';
el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
}


// Hide related-content dropdown when clicking anywhere but on it.
document.onclick = function() {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
}
document.onclick = showRelatedContent.prevOnClick;
};
}
</script></div></div>
Espero que os haya gustado un beso bien grande

40 comentarios:

  1. Gracias por el tuto ahorita mismo lo pondre en mi blog http://jeannetheditions.blogspot.com/

    Besos y gracias!!

    (Espero y te vaya bien en tu pagina)

    ResponderEliminar
    Respuestas
    1. muchas gracias espero que si porque necesito ayuda XD

      Eliminar
  2. OMG 0__0 que código más largo XD gracias por el tuto Kumy-chan

    ResponderEliminar
  3. Waaa!! Qué largo xDD
    Pero muuy buen tuto, Kumy.
    A mí me gusta mucho Diabolik Lover, pero no tengo face :S Bueno, te deseo lo mejor con tu pagina y que encuentres administradores ;)
    Besitos :)

    ResponderEliminar
    Respuestas
    1. ayy si te gusta que bien pero como no tienes face :((((((((((((( o dios esto se me va ha hacer eterno XD

      Eliminar
  4. No se si te has dado cuenta pero tu blog es muy famoso: esta entrada lleva nose 20 min y ya tiene 5 comentarios xP

    ResponderEliminar
    Respuestas
    1. ahh si suele pasar XD hay mucho trafico por aqui

      Eliminar
  5. Se puede en plantillas blogskin? Y el código esta muy largo D: jaja lo intentare como sea

    ResponderEliminar
  6. Que código mas largo *-* muchas gracias lo voy a poner en mi blog. Por cierto, le estoy cogiendo el tranquillo a eso editar el HTML. Es más fácil de lo que esperaba. Pero me faltan algunos códigos necesarios. He puesto la plantilla Picture Window, la primera opción. ¿Tú que plantilla Picture Window usas para tener el código ]]>?
    Porque ese no lo tengo y lo necesito mucho.

    ResponderEliminar
    Respuestas
    1. pues de las Picture Window tengo la primera de todas ahi es donde me sale ese codigo

      Eliminar
  7. waaa kumy yo quiero entrar al club de DL!
    Se puede?

    ResponderEliminar
  8. Gracias por el Tuto! Veré si algún día lo uso pero ese código... Ufff es muy largo XDDD, me gustaría entrar pero no me dejan tener Facebook u_u

    ResponderEliminar
  9. ¡Hola Kumy! Gracias por el tutorial y si como ya te han dicho antes el código esta bien largo xD Pero que se le va a hacer...

    Sobre la página de face, ya me hice seguidora y me encantaría participar como admi, pero lamentablemente no conocía ese manga, así que no serviría de mucho. De cualquier forma, gracias a ti me pondré a leerlo.

    Y una ultima cosa, te he dejado unos premios en mi blog. Puedes reclamarlos o dejarlos ahí, pero ya son tuyos de todas formas n.n

    Te mando un abrazo, que estés muy bien. Y por cierto, ¡tu blog es precioso! Yo arreglare el mio, pero aun no sé como xD

    ResponderEliminar
    Respuestas
    1. awww que bien lo van a echar pronto en anime si te gustan los vampiros sadicos y pervertidos seguro que te encanta y cuando quieras participa

      Eliminar
  10. Tantas letras y numeros en un codigo! O.O me vuelven loca xD muy buen tuto!! Arigatooo!!!

    Muchos besos y se me cuida!

    ResponderEliminar
  11. Por favor te he escrito un comenario en la entrada: "[Tutorial] Dos formas de poder comentar en las plantillas blogskin". La primer forma no es mi tuto pero la segunda SI. Nose como encontraste ese tutorial, pero es mio. Yo no me dedico en hacer tutoriales pero los pocos que hago, los hago con mucho empeño para que sea original. Hoy me doy cuenta que 5 PERSONAS (incluida vos) me copiaron la entrada. Asi que por favor borra esa entrada. Ponete en mi lugar, no es lindo que tu hagas un tutorial y que de repente alguien lo copie, lo ponga en su blog y se lleve todo el crédito. Espero que me comprendas.

    ResponderEliminar
    Respuestas
    1. ettto yo lo saque de Mell y puse los creditos si wuieres te enseño la entrada de donde la saque ! y te entiendo hacer cosas y luego te las copien es feo si quieres te doy creditos a ti y no a mell pero pasame tu blog x3 porque nunca lo he visto xD

      Eliminar
    2. Gracias por borrarlo :) lo de Mel recien me fije y no tiene ese tuto. Pero me agarró un ataque q después de ausentarme en el blog, cuando vuelva me encuentro cn esto, asi q explote xD te pido disculpas si reaccione mal pero ayer estaba enojadisima xD y bueno ahora me tranquilize. Gracias :)

      Eliminar
  12. Holaaa!! muchas gracias ya lo use en mi blogsito :D

    http://renders-a.blogspot.mx/

    ResponderEliminar
  13. gracias por el tutorial! ;) y la pagina se escucha genial! *O* me creare un facebook con mi nombre de aqui jeje y te sigo!

    ResponderEliminar
  14. Muchas Gracias por el tuto amiga ese efecto es muy lindo n_n si tuviera mas tiempo te ayudaria con lo de tu pag de face pero como trabajo U_U en fin amiga un saludito!!

    ResponderEliminar
  15. Holis;tu blog me parece super liiindo de verdad,a penas lo descubri quede como wow!! asi que te nomine a un premio:
    http://luvanesar.blogspot.com/2013/07/ya-me-estoy-poniendo-vieja-tercer-premio.html

    Muchos saludos,:D

    ResponderEliminar
  16. are are X_x me pierdo con el javascript aslkdjhfasdf pero muchas gracias por el tutorial~ nos veremos pronto y cuando cambie el diseño tal vez use este recurso, arigato ja, onee-chan!!

    ResponderEliminar
  17. buen tutorial, gracias por el ^^

    ResponderEliminar
  18. gracias por el tuto! ^v^

    besos!!! ^-^

    ResponderEliminar
  19. Hola mi niña tienes un premio en mi blog

    http://sakusekai.blogspot.com/2013/07/dos-premio-que-me-han-otrogado.html

    ResponderEliminar
  20. Hola! :3 Acabo de descubrir tu blog, ¡y me encanta! *-* Ya me he echo segui y me he leido unas cuantas entradas. :D
    Besos!
    Te dejo mi blog:
    pinkworldbyeva.blogspot.com

    PD: Muy buen tuto ^-^

    ResponderEliminar
  21. muchas gracias es el que estaba buscando y por ti lo encontra y ya lo puse gracias

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com