Bien le bonjour ou le bonsoir,
Je me permets de poster ce message parce que j'ai un petit soucis. Je me débrouille en code mais je ne suis pas un foudre de guerre non plus ^^" hors, il s'avère que je suis sous le charme de la fiche de présentation style Steampunk de Shaneliae (ICI) et que de ce fait, après l'avoir installée sur mon forum en pleine construction (ICI), j'ai voulu la modifier pour en faire une fiche de description de groupes. Malheureusement, j'ai beau tout faire, chaque fois que je change l'image de couverture, cette image change dans toutes les autres fiches déjà faites dans le sujet pour prendre l'apparence de la dernière ou de la première image utilisée, ce qui n'est pas fort pratique puisque chaque couverture change en fonction du groupe présenté... Pourriez-vous m'aider, s'il vous plait, à régler ce petit soucis ? Parce que je n'arrive pas à trouver d'où vient le problème ^^"
En vous remerciant d'avance pour votre aide, voici donc le code tel que je l'ai modifié pour correspondre à mes besoins :
Bonne journée, soirée, nuit, P'tit Loup
Je me permets de poster ce message parce que j'ai un petit soucis. Je me débrouille en code mais je ne suis pas un foudre de guerre non plus ^^" hors, il s'avère que je suis sous le charme de la fiche de présentation style Steampunk de Shaneliae (ICI) et que de ce fait, après l'avoir installée sur mon forum en pleine construction (ICI), j'ai voulu la modifier pour en faire une fiche de description de groupes. Malheureusement, j'ai beau tout faire, chaque fois que je change l'image de couverture, cette image change dans toutes les autres fiches déjà faites dans le sujet pour prendre l'apparence de la dernière ou de la première image utilisée, ce qui n'est pas fort pratique puisque chaque couverture change en fonction du groupe présenté... Pourriez-vous m'aider, s'il vous plait, à régler ce petit soucis ? Parce que je n'arrive pas à trouver d'où vient le problème ^^"
En vous remerciant d'avance pour votre aide, voici donc le code tel que je l'ai modifié pour correspondre à mes besoins :
- Code:
<style>.couverture_livre {background-image: url('http://i63.tinypic.com/2rcr042.jpg'); width: 300px; height: 500px; margin: auto; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; position: relative;} .couverture_livre:hover {transform: all; -webkit-transform: all; transition: 2s; -webkit-transition: 2s; z-index: 5;} .page_livre {color: #1F140B; font-family: courier new; text-align: justify; background-image: url('http://i65.tinypic.com/dyxgk2.jpg'); width: 300px; height: 500px; margin: auto; position: relative; display: block; opacity: 0; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s; z-index: 1;} .page_livre:hover {opacity: 1; transform: all; -webkit-transform: all; transition: 2s; webkit-transition: 2s;} .tableau_steam {margin: auto;} .page_livre a{color: #6D2A0C !important; font-family: impact; transition: 1s; webkit-transition: 1s;} .page_livre a:hover{color: #D17923 !important; letter-spacing: 3px; text-shadow: 0px 0px 3px #1F140B;} .autre_cadre {font-family: courier new; text-align: left; width: 270px; height: 300px; overflow: auto; background-color: rgba(255, 255, 255, 0.6); padding: 10px; font-size: 14px;} .police_autre {font-weight: bold; font-family: 'Orbitron', sans-serif; font-size: 15px;} .grand_cadre {border-radius: 10px; width: 270px; overflow: auto; margin: auto; background-color: rgba(255, 255, 255, 0.6); padding: 10px;} .petit_cadre{height: 10px; opacity: 0; overflow: auto; -webkit-transition: all 1s; transition: all 1s; margin: auto;} .cadre_cache:hover .petit_cadre{height: 180px; width: 270px; opacity:1;} .police_titres {font-family: 'Aldrich', sans-serif; font-size: 18px; font-weight: bold; display: block; text-align: center;} .info_importante {font-family: 'Impact'; color: #49270D; letter-spacing: 2px;}</style>
<div class="couverture_livre"><div class="page_livre">
<table class="tableau_steam"><tr><td><div class="autre_cadre" style="border-radius: 10px 10px 10px 10px;"><span class="police_autre">Nom</span> : Réponse
<span class="info_importante">Information à mettre en évidence</span>
<a href="LIEN DE L'URL">Titre de l'url</a>
</div></td></tr></table>
<div class="grand_cadre"><div class="cadre_cache"><span class="police_titres">
Sous-Groupes</span><div class="petit_cadre">
• Sous-groupe 1
• Sous-groupe 2
• Sous-groupe 3
• Sous-groupe 4
</div></div></div>
<a href="http://www.never-utopia.com/" style="text-align: center; color: #e0c060 !important; display: block; letter-spacing: 1px;">©Shaneliae | Never Utopia</a>
</div></div>
<link href='http://fonts.googleapis.com/css?family=Orbitron|Aldrich' rel='stylesheet' type='text/css'>
Bonne journée, soirée, nuit, P'tit Loup
Shaneliae | Never Utopia</a>
