Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje31-05-2016, 01:47 (UTC)    
Título del mensaje: [JQuery] Ajustar publicidad diseño Flexible

Hola

En este tutorial traigo un codigo que he creado el cual ajusta la publicidad de PWG en el diseño Flexible para que sus webs queden mejor

El codigo es el siguiente:
Código:
<style>
.right {
    margin-top: 50px;
}
.title { padding: 35px 18px 0;
 position: relative;   
 font-size: 35px;
 width: 295px;
}

.top {
    position: relative;
    bottom: 100px;
    left: 140px;
}
.nav {
    position: relative;
    bottom: 90px;
}

</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$(".title").html("<img src='IMAGEN LOGO'/>");
        $(".logo").insertBefore(".nav");
        $(".top").insertBefore(".nav");
        $(".right").appendTo(".widgets");
});
</script>

Realmente mucho no hay para explicar.. Lo unico que tienen que cambiar es donde dice "IMAGEN LOGO" que es la url de su logo.. Debe ser de 350px por 120px
Otra cosa que deben de tener en cuenta es que deben tener el "Box" activo como se muestra en la imagen dado que la publicidad vertical queda por debajo.

Vista Previa:


http://img.webme.com/pic/d/design-pwg/publicidad23.png
______________

10 años ayudando a PWG.

Soporte PWG: ayuda@paginawebgratis.es
Reportes: support-es@webme.com
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group