AccueilAccueil  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  

un petit souci de profil [Terminé]


Emilliaavatar
P'tit Hitien
Sexe : FémininMessages : 503p.a : 561Age : 31Inscription : 30/11/2010
Bien le bonjour il y à déjà quelque temps j'ai fait une demande de profil, d’ailleurs je les toujours garder, mais en changeant le graphisme de mon forum et en refaisant tout j'ai remarquer que si l'avatar serait lui aussi arrondis sa serait plus jolie, malheureusement je n'arrive pas du tout à le faire s'arrondir même en bidouillant un peu ;(. Si quelqu'un a une idée je suis preneuse.

[Vous devez être inscrit et connecté pour voir cette image]

comme le profil a était modifié dans les templates et sur la feuille si vous avez besoin de quelque chose je vous le donnerais.

un grand merci à l’âme charitable.
EmilliaMer 19 Sep - 15:50
Alcidaavatar
Graphiste - femelle
Sexe : FémininMessages : 537p.a : 137Age : 29Inscription : 13/04/2011
Dans ton CSS, si tu mets exactement la hauteur et la largeur des avatars dans ta div + les bords arrondis ca devrait fonctionner :

width:200px;
height:320px;
border-radius:20px;
AlcidaMer 19 Sep - 16:12
Emilliaavatar
P'tit Hitien
Sexe : FémininMessages : 503p.a : 561Age : 31Inscription : 30/11/2010
hello ^^' alors voici le css du profil

Code:
 /*______________Profil*/

.quotecontent { /*contenant de la parti "curieux*/
  padding:5px;
  border:radius:15px;
  color:#ffffff; /*couleur du texte*/
 background-color:#550802;/*couleur de fond*/
text-align:center;}

.toutprofil {/*contenant de tout le profil*/

  background-image: url(http://d18.e-loader.net/OoqntZd4Sk.png);
  border : 1px dashed #615050; /*bordure*/
 margin:5px;
  padding:5px;
  border-radius:25px;

}

.avatarp { /*avatar*/
  border:10px solid #000000; /*bordure*/
  border-radius:20px;
}

/*rangg    */
.imgrang {
margin-right:auto;
margin-left:auto;
width:170px;
}

j'ai essayer de le mettre dans la partie avatar mais c'est le contour de l'avatar qui a changer et non l'avatar (je suis désoler si je ne suis pas doué)
EmilliaMer 19 Sep - 17:10
Alcidaavatar
Graphiste - femelle
Sexe : FémininMessages : 537p.a : 137Age : 29Inscription : 13/04/2011
Aaaah ok ! Bah, il faut que tu ajoutes une class pour faire la bordure (sauf que là ce sera plus une bordure mais un background (fais du franglais wouhou!)) !
AlcidaMer 19 Sep - 18:58
Emilliaavatar
P'tit Hitien
Sexe : FémininMessages : 503p.a : 561Age : 31Inscription : 30/11/2010
mais la class faut l'ajouté au template?

voici ce qui a était modifié.
Code:
<!-- Début modification -->


  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
               
<!-- Pseudo-->

<div class="toutprofil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div style="font-size:20px; text-align:center; margin-bottom:-30px; font-family:Bernard MT Condensed;">{postrow.displayed.POSTER_NAME}</div></strong></span><br />


<!-- Avatar et rang -->
            <span class="postdetails poster-profile">
                                  <div class="avatarp"><div style="border-radius:20px;">{postrow.displayed.POSTER_AVATAR}</div></div><br />



<div class="imgrang"><br />{postrow.displayed.RANK_IMAGE}<br/></div>


<!-- Partie curieux -->
           
                                  <div onClick="this.firstChild.value=(this.firstChild.value=='afficher')?'masquer':'afficher';this.lastChild.style.display=(this.firstChild.value=='afficher')?'none':'block';" style="text-align: center; background-color:transparent;"><input type="image" src="http://d19.e-loader.net/oit0hsunUD.png" value="afficher" style="background-color:transparent"/> <div style="display: none; text-align:left;"><div class="quotecontent">
                                    <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
                                    {postrow.displayed.POSTER_RPG}</div></div></div>
                          </span><br />





                  <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" /></div>
      </td>
       
       

En tous cas merci de bien vouloir m'aider^^
EmilliaMer 19 Sep - 21:24
Shyvanaavatar
Codeuse
Sexe : FémininMessages : 718p.a : 621Age : 26Inscription : 04/06/2012
Bien plus simple, tu n'as qu'à mettre un code du genre dans ton css, sans toucher au template:
Code:
.postdetails.poster-profile img {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}


[Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image]
[Vous devez être inscrit et connecté pour voir cette image][Vous devez être inscrit et connecté pour voir cette image]
Shyvanahttp://www.goldheartofficiel.comJeu 20 Sep - 1:44
Emilliaavatar
P'tit Hitien
Sexe : FémininMessages : 503p.a : 561Age : 31Inscription : 30/11/2010
Merci beaucoup sa fonctionne nickel encore merci
EmilliaJeu 20 Sep - 9:13
Contenu sponsorisé
Contenu sponsorisé

un petit souci de profil [Terminé]