avatar
Sexe : Féminin
Date d'inscription : 22/08/2016
Messages : 58
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
avatar
Sexe : Féminin
Date d'inscription : 31/10/2013
Messages : 2823

Fiche Membre
Lots gagnés:
Administratrice - Maxi-codeuse
Voir le profil de l'utilisateur
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:


< I would love to [change] the world, but they won't give me the source {code}… >
avatar
Sexe : Féminin
Date d'inscription : 15/12/2012
Messages : 3214

Fiche Membre
Lots gagnés:
Modératrice designer
Voir le profil de l'utilisateurhttp://sarahdealerevans.deviantart.com/gallery/
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.
LES CADEAUX C'EST TOUT BEAU !:


avatar
Sexe : Masculin
Date d'inscription : 17/06/2016
Messages : 722

Fiche Membre
Lots gagnés:
Accro au forum
Voir le profil de l'utilisateur
*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
avatar
Sexe : Féminin
Date d'inscription : 04/12/2016
Messages : 1358

Fiche Membre
Lots gagnés:
Administratrice
Voir le profil de l'utilisateur
Je peux archiver ce problème du coup ?


Absente du 13 au 20 Aout. Contactez Jamy si vous avez besoin d'un admin !


Mes claviers d'ordinateur sont en qwerty, donc mes posts manquent parfois d'accents. Je m'en excuse si ca gene un peu la comprehension.

Cadeaux:

Merci Yami.
avatar
Sexe : Féminin
Date d'inscription : 16/02/2016
Messages : 545

Fiche Membre
Lots gagnés:
Codeur en stage
Voir le profil de l'utilisateurhttp://lgdcnocturnalterrors.f-orum.com/
Ca fait plus de 10 jours sans réponse, j'archive !
Si jamais tu as un nouveau problème n'hésite pas a ouvrir un nouveau sujet !


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