Encadrer les avatars dans le profil.

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

Résolu Encadrer les avatars dans le profil.

Message par jujububulle le 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
*

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 le 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
+ Hyperactif +

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

http://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 le 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
*

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 le 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
+ Hyperactif +

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

http://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 le Sam 23 Mar 2013 - 15:56

Parfait merci beaucoup ^^ Sujet résolu (:

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