DwDesigner

Bienvenido, Te recive el Equipo de Webdejuegosya y Team-Drakox, Elige una de estas opciones!

Registrar;Conectar;No Preguntar

Que te diviertas
DwDesigner

Diseño Webmaster Todo lo que tu web necesita


    [codigo javascripct]Mini-ventanitas de Publicidad/Noticias

    Comparte
    avatar
    super-ayuda-webmaster
    Moderador
    Moderador

    Masculino Cantidad de envíos : 133
    Fecha de inscripción : 29/03/2009
    Edad : 21

    Hoja De Personaje
    Juego1:
    Juego1

    [codigo javascripct]Mini-ventanitas de Publicidad/Noticias

    Mensaje  super-ayuda-webmaster el Mar Mar 31, 2009 12:45 am

    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:





    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

      Fecha y hora actual: Miér Jun 20, 2018 10:32 pm