AccueilAccueil  Epic'Top  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Problème de dimension des images dans un profil
 :: Codage :: Problème avec un code
avatar
Newbie
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 22/08/2016
Messages : 47
Jeu 25 Mai - 11:55
Bonjour Epicode,

Je poste aujourd'hui pour vous demander un coup ou une piste pour régler mon petit souci ^^


Quelle structure est concernée par votre problème ? profil + message
Qu'elle est l'adresse du forum concerné (sous hide si cela vous dérange) ? feelthemusic.forumactif.com
Un screen du problème :
Spoiler:
 
Expliquez précisément votre problème : je cherchais un moyen de redimensionner les gifs dans les profils. je pense que je me plante de nom pour la div mais je patauge alors j'aurai vraiment besoin de vous ^^
Les codes :

Alors je me suis servie de ce LS : http://epicode.bbactif.com/t8707-profil-message-1-batty#153306

& voici le CSS de la partie profil à laquelle j'ai rajouté un code pour redimensionner les images :

Code:
.battyprofil-message{
position : relative;
}


#battyprofil_fond{
position:relative;
top:0;
z-index:2;
width:200px;
height:auto;
background-image: url('http://nsa38.casimages.com/img/2017/05/21/17052105235937336.png');
box-shadow:0px 0px 5px #717172;
padding:10px;
margin-left:auto;
margin-right:auto;
}

#battyprofil_pseudo{
margin-bottom:10px;
text-align:center;
font-family: 'Pacifico', cursive;
font-weight:normal;
color:#fa4744;
font-size:20px;
}

a span strong {
  font-weight: normal !important;
}

#battyprofil_pseudo a{
  text-decoration:none;
  font-weight:normal;
}
 
#battyprofil_rang{
position:absolute;
top:35px;
right:-120px;
z-index:-1;
}

.battyprofil_avatar{
position:relative;
width:200px;
height:320px;
box-sizing: border-box;
padding:5px;
background-color: #fff;
border: 25px solid #000;
font-size:12px;
font-family: vani;
-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
}

.battyprofil_avatar img{
width:200px;
height:320px;
}

.battyprofil_avatar div {
position:absolute;
top:-25px;
left:-24px;
-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
 opacity:1;
  transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -webkit-transition: all 2s;
}

.battyprofil_avatar:hover div {
-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
 opacity:0;
}

.battyprofil_infotitre{
margin-top:15px;
text-align:center;
font-family: 'Six Caps', sans-serif;
color:#6e6e6e;
font-size:38px;
background-image: url('http://img11.hostingpics.net/pics/646215hautinfo.png');
padding:5px;
}

.battyprofil_infotitre hr{
height: 1px;
margin: 1px 15px;
padding: 0;
color: #292929;
background-color: #292929;
border: 0;
}

.battyprofil_infotexte{
padding: 5px;
background-image: url('http://i.imgur.com/Lje094B.png');
  color: #dedede;
}

.battyprofil_infotexte textarea {
background-image: url('http://i.imgur.com/Lje094B.png');
  margin: 0px -5px;
  width:190px;
  height:160px;
  font-size: 12px;
  color: #dedede;
}
.battyprofil_infotexte span {
  display:block;
margin-top: -40px;
font-family:vani;
font-size: 12px;
color: #fff;
 }

.battyprofil{
  position : absolute;
  right :0px;
  top:200px;
}

.battyprofil_infotexte img
{
  border:4px solid #938162;
  margin:5px 0px;
  width:190px;
}

Merci beaucoup pour votre aide
Administratrice - Maxi-codeuse
avatar

Fiche Membre
Lots gagnés:
Administratrice - Maxi-codeuse
Administratrice - Maxi-codeuse
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 31/10/2013
Messages : 2698
Jeu 25 Mai - 12:25
Hello ! :)
Le truc, c'est qu'on a pas accès au bug de ton forum .. en tout cas, là moi je ne vois rien ... :mh:

_________________________________________

Life is a journey, enjoy the ride

< I would love to [change] the world, but they won't give me the source {code}… >

Designer et Modo
avatar

Fiche Membre
Lots gagnés:
Designer et Modo
Designer et Modo
Voir le profil de l'utilisateur
Sexe : Féminin Date d'inscription : 15/12/2012
Messages : 2816
Lun 5 Juin - 4:05
Bonjour @Mesmeralda
Ton sujet est-il toujours d'actualité ? Cela fait plus de deux semaines que tu n'as pas donné de nouvelles au sujet de ton problème.

_________________________________________

Galerie - Abstractions d'un chat dérangé
I'm the Cheshire Cat, bitch. Not some stupid Schrödinger's dead or alive pussy.

Merci Clyde Ale pour l'avatar

LES CADEAUX C'EST TOUT BEAU !:
 
Maxi-Codeur
avatar

Fiche Membre
Lots gagnés:
Maxi-Codeur
Maxi-Codeur
Voir le profil de l'utilisateur
Sexe : Masculin Date d'inscription : 17/06/2016
Messages : 696
Ven 9 Juin - 23:47
*arrive d'un trou noir*
Code:
.battyprofil_avatar img{
width:200px;
height:320px;
}

par:

Code:

.battyprofil_avatar > div:first-child  img{
width:200px;
height:320px;
}

Je vais aller modifier le code de batty pour corriger ceci, merci d'avoir prévenu

_________________________________________

De retour
Contenu sponsorisé
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum