[WP.org] lien image

• 

  hgphotograpy · Membre · août 17, 2013 at 10:06

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonjour, j’ai un short code dans mon thème qui me permet de faire de mettre un chouette layout pour afficher des photos (en simplifié…) mais je n’arrive pas à mettre un lien dans ces photos afin que l’on puisse cliquer dessu pour aller sur une autre page.
  voici la page en question : « http://hg-photography.com/test-2/ »

  voici le contenu de la page :
  [services] [service title= »By Event » image= »http://hg-photography.com/wp-content/uploads/2013/08/DSC01524-221.jpg »] [button style= »black »]Suarez[/button] [/service] [service title= »By Artist » image= »http://hg-photography.com/wp-content/uploads/2013/08/Miniature-Olivia-Ruiz.jpg »] [button style= »black »]Olivia Ruiz[/button] [/service] [/services]

  et voici le code CSS du shortcode en question :

  /**
  * Shortcode: Services.
  */
  .service {
  width: 100%;
  margin: 16px 0;
  float: left;
  }

  .service .service-name {
  text-align: center;
  margin: 0 0 0.5em;
  font-size: 18px;
  }

  .service .service-icon {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  }

  .service .service-mask {
  padding-top: 100%; /* preserve 1:1: aspect ratio */
  position: relative;
  width: 100%;
  }

  .service .service-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  display: block;
  border-radius: 1000px;
  border-radius: 10%;
  }

  .service .service-icon-no-image {
  background-color: #ccc;
  -webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  }

  .service .service-content {
  margin: 1em 0;
  font-size: 13px;
  }

  .service .icon {
  position: absolute;
  font-size: 100px;
  width: 100%;
  text-align: center;
  color: #fff;
  cursor: default;
  top: 50%;
  margin: -50px 0 0 0;
  }

  Merci à vous !

• 

  supportbot · Membre · août 17, 2013 at 10:06

  • Copier le lien

  Ce forum est destiné aux blogs hébergés sur/par WordPress.com.

  Si votre question porte sur un blog WordPress.org auto-hébergé,il convient d’adresser votre question au Support WordPress.org.

  Pour vous guider, voici un aperçu des différences entre wp.com et wp.org.

  Si vous désirez poursuivre cette discussion, veuillez inclure à votre réponse l’adresse de votre blog WordPress.com concerné par la question initiée.

  Ceci est un message automatisé. Merci de votre visite. Cordialement, WP.com