CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| CSS présent sur une page web | |
| Joadar
{ Membre }
Messages : 25
| Comme vous pouvez le voir sur cette page : http://www.halovers.com/f47-les-casernes-de-l-unsc J'ai un code qui est présent et qui élargit toute la page en question. J'ai cherché dans le CSS le code cité et je ne le trouve pas du tout. Voici mon CSS : - Code:
-
.sujets_messages {margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */ border: 1px solid #000000; background-image: ;}
.derniers_sujets {margin-top: 3px; /* pour faire un léger espace entre la ligne des "messages & sujets" et "dernier message posté", sinon ça se colle et c'est laid xD; on évite de retirer */*/ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/
/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */ border: 0px dashed #000000; background-image: ; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomright: 0px;}
a.mainmenu { background-color: black; font-size: 12px; border: 10px styledebordure couleur; font-variant: small-caps; height: 300px; margin: 10px; width: 130px; -moz-border-radius: 6px; border-radius: 15px; border:3px solid #3d333d;
}
a.mainmenu:hover { text-align:center; background-color: black; border: 10px styledebordure couleur; font-size: chiffrepx; border:3px solid #3d333d; }
.navi { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 999; width: 100%; background-color: #000000; border: 10px solid #3d333d; text-shadow: 0px 0px 3px #000000; padding: 3px; -moz-border-radius: 0px; border:1px solid #000000; height: 23px;
}
a { text-decoration: none; }
/* --- cette partie correspond aux onglets des cat & sous forum ---*/
.text { text-align: top center; color:#FFFFFF; /*Couleur du texte de vos onglets*/ cursor:pointer; }
#cat_Centre de coordination,#cat_Forum de discussion,#cat_Reclaimers Studios,#cat_Zone RPG,#cat_Zone RP /*nomonglet... à remplacer par le nom des onglets*/ { padding-top:4px; }
.spoiler_content { display: block; } .hidden .spoiler_content { display: none; }
.cat_forum { text-align: top center; background-color: #transparent; margin: auto; margin-bottom:30px; width:100%; }
.onglet { display:inline-block; margin-top: 25px; text-decoration:none; !important; cursor:pointer; color:#6699CC; /*Couleur du texte de vos onglets*/ float:left; -moz-box-shadow:2px 2px 6px #888888; -webkit-box-shadow:2px 2px 6px #888888; margin:7px 7px 7px 25px; height:25px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; }
.onglet li { float:left; list-style-type:none; margin-bottom:-20px; text-decoration:none; !important; text-align: top center; cursor:pointer; }
.onglet li:hover { text-align: top center; text-decoration:none; !important; cursor:pointer; }
.onglet li a { display:block; text-decoration:none; !important; text-align: top center; list-style-type: none; cursor:pointer; }
.onglet li a: hover { text-decoration:none; list-style-type:none; cursor:pointer; }
.onglet_actif { font-size:15px; font-family: georgia; text-align: top center; text-shadow: 3px 5px 2px ##FFFFFF; font-weight: bold; background-image: url("http://i.imgur.com/gDA83.png"); no-repeat; /*URL de l'onglet étant actif*/ width:150px; /*Largeur de l'onglet étant actif*/ height:30px; /*Hauteur de l'onglet étant actif*/ cursor:pointer; margin-right: 15px }
.onglet_nactif { font-size:15px;font-family: georgia; text-align: top center; background-image: url("http://i.imgur.com/cDKwH.png"); no-repeat; /*URL de l'onglet étant actif*/ width:150px; /*Largeur de l'onglet étant actif*/ height:30px; /*Hauteur de l'onglet étant actif*/ cursor:pointer; margin-right: 15px }
.colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; }
/* ================= ===== Message d'accueil ===== script by James1920 de CSSACTIF et LBTPROD - Novembre 13, 2010 http://www.themes-fa.com - BY-NC (http://creativecommons.org/licenses/by-nc/2.0/fr/)
================= */
/*----------------- Ma g?n?ral ----------------- */
/* Pour les défilement */ #scroller_container { padding-top: 15px; overflow: hidden; } /* CSS Hack Safari */ #dummy { ;# } #scroller_container { overflow: auto; }
/*le tableau invisible */
.table25 { border: none ; }
/* Liens */
.a2 { display: block; width: 130px; color: black; text-align:center; border: 1px solid black; -moz-border-radius: 5px; height: 30px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; }
.a2:hover {
background-color: black; color: white; }
#table22 /* fond du ma */ { width: 780px; background-color: #000000; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; border:1px solid #262E2D; }
/*-----------------Titre----------------- */
/* Le titre special pour le texte de bienvenu */
.h2_themebienvenu { font-size: 14px; background-color: #000000; padding: 6px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: white; text-align: center; margin: 10px; /max-width: 360px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888; }
/* le titre special pour les credits */
.h2_themecredit { font-size: 14px; background-color: #000000; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px; /max-width: 160px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888; }
/* le titre pour les autres boites */
.h2_theme { font-size: 14px; background-color: #000000; padding: 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; color: white; text-align: center; margin: 10px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888;
}
/* effet de transparance FF */
.transparence { background-color: transparent; border: none; opacity: 0.5; }
.transparence:hover{ background-color: transparent; border: none; opacity: 2; }
/*-----------------Les boites contenant les textes----------------- */
/* Navigation */
.navi_ma { background-color:#000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: white; font-size: 16px; height: 300px; margin: 10px; width: 130px; padding: 5px; line-height:34px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888;
}
/* News */
.news { background-color: #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: white; font-size: 14px; height: 120px; width: 370px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888; }
/* Partenaires */
.partenaire_test { background-color: #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: white; font-size: 14px; height: 105px; width: 180px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888;
}
/* message de bienvenu */
#bienvenu_ma { background-color: #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: white; font-size: 14px; height: 120px; margin: 10px; overflow-y: auto; overflow-x: visible; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; width: 370px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888; } /* membres staffs */
.staff { background-color: #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: white; font-size: 10px; height: 105px; width: 180px; margin: 10px; padding: 5px; font-size: 14px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888; }
/*crédits */
.credits { background-color: #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; color: white; font-size: 14px; height: 105px; width: 160px; margin: 10px; padding: 5px; -webkit-box-shadow: 4px 4px 0 #e6e6e6; -moz-box-shadow: 4px 4px 0 #e6e6e6; -khtml-box-shadow: 4px 4px 0 #e6e6e6; padding-top: 20px; -moz-box-shadow:4px 4px 12px #888888; -webkit-box-shadow:4px 4px 12px #888888;
}
|
Dernière édition par Joadar le Mar 01 Fév 2011, 10:59, édité 1 fois | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Bonsoir ^^
Le lien nous demande un mot de passe xD
Peux-tu s'il te plait faire une capture pour mieux situer le problème?
Merci | | |
| | | Joadar
{ Membre }
Messages : 25
| Ah ouais, si je mets les parties privée par groupe, ça va pas le faire x). Au final, ça le fait sur plus d'une page web et toujours le même code. Voici une capture d'écran : EDIT : J'ai beau chercher seul, je ne trouve rien, je ne sais pas d'où peut venir le problème. PS : désolé du UP. | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Bonjour,
Est-ce que tu as modifé un template? Si oui, lesquels? | | |
| | | Joadar
{ Membre }
Messages : 25
| Oui. Le bogue viendrait de là dedans ? Je chercherai ce soir et si je ne trouve pas, je vous passerez les templates. | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| Personnellement, je pense que oui =o
Puisque si le code revient dans plusieurs pages, c'est probablement que ça vient d'un template: le template viewtopic_body, selon moi. Il y a peut-être un code CSS qui a été mis là par erreur ou peu importe, et que le forum prend pour du texte, donc il le met su la page.
Ce n'est qu'une supposition mais c'est peut-être bien ça =o | | |
| | | Joadar
{ Membre }
Messages : 25
| Oh ! Oui, merci *_* ! Il était bel est bien caché ici, ce code.
Merci beaucoup Iko ♥.
Résolu. | | |
| | | Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
| De rien :DD ça fait plaisir~
Je classe ton sujet :DD | | |
| | | Contenu sponsorisé
| | | | | CSS présent sur une page web | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|