Coins intempestifs

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

Résolu Coins intempestifs

Message par Polys le Jeu 28 Fév 2013 - 16:49

Bonjour ! Je viens vous demander de l'aide car après avoir personnalisé les balises code, quote et spoiler dans ma feuille css, des angles intempestifs apparaissent sur la gauche des cadres. Voici un screen pour illustrer la chose, les angles étant entourés en rouges. Je ne pense pas que cela vienne des codes en eux-mêmes mais je les montre quand même (au cas où...) :

Code:
.quote{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.quote:hover{
text-shadow: 0px 0px 0px #B3B3B3;
color: #EDBFC0;
border: 1px solid #E1E1E1;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362048677-309486f3bis.png");
}

.code{
font-family: Georgia;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.selectCode {
float:right; text-transform: uppercase; cursor:pointer;
}

.spoiler{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

De plus, je ne trouve pas comment me débarrasser du cadre noir de la balise spoiler. Si quelqu'un a la solution de ces petits problèmes, je suis tout ouïe. Merci bien !


Dernière édition par Polys le Jeu 28 Fév 2013 - 21:56, édité 1 fois

Polys
Nouveau membre

Messages : 6
Inscrit(e) le : 26/02/2013

http://virtual-real-game.forumactif.fr
Polys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coins intempestifs

Message par Scipion le Jeu 28 Fév 2013 - 17:25

Bonsoir

En testant partiellement vos codes sur mon forum, l'affichage de coins intempestifs ne se produit pas. De plus il n'y a aucun cadre noir qui apparaît avec la balise spoiler.

Ce qui me fait dire que le problème pourrait résulter d'un conflit avec d'autres codes CSS contenues dans votre feuille. La disponibilité de tout le contenu de votre feuille me permettra de faire un test plus élargi, si vous le souhaitez.

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: Coins intempestifs

Message par Polys le Jeu 28 Fév 2013 - 17:45

Voici l'intégralité de ma feuille, j'espère que la source du problème s'y trouvera.


Code:
/* ------------------------------------ {liens personnalisés} --------------------------------------------------------------------------------------------------------- */

a {
text-transform: uppercase;
font-size: 75%;
}

/* ------------------------------------ {alignement du forum} --------------------------------------------------------------------------------------------------------- */

table.bodylinewidth
{
top: -9px;
box-shadow: 0px 0px 5px #B3B3B3;
-moz-box-shadow: 0px 0px 5px #B3B3B3;
-webkit-box-shadow: 0px 0px 5px #B3B3B3;
}

.forumline{
border: 1px solid #E8E8E8;
}

.bodylinewidth {
width:800px;}


/* ------------------------------------ {Logo collé aux bordures} --------------------------------------------------------------------------------------------------------- */

#i_logo {margin-top: -10px;
margin-left:-10px;
margin-right:-10px;}

/* ------------------------------------ {Colonne sous avatar} --------------------------------------------------------------------------------------------------------- */

.infos_colonne_droite{
widht: 200px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362061239-309486f3.png");
border: 1px solid #F4F4F4;
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}


/* ------------------------------------ {corps des messages} --------------------------------------------------------------------------------------------------------- */

.postbody{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border: 1px solid #F4F4F4;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 12px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {Titres des catégories personnalisés} --------------------------------------------------------------------------------------------------------- */

.titre_catégorie{
background-color: #E8E8E8;
border-bottom: 8px solid #E0DCDC;
-moz-border-radius-: 15px;
-webkit-border-radius: 15px;
border-radius: 15px 15px 15px 15px;
padding: 3px;
font-family: TimesNewRoman;
text-transform: uppercase;
letter-spacing: -2px;
font-size: 150%;
}

.secondarytitle h2 {
font-size: 200%;
color: #E0DCDC;
}

/* ------------------------------------ {angles catégories arrondis} --------------------------------------------------------------------------------------------------------- */

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right
{-moz-border-radius-: 15px;
-webkit-border-radius: 15px;
border-radius: 15px 15px 15px 15px;}
 
/* ------------------------------------ {Titres des sujets} --------------------------------------------------------------------------------------------------------- */

.testtopic{
background-color: #E8E8E8;
border-bottom: 8px solid #E0DCDC;
-moz-border-radius-: 15px;
-webkit-border-radius: 15px;
border-radius: 15px 15px 15px 15px;
padding: 3px;
font-family: TimesNewRoman;
text-transform: uppercase;
letter-spacing: -2px;
font-size: 150%;
color: #D1D1D1;
}

/* ------------------------------------ {Messages et sujets personnalisés} --------------------------------------------------------------------------------------------------------- */

.sujets_messages{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362046966-121198fond1.png");
border: 1px solid #E1E1E1;
padding: 3px;
-moz-border-radius-: 5px;
-webkit-border-radius: 5px;
border-radius:5px 5px 5px 5px;
}

/* ------------------------------------ {Dernier posté personnalisé} --------------------------------------------------------------------------------------------------------- */

.derniers_sujets{
widht: 200px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362049270-643251fond2.png");
border: 1px solid #F4F4F4;
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {Vus et réponses personnalisés} --------------------------------------------------------------------------------------------------------- */

.vus_réponses{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362046966-121198fond1.png");
border: 1px solid #E1E1E1;
padding: 3px;
-moz-border-radius-: 5px;
-webkit-border-radius: 5px;
border-radius:5px 5px 5px 5px;
}

/* ------------------------------------ {Dernière réponse personnalisée} --------------------------------------------------------------------------------------------------------- */

.dernière_réponse{
widht: 200px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362049270-643251fond2.png");
border: 1px solid #F4F4F4;
padding-right: 2px;
padding-left: 2px;
padding-top: 5px;
padding-bottom: 5px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {titre de topic} --------------------------------------------------------------------------------------------------------- */
.topictitle{
letter-spacing: -1px;
text-transform: uppercase;
}

/* ------------------------------------ {curseurs} --------------------------------------------------------------------------------------------------------- */

body { cursor: crosshair; }
a:hover { cursor:hand; }

/* ------------------------------------ {Description des forums} --------------------------------------------------------------------------------------------------------- */

.description_forum{
height: 70px;
overflow:auto;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border: 1px solid #F4F4F4;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}

.majuscules_description{
font-weight: bold;
  font-family: TimesNewRoman;
  font-size: 15px;
}

.titre2_forum{
text-align: center;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding: 5px;
font-family: Tahoma;
text-transform: uppercase;
letter-spacing: -1px;
font-size: 90%;
-moz-border-radius-: 5px;
-webkit-border-radius: 5px;
border-radius:5px 5px 5px 5px;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.titre2_forum:hover{
text-shadow: 0px 0px 0px #B3B3B3;
color: #EDBFC0;
border: 1px solid #E1E1E1;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362048677-309486f3bis.png");
}

/* ------------------------------------ {soulignés et italiques} --------------------------------------------------------------------------------------------------------- */

u{border-bottom: 1px solid;text-decoration: none;
-moz-border-radius:2px;}

I{border-bottom:none; text-decoration: none
}

/* ------------------------------------ {Pseudos personnalisés} --------------------------------------------------------------------------------------------------------- */

a:hover {text-decoration: none; color: black;}
a:link {text-decoration: none; font-size: 100%;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a img {border: none;}



/* ------------------------------------ {citations et codes} --------------------------------------------------------------------------------------------------------- */

.quote{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.quote:hover{
text-shadow: 0px 0px 0px #B3B3B3;
color: #EDBFC0;
border: 1px solid #E1E1E1;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362048677-309486f3bis.png");
}

.code{
font-family: Georgia;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

.selectCode {
float:right; text-transform: uppercase; cursor:pointer;
}

.spoiler{
font-family: Tahoma;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362006808-309486f3.png");
border: 1px solid #E1E1E1;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
color: #D2D0D0;
color: #FFFFFF;
text-shadow: 0px 0px 2px #B3B3B3;
}

/* ------------------------------------ {forme catégories et forums} --------------------------------------------------------------------------------------------------------- */

.forumline{
background-color: none;
border-top: 4px #EDBFC0 solid;
border-bottom: 4px #EDBFC0 solid;
border-right: 4px #EDBFC0 solid;
border-left: 4px #EDBFC0 solid;
border-radius: 18px 18px 18px 18px;
box-shadow: 0px 0px 5px #B3B3B3;
-moz-box-shadow: 0px 0px 5px #B3B3B3;
-webkit-box-shadow: 0px 0px 5px #B3B3B3;}

/* ------------------------------------ {forme titres des forums} --------------------------------------------------------------------------------------------------------- */

a.forumlink, a.forumlink:visited{
color: #A8A8A8;
font-family: TimesNewRoman;
text-transform: lowercase; letter-spacing: 1px;
font-size:14px;
border-bottom: 1px dotted #EDBFC0;
display: block;
margin-bottom: -10px;
}

a.forumlink:hover, a.forumlink:hover:visited{
color: #EDBFC0;
text-decoration: none;
text-decoration: none !important;
text-transform: lowercase; letter-spacing: 10px;
-moz-transition-property: color, texte-transform, letter-spacing;
-moz-transition-duration: 3s;
-webkit-transition-property: color, texte-transform, letter-spacing;
-webkit-transition-property: 3s;
}

/* ------------------------------------ {corrections des angles} --------------------------------------------------------------------------------------------------------- */

.catBottom {
border-radius:10px 10px 10px 10px;
border: 1px solid #E8E8E8;
}

.row3Right{
border: 1px solid #E8E8E8;
}

.catHead{
border-radius:10px 10px 10px 10px;
border: 1px solid #E8E8E8;
}

.thHead{
border: 0px solid #E8E8E8;
border-radius:10px 10px 10px 10px;
}

.thCornerL{
border: 1px solid #E8E8E8;
border-radius:10px 10px 10px 10px;
}

.thCornerR{
border: 1px solid #E8E8E8;
border-radius:10px 10px 10px 10px;
}

/* ------------------------------------ {En-tête} --------------------------------------------------------------------------------------------------------- */

a.mainmenu{
  text-transform: uppercase;
  color: #A8A8A8;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: -1px
}

a.mainmenu:hover{
color: #EDBFC0;
}

.navig {
  position: fixed;
top: 0px;
width: 98%;
background-image: url("http://image.noelshack.com/fichiers/2012/26/1340832746-Fondpoisblancs.jpg");
-moz-border-radius:0px 0px 15px 15px;
-webkit-border-radius:0px 0px 15px 15px;
border-radius:0px 0px 15px 15px;
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border-bottom: 1px solid #F4F4F4;
border-right: 1px solid #F4F4F4;
border-left: 1px solid #F4F4F4;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}


/* ------------------------------------ {Qui est en ligne} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{
background-color: #FAF9F9;
border: 1px solid #EFEFEF;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 11px;
}

.groupes
{
text-transform: uppercase;
font-size: 11px;
background-color: #FFFFFF;
border: 1px solid #EFEFEF;
padding-left: 7px;
padding-right: 7px;
text-shadow: grey 0px 0px 1px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
  border-radius:10px 10px 10px 10px;
}

.qeel_align
{
margin-left: 10px;
}

.qeel_birth
{
-moz-border-radius-topleft: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
  border-radius:18px 18px 18px 18px;
}

.qeel_texte
{
font color: #202020;
text-align: justify;
width: 376px;
}

.texte_qui
{

}

/* ------------------------------------ {chatbox} --------------------------------------------------------------------------------------------------------- */

body.chatbox {

}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a,
#chatbox_header .catBottom .cattitle {
  height: 100px;
}

.slide-out-div {
                  padding: 20px;
                  width: 250px;
                 
              }

Polys
Nouveau membre

Messages : 6
Inscrit(e) le : 26/02/2013

http://virtual-real-game.forumactif.fr
Polys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coins intempestifs

Message par Scipion le Jeu 28 Fév 2013 - 18:07

La solution à votre problème est dans le code ci-dessous. Donc essayez de le corriger selon votre approche :

Code:
/* ------------------------------------ {corps des messages} --------------------------------------------------------------------------------------------------------- */

.postbody{
background-image:url("http://image.noelshack.com/fichiers/2013/09/1362004986-643251fond2.png");
border: 1px solid #F4F4F4;
padding-left: 7px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 8px;
-moz-border-radius-: 10px;
-webkit-border-radius: 10px;
border-radius:10px 10px 10px 10px;
line-height: 12px;
box-shadow: 0px 0px 2px #B3B3B3;
-moz-box-shadow: 0px 0px 2px #B3B3B3;
-webkit-box-shadow: 0px 0px 2px #B3B3B3;
}
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: Coins intempestifs

Message par Polys le Jeu 28 Fév 2013 - 21:56

En effet, je viens d'insérer une div class personnalisée dans le template et les coins ont disparu. Merci pour votre aide !

Polys
Nouveau membre

Messages : 6
Inscrit(e) le : 26/02/2013

http://virtual-real-game.forumactif.fr
Polys 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