Índice
Portal
Buscar
Últimas imágenes
Registrarse
Conectarse
![[codigo javascripct]Mini-ventanitas de Publicidad/Noticias Empty](https://2img.net/i/empty.gif)
Hola hoy les traigo una publicidad con Estilo "Profesional" el cual funciona de la siguiente manera:
Crea una pequeña caja de publicidad en cual tiene la posibilidad de cambiar de publicidad con un Click en los numeros de la publicidad.
Pantallaso:
![[codigo javascripct]Mini-ventanitas de Publicidad/Noticias C09d96e763](https://2img.net/h/pixelea.com/s/c09d96e763.png)
Como insertarlo en la pagina:
1° paso: Copie el siguiente codigo en "Texto por enzima de la pagina"
*Lo que esta en rojo es editable por su propia CSS, si no conoce este lenguaje, le recomiendo que le pida a alguien que sepa(por ejemplo: javidj, didita9, nixoweb, yo, etc...)
2° paso: Copie el siguiente codigo en "Texto por debajo de la pagina"
*Lo que esta en color rojo es editable TAN SOLO si edita el anterior codigo del paso 1°.
3° paso:Inserte el siguiente codigo en la pagina donde deseé colocar las "Publicidades"
Las imagenes tienen que ser obligatoriamente de 500x100px si no, tendria que modificar los px del paso n°2 cosa que le costaria mas usar el codigo.
saludos
Crea una pequeña caja de publicidad en cual tiene la posibilidad de cambiar de publicidad con un Click en los numeros de la publicidad.
Pantallaso:
Como insertarlo en la pagina:
1° paso: Copie el siguiente codigo en "Texto por enzima de la pagina"
<script src="http://img5.xooimage.com/files/6/9/4/sprytabbedpanels-99f65a.js" type="text/javascript"></script>
<link href="http://img24.xooimage.com/files/5/0/4/sprytabbedpanels-cd9d89.css" rel="stylesheet" type="text/css" />
*Lo que esta en rojo es editable por su propia CSS, si no conoce este lenguaje, le recomiendo que le pida a alguien que sepa(por ejemplo: javidj, didita9, nixoweb, yo, etc...)
2° paso: Copie el siguiente codigo en "Texto por debajo de la pagina"
<style type="text/css">
.mov {
margin-top: -30px;
float: left;
width: 700px;
height: 240px;
}
</style>
<!--[if IE]>
<style type="text/css">
.mov {
height: 220px;
}
</style>
<![endif]-->
*Lo que esta en color rojo es editable TAN SOLO si edita el anterior codigo del paso 1°.
3° paso:Inserte el siguiente codigo en la pagina donde deseé colocar las "Publicidades"
<div class="mov">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">1</li>
<li class="TabbedPanelsTab" tabindex="0">2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent"><img border="0" src="Imagen 500px width y 100px height">
<div class="descrip"><font color="#62bcff">Titulo primera publicidad</font>: Descripcion de la primera publicidad</div>
</div>
<div class="TabbedPanelsContent"><img border="0" src="Imagen 500px width y 100px height">
<div class="descrip"><font color="#62bcff">Titulo segunda publicidad</font>: Descripcion de la segunda publicidad</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
Las imagenes tienen que ser obligatoriamente de 500x100px si no, tendria que modificar los px del paso n°2 cosa que le costaria mas usar el codigo.
saludos
