Contour d'avatar
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Contour d'avatar
Bonsoir,
Je voulais savoir comment enlever le tour autour des avatars, je pense que c'est un cide à mettre dans la CSS ?
Ça fait ça :
Merci de votre aide
Je voulais savoir comment enlever le tour autour des avatars, je pense que c'est un cide à mettre dans la CSS ?
Ça fait ça :
Merci de votre aide
Dernière édition par Camoche03 le Jeu 19 Mai 2011 - 19:59, édité 1 fois
Re: Contour d'avatar
Bonjour
Pouvez-vous mettre à notre disposition ici même le contenu de votre feuille de style CSS personnalisée afin de déterminer le code que vous devez soustraire ?
Cordialement
Pouvez-vous mettre à notre disposition ici même le contenu de votre feuille de style CSS personnalisée afin de déterminer le code que vous devez soustraire ?
Cordialement
Re: Contour d'avatar
Voila
Et au passage, j'aimerais bien des ombres derrière les pseudos dans le qui est en ligne, si vous connaissez le code
Merci encore
- Spoiler:
/* NAVIGATION EN HAUT */
.navtop {
top : 0px;
right : 0px;
left : 0px;
position : fixed ;
width : 100% ;
background-color : #D9AA1F ;
border-bottom : 3px solid #ffffff;
-moz-box-shadow: 0px 2px 2px #000000;
-webkit-box-shadow: 0px 2px 2px #000000;
box-shadow: 0px 2px 2px #000000;
font-family: georgia;
letter-spacing: 2px;
}
/* MENU DEROULANT */
#navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a {
padding: 2px 7px 2px 7px;
color: #1F361E;
background-color: #88A651;
border:4px solid #ffffff;
-moz-border-radius: 20px 20px 20px 20px;
text-decoration: none;
}
#navigation li a:hover{
background-color: #D9AA1F;
color: #1F361E;
}
/*privilégier */
.defilement3 {
overflow: auto;
width: 500px;
height: 100px;
border: 4px #ffffff solid;
-moz-border-radius:7px;
background-color: #E69A9A;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;
-moz-box-shadow: 1px 2px 2px #000000;
-webkit-box-shadow: 1px 2px 2px #000000;
box-shadow: 1px 2px 2px #000000;
}
/* PA */
.interieurstaff {
width; 30px;
background-color: #D9AA1F;
border: 4px solid #ffffff;
-moz-border-radius:10px;
-moz-box-shadow: 1px 2px 2px #000000;
-webkit-box-shadow: 1px 2px 2px #000000;
box-shadow: 1px 2px 2px #000000;
}
.interieurmenu {
width; 20px;
background-color: #D9AA1F;
border: 4px solid #ffffff;
-moz-border-radius:10px;
-moz-box-shadow: 1px 2px 2px #000000;
-webkit-box-shadow: 1px 2px 2px #000000;
box-shadow: 1px 2px 2px #000000;
}
.MENU {
text-transform:normal;
text-align:center;
font-size: 14px;
font-family: georgia;
font-weight: lighter;
letter-spacing: 2px;
background-color: #D9AA1F;
border-left:7px double #FFFFFF;
border-right:7px double #FFFFFF;
-moz-border-radius:10px;
}
.MENU:hover {
letter-spacing: 3px; }
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
cursor:pointer;
}
.onglet_0
{
-moz-border-radius:10px;
}
.onglet_1
{
padding-bottom:4px;
-moz-border-radius:10px;
}
.contenu_onglet
{
width: 500px;
background-color: #D9AA1F;
border: 4px solid #ffffff;
-moz-border-radius:10px;
-moz-box-shadow: 1px 2px 2px #000000;
-webkit-box-shadow: 1px 2px 2px #000000;
box-shadow: 1px 2px 2px #000000;
margin-top:1px;
padding:5px;
display:none;
}
div.staff {
font-size: 14px;
margin-top: 5px;
text-align: center;
}
.admin {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
background-color: #E69A9A;
border: 4px solid #ffffff;
padding: 3px;
-moz-border-radius: 10px;
margin: 0px 3px 2px 3px;
}
.admin:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1; }
.bouton {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.bouton:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}
.new {
overflow: auto;
width: 400px;
height: 100px;
}
span.infoadmins {
position: relative;
text-decoration: none;
}
span.infoadmins span.bulle {
display: none;
font-size: 12px;
}
span.infoadmins:hover {
background: none;
z-index: 999;
cursor: help;
}
span.infoadmins:hover span.bulle {
display: inline;
position: absolute;
left: -55px;
width; 150px;
top:4px;
color: #87384E;
background-color: #D9AA1F;
border: 4px solid #ffffff;
padding: 3px;
-moz-border-radius: 10px;
-moz-box-shadow: 1px 2px 2px #000000;
-webkit-box-shadow: 1px 2px 2px #000000;
box-shadow: 1px 2px 2px #000000;
}
span.infoadmins span.bulles {
display: none;
font-size: 12px;
}
span.infoadmins:hover span.bulles {
display: inline;
position: absolute;
left: 150px;
width; -150px;
top:5px;
color: #87384E;
background-color: #F5D5DD;
border: 4px solid #ffffff;
padding: 3px;
-moz-border-radius: 10px;
}
/* QEEL */
.qeel {
text-shadow: 0px 0px 6px #000000;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
}
.qeel:hover {
text-shadow: 0px 0px 6px #ffffff;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
}
.surtexte {
text-shadow: 1px 2px 2px #ffffff;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
}
/* Image de chatbox */
body.chatbox {
background-image: url("http://upload.is.free.fr/upload/mzdxcw7y.jpg");
background-repeat: repeat;
}
.vignettes
{-moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}
.bodyline{ -moz-border-radius: 10px;}
a {
font-variant: small-caps;
text-decoration: none!important;
}
a:hover {
text-decoration: none!important;
}
/* TITRES DES CATEGORIE */
a.forumlink {
border-bottom:4px solid #ffffff;
border-top:4px solid #ffffff;
-moz-box-shadow: 0px 2px 2px #000000;
-webkit-box-shadow: 0px 2px 2px #000000;
box-shadow: 0px 2px 2px #000000;
-moz-border-radius: 20px 20px 20px 20px;
background-color: #ab8618;
padding-left: 2px;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display: block;
text-align: center;
}
a.forumlink:hover {
background-color: #73663d;
border-bottom:4px solid #ffffff;
padding-left: 2px;
font-weight: bold;
font-family: georgia;
font-size: 14px;
font-weight: lighter;
letter-spacing: 3px;
display: block;
text-align: center;
-moz-border-radius: 20px 20px 20px 20px;
}
/* CADRE DU FORUM */
.bodyline {
border-width : 4px;
border-style: simple;
-moz-border-radius:20px;
}
.forumline{
background-color: #ffffff;
-moz-border-radius: 10px;
border: 2px #ffffff solid;
-moz-box-shadow: 1px 2px 2px #000000;
-webkit-box-shadow: 1px 2px 2px #000000;
box-shadow: 1px 2px 2px #000000;
}
/* PA NAVIGATION */
.navigation {
moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}
/* ASCENSEUR */
.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 40px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 5px; /*--- On le place à 0px de la gauche de l'écran ---*/
}
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ab8618; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}
a {
font-variant: small-caps;
}
textarea, .textarea.post, input.post {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
.code{
font-family: Trebuchet MS;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #ffd24c;
border: #795296;
border-style: solid;
border: 1px #ffd240 dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #8d55ba;
}
td.row3 a.gensmall
{text-shadow: #000000 1px 1px 1px;}
.name a
{text-shadow: #000000 1px 1px 1px;}
.qeel_ombre a
{text-shadow: #000000 1px 1px 1px;}
body.chatbox {
background-image: none;
}
body.chatbox {
background-color: #90EE90;
}
Et au passage, j'aimerais bien des ombres derrière les pseudos dans le qui est en ligne, si vous connaissez le code
Merci encore
Re: Contour d'avatar
Essayez d'enlever ce code CSS, et ensuite faites un appui simultané sur CTRL+F5.
- Code:
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #8d55ba;
}
Re: Contour d'avatar
Merci pour le code mais ça n'a pas marché
Re: Contour d'avatar
Salut Camoche03,
dans ton css
modifie ceci:
a++
dans ton css
modifie ceci:
- Code:
.postdetails.poster-profile {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: none;
}
a++
Invité- Invité
Re: Contour d'avatar
Ah ça y est j'ai réussi sans faire controle f5 merci je met résolu
Merci quand même milhouse
Merci quand même milhouse
Re: Contour d'avatar
Il n'y a aucune raison pour que ça ne fonctionne pas, en installant votre code sur mon forum j'obtiens un cadre de couleur violacée comme celui que vous devez avoir sur votre forum.
Faites une nouvelle tentative svp et n'oubliez pas de valider. Ensuite, faites également un appui simultané sur CTRL+F5.
Cordialement
Faites une nouvelle tentative svp et n'oubliez pas de valider. Ensuite, faites également un appui simultané sur CTRL+F5.
Cordialement
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum