Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

SoporteMyBB Discord
 Descarga MyBB 1.8.21
SoporteMyBB tiene un total de 1092 temas de soporte. 9 quedan aún por resolver, 231 han quedado obsoletos y 852 han sido resueltos.
Aún no tienes una cuenta, regístrate es gratis.

Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Brown[Tutorial] Tooltips animados con css3
 Brown
Usuario del Foro

Estado: Sin conexión Registrados
18
360
143
El Salvador
143
158
1
0
23 May 2014, 03:06
#1
1
Mejor respuesta del mensaje [Tutorial] Tooltips animados con css3Hola seguramente has querido darle un buen estilo a esos pequeños iconos llamados Tooltips por eso me he dedicado a hacer este pequeño tutorial, aclaro que el archivo no es mio ni las cosas que en el contiene, sin embargo este tutorial esta completamente elaborado por mi @ Brown

Primero descargamos:

https://www.mediafire.com/?5862ft4vzb0kgo6

Extraemos el archivo Winrar CSS3Tooltips.zip y adentro aparecerán

Cita:*CSS
*Images
*Index.html
*Index2.html
*Index3.html
*Index4.html

Aquí puedes ir abriendo cada "Index" y ver la animación que mas te guste.Cuando ya tengas el Index que quieras sube la carpeta Images a tu FTP, si te pide combinar la carpeta le das que "si"

Ahora copia el CSS del index que escogiste y lo pegas en tu global.css

Ejemplo:

Cita:Si yo escogí Index2.html me tengo que ir a la carpeta CSS y copiar todo el código de (preferiblemente abrirlo con Notepad++) Style2.css

Ahora abre el Index que escogiste (en mi caso "Index2.html", copia y pega todo el código en la plantilla "Index" de tu estilo, pero recuerda también editar las url de los iconos, eso se encuentra en la Index que escogiste, editala y cámbialo por los tuyos

Ejemplo:

Abro "Index2.html" y edito estas opciones

Debes agradecer para ver el contenido...

Por estas

Debes agradecer para ver el contenido...

Ahora solo faltaría acomodar tu código, eliminando cosas que no te gusten de el, editalo a tu gusto pero recuerda tener precaución para no estropearlo

Bueno, aquí les dejo una captura del resultado que obtuve, edite ciertas cosas que no me gustaban
Debes agradecer para ver el contenido...
http://i56.servimg.com/u/f56/16/86/22/49/sin_ta24.png

:D cualquier duda pueden colocarlas acá mismo ^^
Última modificación: 23 May 2014, 03:08 por Brown.
 
 Whiteneo
Beta Tester

Estado: Sin conexión Beta Testers
339
4,547
Mexico
566
86
5
23 May 2014, 05:19
#2
0
Muy buen aporte creo que todos actualmente utilizan esto y viene perfecto en los foros xd.
 
 Brown
Usuario del Foro

Estado: Sin conexión Registrados
18
360
143
El Salvador
143
158
1
0
23 May 2014, 05:26
#3
0
Exacto Dark actualmente se utiliza mucho esto y con esas animaciones quedan muy originales, además el código es bastante editable :D
 


Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Banderas en movimiento .gif Joseahfer 20 10,620 6 January 2018, 09:39
Último mensaje: mario
  [Tutorial] Página de error 404 Joseahfer 15 4,316 22 July 2016, 15:04
Último mensaje: Whiteneo
  [Tutorial] Diferentes colores para los thead Brown 4 1,402 27 May 2014, 17:33
Último mensaje: Brown
  [Tutorial] Montar un foro Localhost con EasyPHP Brown 16 2,904 19 May 2014, 23:29
Último mensaje: Whiteneo
  [Tutorial] Poner sombras a los enlaces calamar 5 1,205 19 May 2014, 23:16
Último mensaje: Whiteneo
Información [Tutorial]Añadir una nueva pestaña al header Brown 3 1,457 18 May 2014, 02:07
Último mensaje: Whiteneo
Información [TUTORIAL] Añadir Font Awesome a tu Foro Jean Pierre 6 2,803 12 May 2014, 22:46
Último mensaje: storm
Gran sonrisa [TUTORIAL] Script de Mensajes Aleatorios Jean Pierre 10 2,401 9 April 2014, 23:28
Último mensaje: DarkEternity
  [Tutorial] Avatar online offline away calamar 0 753 7 March 2014, 13:08
Último mensaje: calamar
  [TUTORIAL] Tablero de Anuncios con Animación Simple Whiteneo 5 1,410 5 March 2014, 19:46
Último mensaje: Iñaki



Usuarios navegando en este tema: 1 invitado(s)