Alguien sabe como se hace este efecto?

[minombreesmm]

http://www.webmarketingemprendedores...con-clickbank/
el que esta en los tags, ese que arrimas el mouse y se acerca la palabra y las demas se van al fondo.
¿son z-index,x}X,Y y cambios de tamaños que uno los debe programar?
o ya hay un plugin que haga eso?
de antemano gracias...

[rjulio21]

Que navegador usas? Estoy usando firefox y solo veo que quita el underline y lo vuelve a colocar.

[jeissondav1]

Yo Chrome y no veo ningún tipo de efecto, bueno en cuestión cualquier efecto que desees si toca programarlo. Se pueden hacer algunas cosas en CSS, esta JavaScrip o unas librerías que tienen efectos incorporados como Jquery la más fácil de usar.

[rjulio21]

De todos modos.... por lo que tu mencionas el efecto de que un tag se agrande lo puedes crear con la propiedad transform de css y puedes mezclarlo con transcisiones, Css3 hoy dia es muy funcional para esas cosas sin la necesidad de JavaScript.

[minombreesmm]

Iniciado por rjulio21

Que navegador usas? Estoy usando firefox y solo veo que quita el underline y lo vuelve a colocar.

No lo puedes ver por que has de tener desactivado javascript.
yo uso los 5 navegadores.
firefoz, internet explorer, chrome, safari y opera.
y al desactivar javascript veo lo mismo que tu.

o al menos que sea otra razón que no es muy clara

[minombreesmm]

Iniciado por jeissondav1

Yo Chrome y no veo ningún tipo de efecto, bueno en cuestión cualquier efecto que desees si toca programarlo. Se pueden hacer algunas cosas en CSS, esta JavaScrip o unas librerías que tienen efectos incorporados como Jquery la más fácil de usar.

mismo problema que rjulio supongo..
bueno creo que ha de ser otra cosa no creo que tengan desactivado javascript, jejes o quien sabe. conmigo si se ve bien en todos los navegadores.

[minombreesmm]

Iniciado por rjulio21

De todos modos.... por lo que tu mencionas el efecto de que un tag se agrande lo puedes crear con la propiedad transform de css y puedes mezclarlo con transcisiones, Css3 hoy dia es muy funcional para esas cosas sin la necesidad de JavaScript.

Voy a investigar esa propiedad. mi idea es hacer lo mismo pero con fotos redondas.
por cierto no eh sabido como hacer fotos redondas en css y que el internet explorer las agarre

[rjulio21]

La propiedad para que el redondeo es Border-radius y solo funciona desde internet Explorer 9, al igual que todas las propiedades de css3 como multicolumnas, transformaciones y transcisiones....

Saludos.

PD: si lo q te dicen te sirve clikea el karma.

[minombreesmm]

Iniciado por rjulio21

La propiedad para que el redondeo es Border-radius y solo funciona desde internet Explorer 9, al igual que todas las propiedades de css3 como multicolumnas, transformaciones y transcisiones....

Saludos.

PD: si lo q te dicen te sirve clikea el karma.

eh visto que twitter usa eso en los avatares de los usuarios, y funciona en internet explorer que tengo, pero en mi pagina no funciona y uso el border-radius, que propiedad estará usando

[sonickseven]

olle amigo olvida internet explorer eso es cosa del pasado!!!

[anacona16]

Creo que buscas esto http://www.goat1000.com/tagcanvas.php

[minombreesmm]

Iniciado por sonickseven

olle amigo olvida internet explorer eso es cosa del pasado!!!

no puedo amigo, por que la mayoria de los usuarios comunes usan ese por que viene por default en el windows, desgraciadamente es la realidad, aunque la solución seria sugerir el chrome en mi pagina y poner un link de descarga pero no se veria bien.

[rjulio21]

Iniciado por minombreesmm

no puedo amigo, por que la mayoria de los usuarios comunes usan ese por que viene por default en el windows, desgraciadamente es la realidad, aunque la solución seria sugerir el chrome en mi pagina y poner un link de descarga pero no se veria bien.

Eso de que la "mayoria" usa explorer... te lo creeria hace 2 años. pero hoy en dia es mentira!!!!. de igual manera.... estuve viendo la css de twiter y adivina? usan el border-radius tambien.....! otra cosa.... puedes instalarte el firebug en FIREFOX. y con el revisar los estilos de las paginas que te llamen la atención.... entre otras cosas.
Saludos.

[minombreesmm]

Iniciado por rjulio21

Eso de que la "mayoria" usa explorer... te lo creeria hace 2 años. pero hoy en dia es mentira!!!!. de igual manera.... estuve viendo la css de twiter y adivina? usan el border-radius tambien.....! otra cosa.... puedes instalarte el firebug en FIREFOX. y con el revisar los estilos de las paginas que te llamen la atención.... entre otras cosas.
Saludos.

de hecho tengo firebux pero no me habia fijado en eso.
otra cosa que me llama la atencion es que ellos no usan la tecnica ajax que yo uso para actualizar los twits en tiempo real.

yo lo que hago es que tengo un archivo llamado

cambio.txt

en el cual meto la hora

entonces cada segundo con ajax verifico si el archivo ese cambió y si cambió entonces consulto la base de datos para saber cuantos registros nuevos hay despues de los ultimos cargados, y muestro esos ultimos registros nadamas.
pero con el firefub y con el network de chrome se ve que hago las peticiones ajax cada segundo.
y sin embargo en twitter no se observa eso.
dicen que son servidores push, y tambien dicen que se puede imitar, pero se puede imitar en un servidor gratuito?

aunque observe que en twitter al recargar si envia parametros


[no url]https://twitter.com/i/timeline?include_available_features=1&include_enti ties=1&max_id=329474680576692224[no /url]

puse no url para que no lo tome como url
aunque observe este..
pero el max id es ese oO

[rjulio21]

Man, sinceramente no manejo bien el termino de servidores push. sin embargo puedo asegurarte que todo twitter esta hecho con AJAX.
Otra cosa. realmente es necesario que uses un archivo .txt para ejecutar eso? si usas la funcion "setInterval" de javascript.... no te funciona?

[minombreesmm]

Iniciado por rjulio21

Man, sinceramente no manejo bien el termino de servidores push. sin embargo puedo asegurarte que todo twitter esta hecho con AJAX.
Otra cosa. realmente es necesario que uses un archivo .txt para ejecutar eso? si usas la funcion "setInterval" de javascript.... no te funciona?

uso el txt para saber si hare una consulta sql que me traera datos, si el txt cambio entoces verifico la base de datos, y si no, no verifico nada.

si el txt cambio entonces checo en la base de datos cuantos registros nuevos hay a partir del ultimo id acarreado entonces recargo todos, y es que el botón ver mas también allí trabaja (equivalente al scroll) me trae los ultimos -10 ids antes del ultimo tomando en cuenta si se acaban de enviar mas, y asi todo un rollo para calcular bien que no se recargen repetidos y cosas por el estilo.

uso una funcion setInterval para que se este ejecutando con ajax la verificacion del archivo cada segundo

resumen
tengo un ajax, para verficar registros nuevos cada 1 segundo
tengo otra ajax para mandar datos a la base de datos
tengo otro ajax para mostrarme los datos que envie en pantalla
tengo otra que recarga los ultimos 10 anteriores con scroll o presionando el boton vermas

de que forma lo harias tu?

[minombreesmm]

Iniciado por anacona16

Creo que buscas esto http://www.goat1000.com/tagcanvas.php

gracias anacona, me sirvio mucho, la persona que hizo la web quien es?
dice que si conocemos proyectos iguales le comuniquemos pero nunca vi el form de contacto


Ya lo estoy aplicando tu sabes cual es la propiedad para que automáticamente gire?


no la encuentro

Código Javascript:

z1: 20000,
z2: 20000,
z0: 0.0002,
freezeActive: false,
freezeDecel: false,
activeCursor: 'pointer',
pulsateTo: 1,
pulsateTime: 3,
reverse: false,
depth: 0.5,
maxSpeed: 0.05,
minSpeed: 0,
decel: 0.95,
interval: 20,
minBrightness: 0.1,
maxBrightness: 1,
outlineColour: '#ffff99',
outlineThickness: 2,
outlineOffset: 5,
outlineMethod: 'outline',
textColour: '#ff99ff',
textHeight: 15,
textFont: 'Helvetica, Arial, sans-serif',
shadow: '#000',
shadowBlur: 0,
shadowOffset: [0,0],
initial: null,
hideTags: true,
zoom: 1,
weight: false,
weightMode: 'size',
weightFrom: null,
weightSize: 1,
weightSizeMin: null,
weightSizeMax: null,
weightGradient: {0:'#f00', 0.33:'#ff0', 0.66:'#0f0', 1:'#00f'},
txtOpt: true,
txtScale: 2,
frontSelect: false,
wheelZoom: true,
zoomMin: 0.3,
zoomMax: 3,
zoomStep: 0.05,
shape: 'sphere',
lock: null,
tooltip: null,
tooltipDelay: 300,
tooltipClass: 'tctooltip',
radiusX: 1,
radiusY: 1,
radiusZ: 1,
stretchX: 1,
stretchY: 1,
offsetX: 0,
offsetY: 0,
shuffleTags: false,
noSelect: false,
noMouse: false,
imageScale: 1,
paused: false,
dragControl: false,
dragThreshold: 4,
centreFunc: Nop,
splitWidth: 0