Bueno, éte aquí una pregunta que me hacía el otro día, porq tengo una cuenta en Jotelog (para quienes no lo conozcan, es símil al Fotolog, pero tiene una dif. interesante.) y mi pregunta se basaba en que surfeando por las pags de amigos, por ahí me encontraba con pags. de otras personas desconocidas pero que cuando entrabas a su "Jote" te cambiaba el puntero del mouse, tenían un fondo, el tipo de letra cambiado,... en fin muchas cosas que se me ocurrieron eran "programables", asiq buscando un poquito me encontré en un foro en el que estaban todos preguntándose esto, y un guaso saltó diciendo: "Tenés que agregarle a links, códigos HTML para cambiar lo que quieras." por lo tanto seguí buscando y de toke encontré muchísimos códigos muy interesantes y que porsupuesto por ser códigos, son modificables
Asi q, como tmb lo busqué en taringa y no lo encontré acá les va el post de como hacerse un jotelog y que quede bien piola
Antes que nada tienen que hacerse una cuenta en
Luego de cargar su primera imagen (de 6 que se pueden cargar diariamente
) vallan dentro de su Jote a "Mi Cuenta" y de ahí a "Mis Preferencias", donde elegirán la configuración de colores de su pag (que no son sólo los q aparecen ahí, ya que variando los números de paleta obtenemos distintos colores a los q nos muestra ahí, por ej: #000000 (negro), pero #000100 (negro un poco mas claro), tmb aquí cambiaremos el nombre de nuestra pag y algunas "sutilezas" sobre nuestros datos.
Después, cuando ya hayan cargado su primera foto, vallan a "Mi Cuenta" y un vez allí diríjanse a "Mis Datos", acá es donde deberán cargar los códigos en HTML. En esta pag. nos encontramos con varios lugares para poner nuestros datos personales, como "gustos" "intereses" y toda la gilada... Lo importante está abajo de todo (como siempre...), en el lugar donde dice: "Mis Links" es a donde debemos ingresar el código deseado, el único tema de los códigos es q si le ponemos muchas cosas a nuestro jote, quedará muy cargado y se volverá problematico abrirlo después (me ha pasado
por eso tengan ojo). Luego de poner el código en donde señala: "(nombre del link)", al lado dice tmb "(url del link)", aquí simplemente colocamos alguna pag. pero q exista, si no es al pedo poner el codigo . Ponemos nuestra contraseña, y "actualizamos". Y listo, en el jote los cambios están hechos.
Bueno, ahora a lo copado... Los códigos y qué hacemos con cada uno de ellos:
El jote sin nada más q los colores cambiados:
http://www.fotozone.es/foto/26,2007/fotozone_54193.jpg
Cita :No pude poner el código completo porq la pag. lo tomaba y no aparecía, asiq voy a citar lo que hay que poner antes y después de cada código en estos citados, sory, pero no me quedó otra muchachos
Sombreado:
Cita :A este código hay que iniciarlo con la sentencia style y al final colocarle /style, cada una de ellas encerradas entre "<>" debería quedarles algo, en este caso, como la siguiente imagen, pero les paso el código escrito igual para q el copiado sea mas rápido:
código HTML: td,p{filter:dropShadow(color="#FFF000",offX="3",offY="3"
}
En el de la imagen está amarillo porq le cambié el color para que se note con el titulo el efecto. En amarillo cambiamos donde dice "#FFFFFF", por: "#FFF000".
Corrido de título:
código HTML: td,p{filter:wave(Strength=3,lightstrength=30)}
Cita :Éste tmb va encerrado con la sentencia style como el de arriba.
Desenfoque de Jote:
código HTML: td,p{filter:blur(strength="50"
}
Cita :Va encerrado en sentencia style como vimos anteriormente tmb. Y para que el desenfoque sea menor tenemos que modificar el valor de "strength" por uno menor y listo!
Darle brillo alrededor de las fotos:
código HTML: td,p{filter:shadow(color="#FFFFFF",direction="45"
}
Cita :Encerrado en sentencia style nuevamente. Y modificando el valor de colores obtenemos otro, este es blanco por eso es: "#FFFFFF"
Cambiarle el tipo de letra al jote (en este caso a "PAPYRUS"
:
código HTML: type="text/css">body,div#rating, div#gbook, p#caption, p#photoDate, td#recentFoto, td#ff{font-family
APYRUS;}
Cita :En éste caso el primer style con el que encerramos lleva solo el primer "<" pero al segundo no se lo pongan. Y se cierra con el style igual que los anteriores con "<>"
No pongo imagen acá porq no tengo instalado el office en el vista, pero funciona perfectamente en el XP (que tengo instalado el office)
Cambiar los colores de la barra desplazadora en tu pag.:
código HTML: type="text/css">body {scrollbar-track-color: GREEN;scrollbar-face-color: BLACK ;scrollbar-3dlight-color: RED;scrollbar-highlight-color: BLUE;scrollbar-shadow-color: BLACK;scrollbar-arrow-color: #660000;}
Cita :En éste caso el primer style con el que encerramos lleva solo el primer "<" pero al segundo no se lo pongan. Y se cierra con el style igual que los anteriores con "<>". Para poner los colores que quieran simplemente pongan en cada lugar donde diga por ej: "GREEN", el color que quieran en inglés.
Cambiar imagen de fondo en el lugar de "Joteo":
código HTML: textarea{background-image:url(URL DE LA IMAGEN);color
INK;}
Cita :Código va encerrado en sentencia style. Y en el lugar marcado va el URL de la imagen que desean que aparezca en el fondo. Donde dice "PINK", es el color de la letra en el lugar de joteo que tendrán quiénes deseen jotear.
Agrandar el lugar de "Joteo":
código: textarea{ height: 500px;}
Cita :Encerrado por la sentencia style, como venimos encerrando. Osea la primera con "<>" y la segunda con "</>". En éste podemos cambiar el valor de "px" para hacerla del tamaño que queramos, en este la puse de 500px.
Imágenes con borde circular:
código HTML: type="text/css"> a:link img {filter:alpha(finishopacity=0, style=2); border:0px solid;} a:visited img {filter:alpha(finishopacity=0, style=2); border:0px solid;} a:hover img {filter:none;}
Cita :En éste caso el primer style con el que encerramos lleva solo el primer "<" pero al segundo no se lo pongan. Y se cierra con el style igual que los anteriores con "<>"
Para que el comentario de tu foto aparezca centrado:
código HTML: p#caption, p#photoDate{text-align: center;}
Cita :Encerrado por la sentencia style, como venimos encerrando. Osea la primera con "<>" y la segunda con "</>".
Para que la primera letra del nombre de tus "Amigos" sea mas grande:
código HTML: td#ff a:link{ font-family: ARIAL; color: #FFFFFF;}td#ff :first-letter { font-size: 200%; float: right;}
Cita :Encerrado entre dos style, como siempre. Cambiamos donde dice "ARIAL" por el tipo de letra que queramos q sea la q aparece en grande.
Para que el cursor cuando se encuentre sobre la pag. cambie:
código HTML: type="text/css">body {cursor: url(ADENTRO DE ÉSTOS PARÉNTESIS PONÉ EL LINK DE DONDE SE ENCUENTRA EL CURSOR QUE QUERÉS); }
Cita :En éste caso el primer style con el que encerramos lleva solo el primer "<" pero al segundo no se lo pongan. Y se cierra con el style igual que los anteriores con "<>"
No pongo imágenes, pero paso algunos links de cursores:
http://www.myspacecursor.net/cursor/BigBoo.cur
http://www.myspacecursor.net/cursor/Boat.cur
http://www.myspacecursor.net/cursor/Bomb.cur
http://www.myspacecursor.net/cursor/Car.cur
http://www.myspacecursor.net/cursor/Dog.cur
http://www.myspacecursor.net/cursor/earthjim.cur
http://www.myspacecursor.net/cursor/lauracroft.cur
http://www.myspacecursor.net/cursor/Mario2.cur
http://www.myspacecursor.net/cursor/Mario.cur
http://www.myspacecursor.net/cursor/pacghost.cur
http://www.myspacecursor.net/cursor/Pong.ani (este esta piola)
http://www.myspacecursor.net/cursor/sonic2.cur
http://www.myspacecursor.net/cursor/Yoshi2.cur
Para poner música en tu Jote:
Bueno acá no hay un codigo específico, ya que tenemos que "obtenerlo" de una pag. para cada tema en particular, si alguna vez "embedearon" un video de youtuve ("b"
, esto es practicamente lo mismo, si no acá van los pasitos. (si necesidad de crearse una cuenta en imim (con doble "ee" en realidad)
1°_ Entramos a .
2°_ Buscamos el tema que queremos que tenga nuestro jote:
3°_ Una vez encontrado, clickeamos el link de donde se encuentra. (Y ésta es la parte en la que hay que ser "rápido de mouse"
Rápidamente, mientras se carga la pag., buscamos a donde dice "Embed in your Blog, Website, etc." clickeamos en "Auto Play" (hacer esto es importante, para que el tema se reproduzca automáticamente cuando entramos a nuestro jote después.) y "obtenemos" el código con un rápido "ctrl+C". Debe ser rápido, porq si tardamos aparecerá el cartel bloqueador, q nos dice q no somos usuarios...pobres, no conocen a los Argentinos:
4°_ Pegamos el código en algun lado y tenemos que cortarle las partes de éste q no nos van a servir para el "embed":
O sea, borramos lo que está marcado en rojo. Y copiamos nuevamente lo que quedó, incluídos los "embed".
5°_ Agregamos éste codigo que tenemos copiado en "Mis Links", y listo!. Ahora al entrar al nuestro Jote, se reproduce el tema q previamente elegimos, automáticamente.
Para cargar videos de Youtuve ("b"
:
Debemos hacer lo mismo que antes. La misma pagina nos muestra cual es el código para "embedear", asiq borramos lo q no nos sirve y lo mandamos a "Mis Links" en el jote.
Bueno, para los que leyeron hasta acá y además les fué útil todo esto, gracias por leer, a mí me fué necesario y me dí un par de surfeadas hasta encontrarlo todo.
Mas que nada es una recopilación con explicaciones útiles incluso para quienes manejan poco de esto. La mayor parte de la data se la debo a un groso q me sacó de la duda y de donde pueden sacar y probar muchas mas cosas tmb:
http://david7wolfefectos.blogspot.com/
Me pareció que le faltaban las imágenes de como quedaba el resultado, asiq. en casi una hora recopilé lo mejor.
Éxitos.
Y acuerdensé que hay alguien que siempre puede necesitarlo.
Si les sirvió pasen y muestrenme como les quedó, cualquier duda, pregunten.
Para los MOD's: Plis avisenme si algo tiene algún chivo q lo edito de vuelta, pero porfavor no me lo borren de una q fué un alto laburito. Gracias.