No estás registrado (Registrarse)

Vanilla 1.1.10 es un producto de Lussumo. Para más información: Documentación, Soporte.

    •  
      CommentAuthorw2tv
    • CommentTimeFeb 27th 2009 editado
     # 1
    A ver si salgo de esta:

    En mi CSS tengo esto:

    .comments-link {
    background:url(images/comments.jpg) top left no-repeat;
    width:22px;
    height:20px;
    color:#5C5C5C;
    text-align:center;
    float: left;
    margin: 10px 0 0 0;
    font-size: 10px;
    padding: 1px 0 0 0;
    }

    Precisamente quiero que ese comments.jpg del principio, sea clickable y que al hacer click me lleve a el post donde se hizo el comentario correspondiente.

    Creo que es poner un link así:

    <a href="<?php the_permalink(); ?>"><images/comments.jpg></a>

    Más o menos... :confuso:

    Pero no sé como meter (<a href="<?php the_permalink(); ?>"><images/comments.jpg></a>) en (background:url(images/comments.jpg) top left no-repeat;)

    ¿Me explico? :dumb:torresmadrid.com - timelapses.tv - timelapse.es
    •  
      CommentAuthorfrisco
    • CommentTimeFeb 27th 2009
     # 2
    Si y no puedes, con CSS puedes darle color y alegria al HTML pero no añadir elementos nuevos, en el caso de la imagen no mete el codigo, de hecho en el codigo ni aparece, solo se usa al renderizar la web.

    Lo que necesitas es un pequeño script de jquery que te haga eso, no es complicado pero no me atrevo a ponerte el codigo sin probar.Ligar | Informatica | Famosas
    •  
      CommentAuthorf-x
    • CommentTimeFeb 27th 2009 editado
     # 3
    Posted By: friscoSi y no puedes, con CSS puedes darle color y alegria al HTML pero no añadir elementos nuevos, en el caso de la imagen no mete el codigo, de hecho en el codigo ni aparece, solo se usa al renderizar la web.

    Lo que necesitas es un pequeño script de jquery que te haga eso, no es complicado pero no me atrevo a ponerte el codigo sin probar.


    Bro :shamed: creo que se refiere a otra cosa...



    Lo que quieres hacer es facil... el codigo que muestras dice que tus links tienen un background... el cual es la imagensilla que quieres que sea parte de link activo...

    Solo sigue los pasos a los lados de los comandos:
    .comments-link {
    background:url(images/comments.jpg) top left no-repeat; /* elimina esta linea */
    width:22px;
    height:20px;
    color:#5C5C5C;
    text-align:center;
    float: left;
    margin: 10px 0 0 0; /* el margen izq es de 10px por que seguramente es el espacio que ocupa el background asi que ponlo en 2px o en 0px */
    font-size: 10px;
    padding: 1px 0 0 0;
    }


    Despues de que termines eso te vas a tus links en tu theme (segurapente estara en post.php) buscas el codigo

    y en los links añade:


    <a href="http://link de los comentarios"><img src="images/comments.jpg" alt="" border="0" /> lavariabledetextoconelanchor</a>


    Lo que estaras haciendo ahi es eliminar la imagen del "background" y usarla fisicamente a un lado de tus links, donde sera activa para poder hacerle click. Obviamente el codigo es solo de ejemplo, tienes que checar bien tu theme para ver como tiene el codigo de tus links, pero seguramente sera algo muy similar.f-x
    •  
      CommentAuthorw2tv
    • CommentTimeFeb 28th 2009
     # 4
    •  
      CommentAuthorfrisco
    • CommentTimeFeb 28th 2009 editado
     # 5
    Posted By: f-x
    Posted By: friscoSi y no puedes, con CSS puedes darle color y alegria al HTML pero no añadir elementos nuevos, en el caso de la imagen no mete el codigo, de hecho en el codigo ni aparece, solo se usa al renderizar la web.

    Lo que necesitas es un pequeño script de jquery que te haga eso, no es complicado pero no me atrevo a ponerte el codigo sin probar.


    Bro creo que se refiere a otra cosa...


    Umm entendí lo que queria hacer pero pensaba que lo quiera hacer sin tocar la plantilla, por eso decia hacerlo con jquery, para modificar los enlaces en ejecución.Ligar | Informatica | Famosas
    •  
      CommentAuthorDominitis
    • CommentTimeAug 19th 2010
     # 6
    Pues eso, que refloto el hilo porque tengo otra duda de css en wp.

    Quiero hacer una tabla (ya se que es cutre y no mola) en la que determinadas casillas APELLIDO tengan un fondo.
    Escribo la tabla en el post:
    <table border="0" cellpadding="10" width="300" align="center">
    <tbody>
    <tr>
    <td>NOMBRE 1</td>
    <td width="5%" background="/images/fondo.gif">APELLIDO 1</td>
    </tr>
    <tr>
    <td>NOMBRE 2 </td>
    <td width="5%" background="/images/fondo.gif">APELLIDO 2</td>
    </tr>
    </tbody>
    </table>

    Esta fórmula suele funcionar pero he dado con una plantilla que ignora u oculta la imangen de fondo. Supongo que en los estilos css de la plantilla vendrán definidas las tablas y eso hace que anule lo que yo escribo en el post. Estoy buscando por el style.css de la plantilla wordpress pero no logro averiguar que clave gobierna las tablas.
    •  
      CommentAuthorsegarva
    • CommentTimeAug 19th 2010 editado
     # 7
    una opción rápida (no muy limpia :treva: ) es machacar lo que tengas en el style.css con !important:

    en lugar de

    <td width="5%" background="/images/fondo.gif">APELLIDO 2</td>


    esto otro:

    <td style="width:5%; background-image: url(images/fondo.gif)!important;">APELLIDO 2</td>la vida son dos días, y mañana ya es miércoles.
    •  
      CommentAuthorDominitis
    • CommentTimeAug 22nd 2010 editado
     # 8
    ¡¡¡Albricias, funciona!!!

    Muchas gracias Segarva. :clap::clap::clap: