Encadrer les avatars dans le profil.

2 participants

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

Résolu Encadrer les avatars dans le profil.

Message par jujububulle Sam 23 Mar 2013 - 15:16

Bonjour,
J'ai un petit problème. J'essaye depuis longtemps d'encadrer les avatars dans les messages mais ça ne fonctionne pas. Voici le lien de mon forum : http://oxford-university.fr1.co/ J'utlise le phpBB2. Je suis administratrice du forum. J'ai modifié un template celui de l'affichage du profil dans les messages.
Voici mon CSS modifié :

Code:
u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; color:#F1EEE5;text-decoration: none; font-color: #ffffff;
}

a:hover{text-transform:uppercase;}


body
{
  background: #B6E2E8;
}
.bodyline
{
  background: #FAF8E1;
}
.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 800px;
  padding: 0;
  background: #FAF8E1;
}

.forumline
{
  width: 98%;
  margin: auto;
}
table
{
  width: 98%;
  margin: auto;
}
.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}
.bodyline
{
  width: 800px;
  padding: 0;
  background: #FAF8E1;
  border-left: 10px solid #F7F1D0;
  border-right: 10px solid #F7F1D0;
}


a.forumlink{
-moz-border-radius: 4px 4px 4px 4px;
  text-decoration: none;
font-weight: normal;
color:#EDEBDF;
font-family: Times New Roman;
font-size: 16px;
font-weight: normal;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
text-color: #B6E2E8;
  text-decoration: none;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Standard ;
font-size: 11px;
color: #666e70;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Standard CT;
font-size: 10px;
color: #666e70;
background-color: #1f1f1f;
border: #ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #FAF8E1 solid;
    }


body {background-repeat: no-repeat;
  background-position: none;}

a.mainmenu{
 text-decoration: none;
 color : #E070A6;
}
a.mainmenu:hover{
 text-decoration: none;
border: 1px dotted #F1EEE5;
 color : #c1bbb3;
 }

.forumline{
    background-color: #ffffff;
    border: 5px  #F7F1D0 solid;
    }

a.mainmenu:link, a.mainmenu:visited{
background-color: #FAF8E1;
-moz-border-radius:13px;
border: 1px #FAF8E1
double;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}

.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: uppercase;
}

.statsprof { /* Les informations du profil */
padding-top: 5px;
background-color: #DDDDFF;
width: 180px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:center;
padding-right: 8px;
padding-left: 8px;
border: solid 5px #ffffff;
  repeat: none;
  align: center;
  margin-left: center;
  padding: 5px;
  padding-bottom: 15px;
}

.points{border-bottom: 5px dotted #ffffff;} /* les pointillés */

.rang{-webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
margin: 5px;
  width: 150px;
  align:justify;
background-color: #DDDDFF;
  margin-left: 30px;
  padding-top: 10px;
  margin-top: -7px;
}

#profil_head /* L'encadrement général de ton profil et avatar */
{padding-top: 5px;
background-color: #DDDDFF;
width: 235px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
text-align:justify;
padding-right: 8px;
padding-left: 8px;
 
}

#name /* le pseudo */
{
text-decoration: none;
text-align:center;
FONT-FAMILY: courier new;
text-transform:uppercase;
font-size: 30;
letter-spacing: 2px;
text-shadow: #2d2020 1px 1px 5px;

}
 
.imagetats img
  {
border-left: 6px solid #F7F1D0;
  border-right: 6px solid #F7F1D0;
  border-bottom: 6px solid #F7F1D0;
  border-top: 6px solid #F7F1D0;
  }

Mes navigateurs sont Safari, Internet Explorer, et Chrome.
Merci de votre aide (:


Dernière édition par jujububulle le Sam 23 Mar 2013 - 15:57, édité 1 fois
jujububulle

jujububulle
*

Messages : 31
Inscrit(e) le : 29/12/2012

http://oxford-university.fr1.co/
jujububulle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer les avatars dans le profil.

Message par Scipion Sam 23 Mar 2013 - 15:34

Bonjour

Faites un essai avec ce code CSS à installer dans votre feuille de style, normalement ça devrait fonctionner :

Code:
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 10px solid #99001A;
-moz-border-shadow: #000 0px 0px 0px;
-webkit-border-shadow: #000 0px 0px 0px;
-border-shadow: #000 0px 0px 0px;
}
Bonne journée
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Encadrer les avatars dans le profil.

Message par jujububulle Sam 23 Mar 2013 - 15:39

je suis désolée ça ne marche pas :/

J'ai mis comme ça :

Code:
u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; color:#F1EEE5;text-decoration: none; font-color: #ffffff;
}

a:hover{text-transform:uppercase;}


body
{
  background: #B6E2E8;
}
.bodyline
{
  background: #FAF8E1;
}
.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 800px;
  padding: 0;
  background: #FAF8E1;
}

.forumline
{
  width: 98%;
  margin: auto;
}
table
{
  width: 98%;
  margin: auto;
}
.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}
.bodyline
{
  width: 800px;
  padding: 0;
  background: #FAF8E1;
  border-left: 10px solid #F7F1D0;
  border-right: 10px solid #F7F1D0;
}


a.forumlink{
-moz-border-radius: 4px 4px 4px 4px;
  text-decoration: none;
font-weight: normal;
color:#EDEBDF;
font-family: Times New Roman;
font-size: 16px;
font-weight: normal;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
text-color: #B6E2E8;
  text-decoration: none;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Standard ;
font-size: 11px;
color: #666e70;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Standard CT;
font-size: 10px;
color: #666e70;
background-color: #1f1f1f;
border: #ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #FAF8E1 solid;
    }


body {background-repeat: no-repeat;
  background-position: none;}

a.mainmenu{
 text-decoration: none;
 color : #E070A6;
}
a.mainmenu:hover{
 text-decoration: none;
border: 1px dotted #F1EEE5;
 color : #c1bbb3;
 }

.forumline{
    background-color: #ffffff;
    border: 5px  #F7F1D0 solid;
    }

a.mainmenu:link, a.mainmenu:visited{
background-color: #FAF8E1;
-moz-border-radius:13px;
border: 1px #FAF8E1
double;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}

.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #F7F1D0 solid; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: uppercase;
}

.statsprof { /* Les informations du profil */
padding-top: 5px;
background-color: #FAF8E1;
width: 210px;
text-align:center;
padding-right: 8px;
padding-left: 8px;
border: solid 3px #F7F1D0;
  repeat: none;
  align: center;
  margin-left: center;
  padding: 5px;
  padding-bottom: 15px;
}

.points{border-bottom: 2px dotted #F7F1D0;} /* les pointillés */

.rang{
margin: 5px;
  width: 200px;
  align:justify;
background-color: #FAF8E1;
 
}

#profil_head /* L'encadrement général de ton profil et avatar */
{
  border-left: 6px solid #F7F1D0;
  border-right: 6px solid #F7F1D0;
  border-bottom: 6px solid #F7F1D0;
  border-top: 6px solid #F7F1D0;
}

#name /* le pseudo */
{
text-decoration: none;
text-align:center;
font-family: courier new;
text-transform:uppercase;
font-size: 30px;
letter-spacing: 2px;
text-shadow: #2d2020 1px 1px 5px;

}
 
        .postdetails.poster-profile a img {
        -moz-border-radius-bottomleft:5px;
        -moz-border-radius-bottomright:5px;
        -moz-border-radius-topleft:5px;
        -moz-border-radius-topright:5px;
        border: 10px solid #99001A;
        -moz-border-shadow: #000 0px 0px 0px;
        -webkit-border-shadow: #000 0px 0px 0px;
        -border-shadow: #000 0px 0px 0px;
        }

Je me suis peut-être trompée
jujububulle

jujububulle
*

Messages : 31
Inscrit(e) le : 29/12/2012

http://oxford-university.fr1.co/
jujububulle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Encadrer les avatars dans le profil.

Message par Scipion Sam 23 Mar 2013 - 15:51

Faites un nouveau test svp, en remplaçant tout le contenu de votre feuille de style par celui-ci :

Code:
/** cadre autour Avatar **/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 10px solid #99001A;
-moz-border-shadow: #000 0px 0px 0px;
-webkit-border-shadow: #000 0px 0px 0px;
-border-shadow: #000 0px 0px 0px;
}

u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}
 
I{border-bottom:none; color:#F1EEE5;text-decoration: none; font-color: #ffffff;
}
 
a:hover{text-transform:uppercase;}
 
 
body
{
  background: #B6E2E8;
}
.bodyline
{
  background: #FAF8E1;
}
.bodylinewidth
{
  width: 800px;
}
 
.bodyline
{
  width: 800px;
  padding: 0;
  background: #FAF8E1;
}
 
.forumline
{
  width: 98%;
  margin: auto;
}
table
{
  width: 98%;
  margin: auto;
}
.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}
.bodyline
{
  width: 800px;
  padding: 0;
  background: #FAF8E1;
  border-left: 10px solid #F7F1D0;
  border-right: 10px solid #F7F1D0;
}
 
 
a.forumlink{
-moz-border-radius: 4px 4px 4px 4px;
  text-decoration: none;
font-weight: normal;
color:#EDEBDF;
font-family: Times New Roman;
font-size: 16px;
font-weight: normal;
letter-spacing: 2px;
display:block;
text-align: left;
}
 
a.forumlink:hover, a.forumlink:hover:visited{
text-color: #B6E2E8;
  text-decoration: none;
-moz-border-radius:6px;}
 
a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
 
.quote{
font-family: Standard ;
font-size: 11px;
color: #666e70;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}
 
.code{
font-family: Standard CT;
font-size: 10px;
color: #666e70;
background-color: #1f1f1f;
border: #ffffff;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}
 
input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}
 
 
a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}
 
a.forumline{
    background-color: #ffffff;
    border: 5px #FAF8E1 solid;
    }
 
 
body {background-repeat: no-repeat;
  background-position: none;}
 
a.mainmenu{
 text-decoration: none;
 color : #E070A6;
}
a.mainmenu:hover{
 text-decoration: none;
border: 1px dotted #F1EEE5;
 color : #c1bbb3;
 }
 
.forumline{
    background-color: #ffffff;
    border: 5px  #F7F1D0 solid;
    }
 
a.mainmenu:link, a.mainmenu:visited{
background-color: #FAF8E1;
-moz-border-radius:13px;
border: 1px #FAF8E1
double;
}
 
.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}
 
.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}
 
.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #F7F1D0 solid; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: capitalize;
}
 
a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: uppercase;
}
 
.statsprof { /* Les informations du profil */
padding-top: 5px;
background-color: #FAF8E1;
width: 210px;
text-align:center;
padding-right: 8px;
padding-left: 8px;
border: solid 3px #F7F1D0;
  repeat: none;
  align: center;
  margin-left: center;
  padding: 5px;
  padding-bottom: 15px;
}
 
.points{border-bottom: 2px dotted #F7F1D0;} /* les pointillés */
 
.rang{
margin: 5px;
  width: 200px;
  align:justify;
background-color: #FAF8E1;
 
}
 
#profil_head /* L'encadrement général de ton profil et avatar */
{
  border-left: 6px solid #F7F1D0;
  border-right: 6px solid #F7F1D0;
  border-bottom: 6px solid #F7F1D0;
  border-top: 6px solid #F7F1D0;
}
 
#name /* le pseudo */
{
text-decoration: none;
text-align:center;
font-family: courier new;
text-transform:uppercase;
font-size: 30px;
letter-spacing: 2px;
text-shadow: #2d2020 1px 1px 5px;
}
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Encadrer les avatars dans le profil.

Message par jujububulle Sam 23 Mar 2013 - 15:56

Parfait merci beaucoup ^^ Sujet résolu (:
jujububulle

jujububulle
*

Messages : 31
Inscrit(e) le : 29/12/2012

http://oxford-university.fr1.co/
jujububulle a été remercié(e) par l'auteur de ce sujet.

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


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