Agregar borde a imágenes solo en la página principal

aap82 · 5 Jul 2016

Hola a todos,

me gustaría poner un borde alrededor de las imágenes de la página principal pero que este no aparezca en el resto de imágenes de posts, etc.

He conseguido quitar el borde pero ahora no se como ponerlo solo en la home.

alguien me puede ayudar????

Cicklow · 5 Jul 2016

mmm edita header.php de tu theme y antes de </head> coloca:

PHP:

<?php if(is_home()){ ?>
<style>
/* Aca el CSS solo para el inicio */
</style>
<?php } ?>

aap82 · 5 Jul 2016

no me funciona...es esto lo que tengo que poner dentro???:

img {border:1px color:999;}

Cicklow · 5 Jul 2016

aap82 dijo:
no me funciona...es esto lo que tengo que poner dentro???:

img {border:1px color:999;}

PHP:

 <?php if(is_home()){ ?>
<style>
img {border:1px color:#999;}
</style>
<?php } ?>

claro asi te quedaria! (presiona ctrl+f5 asi renovás el cache de la pc)

aap82 · 5 Jul 2016

no me funciona...:neglected:

Cicklow · 5 Jul 2016

aap82 dijo:
no me funciona...:neglected:

mmm antes que nada, usas WP no?... yo asumi que usabas wp y por ahi no es asi...

aap82 · 5 Jul 2016

si uso wordpress

Cicklow · 5 Jul 2016

aap82 dijo:
si uso wordpress

te fijaste en el codigo fuente a ver si el codigo que te pase esta?... solo tendria que aparecer:

HTML:

<style>
img {border:1px color:#999;}
</style>

en su defecto colocalo en footer.php... por lo anterior comentado, si no aparece vacia el cache de WP... ya que ese es el problema... y otra cosa...
MAL:

HTML:

img {border:1px color:#999;}

BIEN:

PHP:

img {border:1px solid #999;}

Voldemorth · 5 Jul 2016

Puedes crear una clase que defina el borde y agregarla a las imagenes en la home.

Enviado desde mi SM-G900M mediante Tapatalk

darkzun · 5 Jul 2016

aap82 dijo:
no me funciona...es esto lo que tengo que poner dentro???:

img {border:1px color:999;}

Al código le falta con cual estilo quieres que se muestre el borde ya sea solid, dotted, dushed, double, etc.
También el color: esta mal, recuerda que para poner el color en el caso del borde, solo hace falta poner el nombre o numero del color directamente y si lo colocas en hexa recuerda siempre poner el # delante del numero. Ej: #f8324e
Ejemplo:

HTML:

img{1px solid #000;}

Saludos.

aap82 · 6 Jul 2016

no me funciona, debe de haber alguna condición en otro parte del código con el que esté teniendo conflicto...

darkzun · 6 Jul 2016

aap82 dijo:
no me funciona, debe de haber alguna condición en otro parte del código con el que esté teniendo conflicto...

Mmm...probaste poniendo una clase en especifico a las imágenes que solo queres afectar con el borde y después modificarlas en el css?

Ejemplo:

HTML:

    <img src="" alt="" class="tu_clase">
    <img src="" alt="" class="tu_clase">
    <img src="" alt="" class="tu_clase">

Css:

PHP:

.tu_clase{
      5px solid #999;
}

Pd: Fijate que el color que pase yo de borde antes era blanco(ten en cuenta eso por las dudas) y que si de alguna forma borraste algun borde, esta condicion para ponerle borde ponla debajo del borrado, porque sino lo unico que estas haciendo es primero ponerle el borde y despues quitarselo, ya que el css como bien su nombre lo dice va en cascada.
Saludos

aap82 · 7 Jul 2016

me sigue sin funcionar, me rindo 😕

robertstam · 7 Jul 2016

Vas a entrar en la pagina principal y ahi crearas un estilo para la pagina completa, no tengo idea de como se llama la clase que le da el borde a tus imagenes por lo tanto eso debes averiguarlo tu o simplemente coloca un link para nosotros poder ver el codigo , sin embargo es sumanete facil ver que clase posee la imagen que deseas modificar.

Continuando con lo que te comente de crear el style, como solo lo colocaras en la principal solo afectara dicha pagina, asi que utilizaras una palabra clave que seria !important quedaria de esta manera.

HTML:

<style>
  .clase-de-la-imagen {
                                    border: 1px solid #ffffff !important;
                                }

</style>

con esa palabra clave el ignorara la regla anterior del color que tenia y le colocara el q desees .. recuerdasolamente colocarlo en la pagina principal ya que si lo haces en el css de la pagina te la cambiara en todas las paginas.

Si lo resolviste bien sino enviame un privado o agregame al skype "robertstam2" y asi sera mas facil ayudarte

- - - Actualizado - - -

Lo bueno de esta profesión es encontrar obstaculos como el que te ocurre en este momento y poder sentir la satisfacción de conseguir la solucicon.

Ese es mi punto de vista y me a servido para avanzar constantemente.

Agregar borde a imágenes solo en la página principal

aap82

Cicklow

aap82

Cicklow

aap82

Cicklow

aap82

Cicklow

Voldemorth

darkzun

aap82

darkzun

aap82

robertstam

Temas similares