Encadrer les avatars dans le profil.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Encadrer les avatars dans le profil.
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é :
Mes navigateurs sont Safari, Internet Explorer, et Chrome.
Merci de votre aide (:
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
Re: Encadrer les avatars dans le profil.
Bonjour
Faites un essai avec ce code CSS à installer dans votre feuille de style, normalement ça devrait fonctionner :
Cordialement
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;
}
Cordialement
Re: Encadrer les avatars dans le profil.
je suis désolée ça ne marche pas :/
J'ai mis comme ça :
Je me suis peut-être trompée
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
Re: Encadrer les avatars dans le profil.
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;
}
Re: Encadrer les avatars dans le profil.
Parfait merci beaucoup ^^ Sujet résolu (:
Sujets similaires
» Border-radius sur les avatars contenus dans le profil avancé
» Modifier les avatars dans la galerie d'avatars
» ModernBB : retirer les deux points des labels de champs de profil dans l'affichage d'un sujet et dans l'affichage du profil.
» Redimensionner les avatars du profil
» Isoler les champs de profil dans la page du profil
» Modifier les avatars dans la galerie d'avatars
» ModernBB : retirer les deux points des labels de champs de profil dans l'affichage d'un sujet et dans l'affichage du profil.
» Redimensionner les avatars du profil
» Isoler les champs de profil dans la page du profil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum