Contour d'avatar

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

Résolu Contour d'avatar

Message par Camoche03 le Jeu 19 Mai 2011 - 18:51

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


Dernière édition par Camoche03 le Jeu 19 Mai 2011 - 19:59, édité 1 fois

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour d'avatar

Message par Scipion le Jeu 19 Mai 2011 - 18:56

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

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: Contour d'avatar

Message par Camoche03 le Jeu 19 Mai 2011 - 18:58

Voila

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 Very Happy

Merci encore

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour d'avatar

Message par Scipion le Jeu 19 Mai 2011 - 19:23

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;
}
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: Contour d'avatar

Message par Camoche03 le Jeu 19 Mai 2011 - 19:50

Merci pour le code mais ça n'a pas marché

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour d'avatar

Message par Milouze14 le Jeu 19 Mai 2011 - 19:58

Salut Camoche03,
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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4564
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour d'avatar

Message par Camoche03 le Jeu 19 Mai 2011 - 19:58

Ah ça y est j'ai réussi sans faire controle f5 merci je met résolu Smile

Merci quand même milhouse Razz

Camoche03
**

Féminin
Messages : 75
Inscrit(e) le : 02/03/2011

http://lgdc-warriors.forumgratuit.org/
Camoche03 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour d'avatar

Message par Scipion le Jeu 19 Mai 2011 - 20:11

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

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.

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