problème dimension image profil

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

problème dimension image profil Empty problème dimension image profil

Message par wildheartxo Sam 23 Fév 2019 - 19:10

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://dontstopmenow.forumactif.com/

Description du problème

hellooooo tout le monde Very Happy
je viens avec un petit problème qui me dérange énormément. j'ai tenté un nombre incalculable de codes et pourtant, j'y arrive toujours pas. Neutral
en fait, je veux tout simplement redimensionner automatiquement les images dans les profils de mon forum et j'y arrive pas. les images dépassent du profil et ce n'est pas joli du tout. y a t-il une âme charitable qui pourrait m'aider? ce serait TRÈS apprécié. I love you

je mets également une copie de mon css, au cas où le problème vient de là.. What a Face
Code:
    .navtop {
    background-color:;
    position: ;
    valign : center ;
    width : 100% ;
    }

/**=========modif nav bar R-max =========**/
/**===ont replace la navbar===**/
#nav_bar_1{
  width:100%auto;
  left:-70px; /*position du menu par rapport a la gauche*/
  position:relative;
  top:-25px !important; /*ont remonte le menu de 25px*/
  z-index:20003 !important; /*ont le fait passé par dessus la toolbar*/
}
/**===ont rend la toolbar blue===**/
#fa_toolbar {
    left: 0px; /*position de la toolbar par rapport au coté gauche*/
    height: 30px; /*epaisseur de la toolbar*/
    background-color: #9ad0ea !important; /*couleur de la toolbar*/
    }
/**===========fin modiff R-max ==========**/



a.mainmenu[href="/calendar"]
{
display: none;
}


   


.profilentour2 {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color: #F5F5F5;
font-size: 12px;
line-height: 10px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:5px;
-moz-box-shadow: 0px 0px 16px rgb(235, 218, 188)
}

.postdetails.poster-profile{
font-size: 12px;

}

a.mainmenu[href="/search"] { display: none; }

/* SOULIGNEMENT */

a:hover
a:hover {font-weight: normal;}
a:hover
a { text-decoration: none; }
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-transform: lowercase ; letter-spacing: 0px;}



/* CODE & CITATIONS */
 
  .quote{
background-color: #FFF;
-moz-border-radius: 0px;
padding-right: 5px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
border-left: 1px solid #7B4D46;
border-right: 1px solid #7B4D46;
border-top: 1px solid #7B4D46;
border-bottom: 1px solid #7B4D46;
width: 350px !important; }

 .code {
background-color: #FFF;
-moz-border-radius: 0px;
padding-right: 5px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
border-left: 1px solid #7B4D46;
border-right: 1px solid #7B4D46;
border-top: 1px solid #7B4D46;
border-bottom: 1px solid #7B4D46;
width: 350px !important;
}


/* JUSTIFICATION AUTOMATIQUE*/
.postbody {
    text-align:justify;
    padding-left: 5px;
    padding-right: 5px;
}



.profilentour2 {
width: 200px;
background-color: #F5F5F5;
padding-right: 15px;
padding-left:15px;
padding-top: 15px;
padding-bottom: 15px; }



.postdetails.poster-profile img {
  width:200px;
  display:block;
}







#fa_toolbar {
    background-color: #fff !important;  /* Rend transparent le fond principal */
}
 
#fa_right {
    background-color: #fff;  /* Couleur de fond */
    border-radius: 0 0 0 40px;  /* Arrondis les angles */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
}
 
#fa_left {
    background-color: #fff;  /* Couleur de fond */
    margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
}
 
#fa_search {
    background-color: #b3b3b3;  /* Couleur de fond */
    margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
    position: relative;  /* Permet de décaler la toolbar */
    left: -20px;  /* Décale la toolbar de la gauche */
}
div#fa_search {display:none!important;}
span#fa_share {display:none!important;}
 
#fa_share {
    background-color: #b3b3b3;  /* Couleur de fond */
    border-radius: 0 0 40px;  /* Arrondis les angles */
    left: -40px;  /* Décale la toolbar de la gauche */
    margin-top: -1px;  /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
    position: relative;  /* Permet de décaler la toolbar */
}
a#fa_hide {display: none!important;}

#fa_usermenu td {color:#896D67;}

#fa_menu #fa_usermenu table {
  color: #AB948F;
}
#fa_menu #fa_menulist li a {
  color: #AB948F !important;
}




.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}


/* QEEL PAR AWFUL */
 #qeel {
    font-family: 'Oswald', sans-serif;
    width: 800px;
    margin:auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    background: #ffffff;
}
 #qeel a, #qeel a:hover, #qeel a:active, #index-links a, #index-links a:hover, #index-links a:active {
    text-decoration: none!important;
}
/* Titre du QEEL */
 #qeel-titre {
    height: 50px;
    background: #fff;
    flex: 100%;
    margin-bottom: 20px;
}
 #qeel-titre h2 {
    color: #AB948F;
    font: 900 25px 'satisfy';
    text-transform: ;
    text-align: right;
    line-height: 50px;
    padding-right: 20px;
}
/* Case dernières 24 heures */
 #qeel-connectes24 {
    width: 140px;
    border: 1px solid #e0e0e0;
    background:#f9f9f9;
    margin-left: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    height: 152px;
    overflow: auto;
}
 #qeel-connectes24 td.row1 {
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    padding: 5px;
}
 #qeel-mid {
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 20px;
}
/* Dernier inscrit */
 #qeel-dernier h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    font-family: "Montserrat", sans-serif;
}
 #qeel-dernier div {
    text-align: center;
    width: 100%;
    background: #dddada;
    height: 50px;
    margin-top: 5px;
}
 #qeel-dernier div a strong {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 50px;
    color: #7b7b7b;
}
/* Case liste des connectés */
 #qeel-connectes {
    background: #E2D8D8;
    overflow: auto;
    padding: 5px;
    font-size: 11px;
    flex: 1;
    margin-right: 10px;
    height: 110px;
    box-sizing: border-box;
  font-family: 'Roboto', sans-serif;
}
/* Les groupes */
 #qeel-groupes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
 #qeel-groupes div {
    border: 1px solid #c5c5c5;
    width: calc(100% / 3 - 2px);
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    height: 35px;
    margin-top: 3px;
    line-height: 35px;
    color: #fff;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 3px 0 0 #fff inset,-3px 0 0 #fff inset,0 3px 0 #fff inset,0 -3px 0 #fff inset;
}
 #qeel-groupes div:nth-child(1) a {
    color: #BB9999;
}
 #qeel-groupes div:nth-child(2) a {
    color: #DDAA99;
}
 #qeel-groupes div:nth-child(3) a {
    color: #CCAAAA;
}
 #qeel-groupes div:nth-child(4) a {
    color: #AA5555;
}
 #qeel-groupes div:nth-child(5) a {
    color: #997766;
}
 #qeel-groupes div:nth-child(6) a {
    color: #614949;
}
 #qeel-right {
    flex: 1;
    margin-right: 20px;
    display: flex;
    flex-wrap: wrap;
}
/* Statistiques messages et membres */
 #qeel-stats2 {
    display: flex;
    flex-direction: column;
    height: 110px;
}
 #qeel-stats2 div{
    background: #E2D8D8;
    width: 80px;
    margin-bottom: 9px;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 300;
}
 #qeel-stats2 div:last-child {
    margin-bottom: 0px;
}
/* Statistique des membres en lignes (x membres, x invités, x invisibles) */
 #qeel-stats {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    color: #aeaeae;
    flex: 100%;
    align-self: start;
}
 #qeel-stats b {
    color: #bbb657;
}
 #qeel-stats i {
    font-weight: 300!important;
    font-style: inherit;
    color: #000000;
}
 #qeel-stats u {
    text-decoration: none;
  font-weight: 300;
color: #000;
}
/* Crédits du QEEL */
 #qeel-credits {
    font-size: 9px;
    text-transform: uppercase;
    color: #7a7a7a;
    text-align: right;
    flex: 100%;
    align-self: end;
}
/*Les liens en dessous du QEEL */
 #index-links {
    width: 900px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
 #index-links a {
    border: 1px solid #c5c5c5;
    background: #fff;
    flex: 1;
    margin-right: 3px;
    text-align: center;
    text-transform: uppercase;
    font-size: 9px;
    padding: 10px 0;
    font-family: "Oswald", sans-serif;
    box-shadow: 3px 0 0 #edecec inset,-3px 0 0 #edecec inset,0 3px 0 #edecec inset,0 -3px 0 #edecec inset;
    color: #ababab;
    transition: color 0.3s;
}
 #index-links a:hover {
    color: #ccc;
}
 #index-links a:last-child {
    margin-right: 0px;
}


/*LISTE DES MEMBRES PAR AWFUL*/
/*Bloc principal*/
.membres-bloc {
    background: #fff;
    padding: 20px 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.membres-bloc::after {
  content: "";
  width: calc(100% / 3 - 10px);
}
/*Bloc membre*/
.membres {
    height: 150px;
    width: calc(100% / 3 - 10px);
    background: red;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    margin-bottom: 15px;
}
.membres a {
    text-decoration: none!important;
}
.membres-nom {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 10px;
    z-index: 2;
    color: #fff;
}
.membres-avatar-fond img {
    width: 115%;
    margin-top: -100px;
    margin-left: -20px;
    filter: blur(10px);
max-width: none !important;
}
.membres-avatar {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: calc(50% - 35px);
    border: 3px solid #fff;
    z-index: 2;
}
.membres-avatar img {
    width: 70px;
    margin-top: -30px;
}
.membres-bas {
    width: 100%;
    height: 80px;
    position: absolute;
    bottom: 0;
    background: #fff;
}
.membres-mp {
    background: #e63535;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 11px;
    transition: all 0.3s;
}
.membres-mp img {
    display: none;
}
.membres-mp a:before {
    content: "MP";
    color: #fff!important;
}
.membres-mp:hover {
    background: #ba2626;
}
.membres-messages,
.membres-arrivee {
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    left: 7px;
    transition: all 0.3s;
    font-size: 10px;
}
.membres-arrivee {
    left: -100%;
}
.membres:hover .membres-arrivee {
    left: 7px;
}
.membres:hover .membres-messages {
    left: -100%;
}



/*CUSTOMISATION DES FORUMS ET CATEGORIES PAR AWFUL*/
/*Import de la police*/
@import url('https://fonts.googleapis.com/css?family=Satisfy:400,900');
/*titre de catégorie*/
.titre-cate {
    font-family: 'Satisfy', sans-serif;
    text-transform: ;
    width: 850px;
    margin: auto;
}
.titre-cate h2 {
    font-size: 25px;
    color: #b3b3b3;
    margin-bottom: 10px;
}
/*bloc forum*/
.wrap-forum {
    width: 850px;
    height: 110px;
    background-color: #F9F9F9;
    position: relative;
    font-family: 'Abel';
    margin: 0 auto 10px;
}
.wrap-forum a,
.wrap-forum a:hover {
    text-decoration: none!important;
}
.wrap-forum.no-avatar .img-forum {
    display: none;
}
/*Titre forum*/
.forum-titre {
    position: absolute;
    width: 100%;
    height: 40px;
    background-color: #AF9797;
    box-sizing: border-box;
    padding-left: 20px;
}
.forum-titre a {
    font-weight: 900;
    text-transform: uppercase;
    line-height: 40px;
    font-size: 16px;
    color: #444!important;
    transition: all 0.5s;
}
.forum-titre a:hover {
    color: #444 !important;
}
/*Suppression de l'image de nouveau message*/
.img-forum {
    position: absolute;
    bottom: 0;
    right: 0;
}
.img-forum img {
    display: none;
}
/*remplacement de l'image de nouveau message par un 'x' rouge pour old*/
.img-forum:before {
    content: "×";
    height: 15px;
    width: 15px;
    background: #CC9696;
    position: absolute;
    right: 140px;
    bottom: 10px;
    z-index: 2;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-size: 10px;
    padding-left: 1px;
    box-sizing: border-box;
}
/*changement du 'x' rouge en '✓' vert pour les nouveaux messages*/
.new:before {
    background: #5AC854;
    content: "✓";
}
/*description de forum*/
.forum-desc {
    position: absolute;
    height: 50px;
    width: 500px;
    overflow: auto;
    bottom: 10px;
    left: 20px;
    font-size: 11px;
    text-align: justify;
    padding-right: 10px;
    line-height: 12px;
}
/*Custom scrollbar (seulement pour Chrome !)*/
.forum-desc::-webkit-scrollbar {
    width: 4px;
}
.forum-desc::-webkit-scrollbar-track {
    background-color: #A1A2A7;
}
.forum-desc::-webkit-scrollbar-thumb {
    background-color: #AF9797;
}
/*Statistiques topics et posts*/
.stats-forum {
    left: 540px;
    position: absolute;
    top: 50px;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 1px;
    color: #9f9f9f;
}
/*Dernier message*/
.last-forum {
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    font-size: 10px;
    bottom: 10px;
    color: #9f9f9f;
}
.last-forum a {
    text-transform: none;
    font-family: satisfy;
    font-size: 16px;
}
.last-forum span > a:first-child {
    font-size: 11px;
    font-family: roboto;
    color: #AB948F;
    transition: all 0.3s;
}
.last-forum span > a:first-child:hover {
    color: #de99aa;
}
.last-forum:empty::before {
    content: "Pas de nouveaux messages";
    font-size: 10px;
    width: 100px !important;
    display: block;
    bottom: 10px;
    position: relative;
}
/*Sous-forums*/
.sous-forum {
    position: absolute;
    font-size: 0;
    right: 18px;
    top: 20px;
    max-width: 450px;
    background: #7cd1b0;
    z-index: 3;
}
.sous-forum a {
    display: inline-block;
    font-size: 9px !important;
    background: #aae4cd;
    margin: 0 2px 3px;
    padding: 1px 4px;
    text-transform: uppercase;
    color: #696969 !important;
    transition: all 0.3s;
}
.sous-forum a:hover {
    background: #d9fff0;
}
/*Bouton "+" pour l'affichage des sous-forums supplémentaires*/
.more {
    position: absolute;
    right: -10px;
    top: -16px;
    display: block;
    background: green;
    font-size: 10px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    text-align: center;
    line-height: 13.5px;
    color: #F3F3F3;
    box-sizing: border-box;
    padding-left: 1px;
    cursor: pointer;
}
/*Couleur bouton "-"*/
.more.less {
    background: #c35050;
}
/*Avatar du dernier posteur*/
.avatar-forum {
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
    bottom: 10px;
    right: 140px;
    background-size: 100%;
}
.avatar-forum img {
    width: 50px;
}


.element {font-family:"Satisfy";}
.element {font-family:"Dancing Script";}
.element {font-family:"Great Vibes";}
.element {font-family:"Abel";}
.element {font-family:"Special Elite";}

 
.police{
font-family: "satisfy";
}

Je peux aussi fournir mon template si jamais vous avez besoin.
merci à l'avance pour votre aide. tongue
wildheartxo

wildheartxo
Nouveau membre

Messages : 1
Inscrit(e) le : 28/11/2018

http://dontstopmenow.forumactif.com/
wildheartxo a été remercié(e) par l'auteur de ce sujet.

problème dimension image profil Empty Re: problème dimension image profil

Message par Chacha Ven 1 Mar 2019 - 9:39

problème dimension image profil 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
problème dimension image profil UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

problème dimension image profil Empty Re: problème dimension image profil

Message par Chacha Sam 2 Mar 2019 - 9:45

problème dimension image profil 8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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