1. ¿Buscando un Banco para abrir tu primera cuenta de ahorros? Revisa nuestro comparativo de cuentas cero mantenimiento haciendo clic aquí.
    Ocultar anuncio

¿Cómo hacer esto con wordpress?

Publicado en 'Webmasters' por yopepes, 23 Oct 2012.





  1. yopepes

    yopepes Miembro frecuente

    Registro:
    15 Oct 2008
    Mensajes:
    55
    Likes:
    0




    Hola gente,
    una consulta.. qué tengo que hacer para que una de las páginas que estoy haciendo en wordpress haga esto? http://arroba.pe/servicios/ Los efectos con las imágenes.

    Soy medio novato, pero aprendemos rápido.

    Gracias.
     


  2. executor23

    executor23 Miembro frecuente

    Registro:
    18 Ago 2012
    Mensajes:
    103
    Likes:
    14
    Si usas Opera, más rápido encima de una imagen da clic derecho-inspreccionar elemento y clic en el texto de Diseño y Desarrollo Web, te va a llevar directo al codigo y hay te sale, es cuestion de indagar.

    Aquí te lo dejo:

    <div class="servicios_items">
    <div class="servicios_item1">
    <div class="boxgrid captionfull" style="cursor: default;">ev
    <a href="servicios/diseno-y-desarrollo-web">
    <img src="images/pd_cg/2/marketing-digital-peru-diseno-y-desarrollo-web.jpg" width="307" height="238" border="0" alt="" title=""/>
    </a>
    <div class="cover boxcaption" style="top: 195px;">
    <h3>
    <a class="tlsv" href="servicios/diseno-y-desarrollo-web">Diseño & Desarrollo Web</a>
    </h3>
    <p>
    <a href="servicios/diseno-y-desarrollo-web#websites-y-blogs" class="link_menuvint">Websites & Blogs</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#e-commerce" class="link_menuvint">E-commerce</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#mini-sites" class="link_menuvint">Mini Sites</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#landing-pages" class="link_menuvint">Landing Pages</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#animacion" class="link_menuvint">Animación</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#presentaciones-offline" class="link_menuvint">Presentaciones Offline</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#catalogos-digitales" class="link_menuvint">Catálogos Digitales</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#administracion-de-contenidos" class="link_menuvint">Administración de Contenidos</a>
    ,
    <a href="servicios/diseno-y-desarrollo-web#aplicaciones-web" class="link_menuvint">Aplicaciones Web</a>
    </p>
    </div>


    Sólo tienes que reemplazar por lo que quieras y agregarlo a la página.
     
  3. gabrielreloaded

    gabrielreloaded Miembro nuevo

    Registro:
    22 Oct 2012
    Mensajes:
    28
    Likes:
    5
    Ese efecto está creado con jQuery. Si recién estás empezando no te va a ser tan sencillo, pero con un poco de paciencia sale.

    Aquí tienes un tutorial para hacerlo:

    buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery