Tutorial: Fondo o background animado sin CSS para blogger y otros

  • Autor Autor Carambel
  • Fecha de inicio Fecha de inicio
Carambel

Carambel

Ómicron
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Hola a todos hoy vengo con este tutorial, donde te enseñare a como puedes tener un fondo animado, pero para que te des un poco mas de idea sugiero usar este fondo para algunos tipos de web ya que a todas no les ira bien.

fondoejemplo.webp

Las webs que recomiendo que usen este fondo seria:

- Paginas de música online (Dará un toque de distinción al usuario).
- Landings cpa (Muy llamativo no dejara fácilmente irse al usuario).
- Paginas de descarga de música.
- Radios online.
- Paginas de radios frecuencia FM online.
- O si quieres utilizarlo sin estar en esta temática esta bien todo es depende de tí.

Para implementarlo es muy simple pueden ser en estos tipos de CMS o web:

- Blogger
- Wordpress
- Otros

DEMO: Fondo efecto

IMPLEMENTAR A NUESTRO SITIO WEB:

#1 paso:
Buscar la etiqueta </head> y arriba de ella pegar este codigo:

Insertar CODE, HTML o PHP:
<!-- Fondo animado sin css by carambel forobeta -->
<script src="https://cscscs.googlecode.com/svn/trunk/processing.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="https://cscscs.googlecode.com/svn/trunk/jquery.min.js"></script>
<script src="https://cscscs.googlecode.com/svn/trunk/apt18.js" type="text/javascript" charset="utf-8"></script>
<!-- Fondo animado sin css by carambel forobeta -->

#2 paso:
Buscar la etiqueta <body> abajo de ella pegar este código:

Insertar CODE, HTML o PHP:
<!-- Fondo animado sin css by carambel forobeta -->
<script src='https://cscscs.googlecode.com/svn/trunk/modernizr-0.9.min.js'/>
<canvas height='799' id='theapt' style='width:100%; height:100%; position:fixed; top:0;left:0; background-color:black; z-index:-1;' width='1440'/>
<!-- Fondo animado sin css by carambel forobeta -->

Guardan la plantilla sea de blogger o otro cms y actualizan para ver el fondo.

Si te gusto mi tutorial
No olvides que puedes dar:

- Un me agrada
- Un comentario
- Un Like, Twitt, google+
 
muy bueno, pero que se supone que es.. [MENTION=47248]Carambel[/MENTION]

ok, no es css pero podrias decir que es, por lo que veo es un java no?¿?¿?
 
Última edición:
bueno gracias😛irate:
 
Gracias por el aporte 🙂
 
Algo simple 😀 es perfecto para webs que ya indique
 
Se ve interesante llama la atencion lo voy a probar.
 
Atrás
Arriba