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! |
| Eurreur de balise du Code Connexion rapide | |
| Louminia L. Wolf
{ Membre }
Messages : 17
| Coucou, voila donc j'ai un soucis, j'ai essayer d'entrée le code de Orange sur ma feuille CSS mais cela m'indique un message d'erreur de balse .. Pourriez vous m'aidez sil vou plait ? - Le code:
/* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */
.cssactif_connexrapide { /* Style général: à modifier à votre guise ! */ background:url(https://2img.net/r/ihimizer/img651/6771/keychainn.png) no-repeat left center #fcd047; /* Ajoute une icône de fond no-répétée à gauche et une couleur de fond */ padding-left: 48px; /* Donne la marge pour l'icône de fond */ border: 1px solid #edae0c; /* Bordure du formulaire */ margin: 5px; /* Espacement entre le formulaire et le contenu voisin */ /*Arrondissement des bordures */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
/* Ombre portée de la boîte */ -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); /* Style du texte intérieur */ font-size: 12px; color: #bc7f05;
}
.cssactif_connexrapide_form { /* Correspond à la cellule qui contient le formulaire comme tel */ text-align: center; } .cssactif_connexrapide_form input.post{ /* Correspond aux entrées de texte qui contiennent les informations de connexion */ margin-bottom: 3px; /* Marge qui empêche que les champs de se toucher */ /* Style des entrées: à modifier à votre guise ! */ background-color: #fef0bd; border: 1px solid #edae0c; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 1px 0px 0px #fef0bd; -moz-box-shadow: 0px 1px 0px 0px #fef0bd; box-shadow: 0px 1px 0px 0px #fef0bd;
font-size: 11px; color: #bc7f05; }
.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */ /* Style du bouton: à modifier à votre guise ! */ background-color: #fef0bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #edae0c; }
.cssactif_connexrapide_form input.mainoption:active { /* Correspond au bouton "Connexion" lors du clic */
/* Style du bouton lors du clic: à modifier à votre guise ! */
border: none; border-top: 2px solid #edae0c; }
/* FIN du FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ */
| | |
| | | Orange
RocketMan
Messages : 3086
| Bonjour Loumina, Je viens de valider et il n'y a pas d'erreur dans ce CSS... Est-il possible qu'il s'agisse d'un mauvais copier-coller? Il est également possible qu'il y ait une autre erreur dans ton CSS qui soit à l'origine du message. Tu peux vérifier qu'il ne contient pas de caractères < ou > et qu'il y a autant d'accolades ouvrantes "{" que fermantes "}". Sinon, tu peux toujours mettre ta feuille de style au complet ici (balise [ hide] [ /hide], sans espace, si tu veux) et je pourrais vérifier. Orange. | | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Coucou Attention, le forum est fermé maintenant ^^ Message officiel => http://www.css-actif.com/t15836-fin-de-cssactif-ouverture-du-forum#181395 Je te conseille quand tu as un problème en code d'aller sur un autre forum d'entraide , tu auras plus de chance d'avoir une réponse Allez, second petit conseil pour la route quand tu postes du code sur un message, pense à mettre le bbcode spécial pour le code autour. Ca permet de le mettre en forme et surtout qu'il ne soit utilisé comme du code par le navigateur ^^ - Code:
-
[code]TON CODE ICI[/code] Passons à la question Quel est le texte exact qui s'affiche lors de l'erreur ? Je n'ai pas testé, mais c'est possible que ça vienne de cette ligne là : - Code:
-
padding-left: 48px; /* Donne la marge pour l'icône de fond */ Si tu regardes bien, il y a le signe ' de l'apostrophe dans le commentaire. Forumactif ne détecte pas qu'il s'agit d'un commentaire et croit qu'il y a un bug très souvent ^^, ça se règle en enlevant l'apostrophe, tu peux par exemple remplacer par un point ou un espace. - Code:
-
padding-left: 48px; /* Donne la marge pour l icône de fond */ Bonne soirée, j'espère que cela t'aidera EDIT : oups, outspeed par Orange | | |
| | | Orange
RocketMan
Messages : 3086
| Bonne idée l'apostrophe @Nihil, je ne me rappelais plus que FA était aussi susceptible EDIT: Et puisque ça vaut la peine de le mentionner, http://www.never-utopia.com/ est un bon exemple de forum qui pourrait t'aider avec ton code. | | |
| | | Louminia L. Wolf
{ Membre }
Messages : 17
| Voila ce que l'eurreur dit: Erreur Erreur détectée Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum. Nous vous conseillons de relire votre code. PS: jE Sais tres bie nque ce fof oest pu dactif cependant jai tellement de temps a perdre que sa m'est egale dattendre 150 ans pour une reponse cxD. Ce fofo que je fais est que pour un jeu. Lerreur est embarquer que quand je met le code du CSS de la connexion rapide. meme sans lapostrophe le code revien. Au besoin je vous met le screen - Mon css complet:
- Code:
-
#chatbox_header .catBottom .cattitle { color:orange ; } #chatbox_header .cattitle strong { display: none; } #chatbox_header .cattitle:before { content: "La Tanière du Loup"; } #chatbox_header .cattitle { background-image:url(http://t0.gstatic.com/images?q=tbn:NG7gdNg2WtNX_M:http://www.geo.fr/var/geo/storage/images/voyages/vos-voyages-de-reve/chine-voyage-tribulations/chine-voyage-tribulations20/307723-1-fre-FR/futuriste_940x705.jpg); } #chatbox_header .cattitle strong { visibility: hidden; }
/* |-------------------------------------------------------------------------- | CSS MESSAGE ACCUEIL |-------------------------------------------------------------------------- */
/* Propriétés générales */ .block, .titre, .lien { background: #000000; color: #ffffff; border: 2px #ffffff solid; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; text-shadow: 0px 0px 8px #ffffff; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; }
.block, .lien { text-align: center; padding: 10px; }
td { vertical-align: top; }
/* Images */ .block-partenaires img, .thumbnail > div { -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; -htm-transition: opacity 1s; transition: opacity 1s; }
.block-partenaires img { width: 88px; height: 31px; padding: 1px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .block-partenaires img:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.thumbnail { position: absolute; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail > div { position: absolute; left: -2000px; padding: 5px; margin: auto; background-color: #000000; color: #ffffff; text-shadow: 0px 0px 8px #000000; border: #ffffff 1px solid; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.thumbnail:hover > div { top: 0px; left: 0px; width: 78px; height: 78px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
/* Liens */ .lien{ display: block; width: 110px; margin-right: 10px; text-decoration: none; color: #ffffff; }
.lien:hover{ background: #ffffff; color: #000000; }
a.tstaff { display: block; text-align: center; margin-top: 95px; }
.block a { text-decoration: none; }
/* Blocs */ .block-welcome, .block-staff { height: 150px; overflow: auto; text-align: justify; }
.block-welcome { width: 500px; }
.block-staff { width: 332px; }
.block-staff table { margin: auto; }
.block-staff td { width: 92px; }
.block-partenaires, .block-nouveautes, .block-credits { width: 280px; height: 120px; }
.block-partenaires > div, .block-nouveautes > div, .block-credits > div { width: 280px; height: 70px; overflow: auto; }
/* Titres */ .titre { font-family: impact; font-size: 14px; padding: 4px; margin: auto; margin-bottom: 5px; }
.titre-welcome { height: 130px; width: 20px; padding: 7px; margin-right: -4px; margin-top: 15px; text-align: center; border-right: 0px #ffffff solid; }
.titre-staff { width: 130px; text-align: center; }
.titre:hover { background: #FFFFFF; color: #000000; text-shadow: 0px 0px 8px #000000; }
.titre-welcome:hover { background: #000000; color: #ffffff; text-shadow: 0px 0px 8px #ffffff; /* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */
.cssactif_connexrapide { /* Style général: à modifier à votre guise ! */ background:url(http://img651.imageshack.us/img651/6771/keychainn.png) no-repeat left center #fcd047; /* Ajoute une icône de fond no-répétée à gauche et une couleur de fond */ padding-left: 48px; /* Donne la marge pour l icône de fond */ border: 1px solid #edae0c; /* Bordure du formulaire */ margin: 5px; /* Espacement entre le formulaire et le contenu voisin */ /*Arrondissement des bordures */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
/* Ombre portée de la boîte */ -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); /* Style du texte intérieur */ font-size: 12px; color: #bc7f05;
}
.cssactif_connexrapide_form { /* Correspond à la cellule qui contient le formulaire comme tel */ text-align: center; } .cssactif_connexrapide_form input.post{ /* Correspond aux entrées de texte qui contiennent les informations de connexion */ margin-bottom: 3px; /* Marge qui empêche que les champs de se toucher */ /* Style des entrées: à modifier à votre guise ! */ background-color: #fef0bd; border: 1px solid #edae0c; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 1px 0px 0px #fef0bd; -moz-box-shadow: 0px 1px 0px 0px #fef0bd; box-shadow: 0px 1px 0px 0px #fef0bd;
font-size: 11px; color: #bc7f05; }
.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */ } /* Style du bouton: à modifier à votre guise ! */ background-color: #fef0bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #edae0c; }
.cssactif_connexrapide_form input.mainoption:active { /* Correspond au bouton "Connexion" lors du clic */
/* Style du bouton lors du clic: à modifier à votre guise ! */
border: none; border-top: 2px solid #edae0c; }
/* FIN du FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ */ }
/*------------------------------------ Template QEEL par 'Christa Lostmindy Distribution autorisée sur : L'Enae Volare : http://enaevolare.lostmindy.fr CSSActif : http://www.css-actif.com/ l'Annuaire FdF : http://www.forumsdeforumactif.com/ ---- Utilisation personnelle et non commerciale autorisée Modification autorisée Redistribution strictement interdite ---- Il est strictement interdit de retirer les crédits présents dans ce code. --------------------------------------*/ /**************************************** /* MISE EN FORME GENERALE /****************************************/ /* mise en page générale */ #tableauQeel { width: 100%; padding: 4px; margin: 0 auto; color: #000000; font-size: 12px; } /* Liens statistiques */ .liensStats { margin: 5px 0; } .liensStats a:link { color: #3333cc; } .liensStats a:hover, .liensStats a:active, .liensStats a:focus { color: #990000; } .liensStats a:visited { color: #3333cc; } /* largeur bloc contenant l'image du QEEL*/ .imgOnline { min-width: 200px; } /* espacement entre certains blocs */ .espace { padding: 3px; } /* taille des cellules de tableau */ #tabBlocStats, #tabBlocGroupes { width: 50%; } #blocStats { width: auto; } #blocGroupes { width: auto; } /********************************* /* TITRES DU QEEL /*********************************/ #tableauQeel h2 { display: inline-block; font-family: "Courier New", Courier, monospace, serif; font-size: 16px; font-weight: bold; color: #000000; text-shadow: 0.1em 0.1em 0.2em #000000; margin-top: 4px; margin-bottom: 0px; padding: 4px 10px; background-color: #d1d7dc; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; } #tableauQeel h2:before { content: "► "; color: #000000; } #tableauQeel h2:after { content: " ◄"; color: #000000; } /************************************* /* MISE EN FORME DES BOITES DE CONTENU /************************************* */ .contenuQeel { background-color: #d1d7dc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 4px; margin: 2px; font-size: 10px; } .noSpaceTitre { margin-top: 0; } .liste24h { text-align: center; } .deBug td { background-color: #d1d7dc; } /* Ce css permet d'avoir les deux premières boites (statistiques et légendes) à la même taille en hauteur */ .hauteurFixe { height: 45px; overflow: auto; } /************************************* /* MISE EN FORME LISTE DES GROUPES /************************************* */ .qeel-groupes { font-size: 0px; line-height: 0; text-align: center; } .qeel-groupes a { font-size: 12px; line-height: normal; display: inline-block; padding: 2px 5px; margin: 1px 4px; font-variant: small-caps; font-weight: bold; background: transparent; } /******************************** /* Affichage des crédits /********************************/ .lostCredits { color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 2px 4px; background: transparent; font-weight: bold; } .bulleCredits { position: relative; cursor: pointer; color: #ffffff; background: #990000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 1px 4px; } .bulleCredits > span { position: absolute; display: block; bottom: 150%; left: -20%; width: 150px; background: #000000; color: #ffffff; padding: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; transform: scale(0) rotate(12deg); } .bulleCredits > span:after { display: block; content: " "; width: 0; border-width: 8px 5px 0 5px; border-color: #000000 transparent transparent transparent; border-style: solid; position: absolute; bottom: -8px; left: 5px; } .bulleCredits:hover > span, .bulleCredits:focus > span { z-index: 500; opacity: 1; transform: scale(1) rotate(0); cursor: default; } /*------------------------------------ Template QEEL par 'Christa Lostmindy http://enaevolare.lostmindy.net [FIN] --------------------------------------*/
| | |
| | | Orange
RocketMan
Messages : 3086
| Allo, Il manque une accolade fermante après - Code:
-
.titre-welcome:hover { background: #000000; color: #ffffff; text-shadow: 0px 0px 8px #ffffff;
/* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */
Qui devrait donc être: - Code:
-
.titre-welcome:hover { background: #000000; color: #ffffff; text-shadow: 0px 0px 8px #ffffff; } /* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */ Sans doute un problème de copy-paste. | | |
| | | Louminia L. Wolf
{ Membre }
Messages : 17
| Meme apres la rajout de la balise lerreur reste. - Le code apres la corection:
- Code:
-
#chatbox_header .catBottom .cattitle { color:orange ; } #chatbox_header .cattitle strong { display: none; } #chatbox_header .cattitle:before { content: "La Tanière du Loup"; } #chatbox_header .cattitle { background-image:url(http://t0.gstatic.com/images?q=tbn:NG7gdNg2WtNX_M:http://www.geo.fr/var/geo/storage/images/voyages/vos-voyages-de-reve/chine-voyage-tribulations/chine-voyage-tribulations20/307723-1-fre-FR/futuriste_940x705.jpg); } #chatbox_header .cattitle strong { visibility: hidden; }
/* |-------------------------------------------------------------------------- | CSS MESSAGE ACCUEIL |-------------------------------------------------------------------------- */
/* Propriétés générales */ .block, .titre, .lien { background: #000000; color: #ffffff; border: 2px #ffffff solid; -moz-border-radius:20px 20px 20px 20px; -webkit-border-radius:20px 20px 20px 20px; border-radius:20px 20px 20px 20px; text-shadow: 0px 0px 8px #ffffff; -moz-box-shadow: 1px 1px 5px #ffffff; -webkit-box-shadow: 1px 1px 5px #ffffff; }
.block, .lien { text-align: center; padding: 10px; }
td { vertical-align: top; }
/* Images */ .block-partenaires img, .thumbnail > div { -moz-transition: opacity 1s; -o-transition: opacity 1s; -webkit-transition: opacity 1s; -htm-transition: opacity 1s; transition: opacity 1s; }
.block-partenaires img { width: 88px; height: 31px; padding: 1px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .block-partenaires img:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.thumbnail { position: absolute; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
.thumbnail > div { position: absolute; left: -2000px; padding: 5px; margin: auto; background-color: #000000; color: #ffffff; text-shadow: 0px 0px 8px #000000; border: #ffffff 1px solid; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.thumbnail:hover > div { top: 0px; left: 0px; width: 78px; height: 78px; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
/* Liens */ .lien{ display: block; width: 110px; margin-right: 10px; text-decoration: none; color: #ffffff; }
.lien:hover{ background: #ffffff; color: #000000; }
a.tstaff { display: block; text-align: center; margin-top: 95px; }
.block a { text-decoration: none; }
/* Blocs */ .block-welcome, .block-staff { height: 150px; overflow: auto; text-align: justify; }
.block-welcome { width: 500px; }
.block-staff { width: 332px; }
.block-staff table { margin: auto; }
.block-staff td { width: 92px; }
.block-partenaires, .block-nouveautes, .block-credits { width: 280px; height: 120px; }
.block-partenaires > div, .block-nouveautes > div, .block-credits > div { width: 280px; height: 70px; overflow: auto; }
/* Titres */ .titre { font-family: impact; font-size: 14px; padding: 4px; margin: auto; margin-bottom: 5px; }
.titre-welcome { height: 130px; width: 20px; padding: 7px; margin-right: -4px; margin-top: 15px; text-align: center; border-right: 0px #ffffff solid; }
.titre-staff { width: 130px; text-align: center; }
.titre:hover { background: #FFFFFF; color: #000000; text-shadow: 0px 0px 8px #000000; }
.titre-welcome:hover { background: #000000; color: #ffffff; text-shadow: 0px 0px 8px #ffffff; } /* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */
.cssactif_connexrapide { /* Style général: à modifier à votre guise ! */ background:url(http://img651.imageshack.us/img651/6771/keychainn.png) no-repeat left center #fcd047; /* Ajoute une icône de fond no-répétée à gauche et une couleur de fond */ padding-left: 48px; /* Donne la marge pour l icône de fond */ border: 1px solid #edae0c; /* Bordure du formulaire */ margin: 5px; /* Espacement entre le formulaire et le contenu voisin */ /*Arrondissement des bordures */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
/* Ombre portée de la boîte */ -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); /* Style du texte intérieur */ font-size: 12px; color: #bc7f05;
}
.cssactif_connexrapide_form { /* Correspond à la cellule qui contient le formulaire comme tel */ text-align: center; } .cssactif_connexrapide_form input.post{ /* Correspond aux entrées de texte qui contiennent les informations de connexion */ margin-bottom: 3px; /* Marge qui empêche que les champs de se toucher */ /* Style des entrées: à modifier à votre guise ! */ background-color: #fef0bd; border: 1px solid #edae0c; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
-webkit-box-shadow: 0px 1px 0px 0px #fef0bd; -moz-box-shadow: 0px 1px 0px 0px #fef0bd; box-shadow: 0px 1px 0px 0px #fef0bd;
font-size: 11px; color: #bc7f05; }
.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */ } /* Style du bouton: à modifier à votre guise ! */ background-color: #fef0bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #edae0c; }
.cssactif_connexrapide_form input.mainoption:active { /* Correspond au bouton "Connexion" lors du clic */
/* Style du bouton lors du clic: à modifier à votre guise ! */
border: none; border-top: 2px solid #edae0c; }
/* FIN du FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ */ }
/*------------------------------------ Template QEEL par 'Christa Lostmindy Distribution autorisée sur : L'Enae Volare : http://enaevolare.lostmindy.fr CSSActif : http://www.css-actif.com/ l'Annuaire FdF : http://www.forumsdeforumactif.com/ ---- Utilisation personnelle et non commerciale autorisée Modification autorisée Redistribution strictement interdite ---- Il est strictement interdit de retirer les crédits présents dans ce code. --------------------------------------*/ /**************************************** /* MISE EN FORME GENERALE /****************************************/ /* mise en page générale */ #tableauQeel { width: 100%; padding: 4px; margin: 0 auto; color: #000000; font-size: 12px; } /* Liens statistiques */ .liensStats { margin: 5px 0; } .liensStats a:link { color: #3333cc; } .liensStats a:hover, .liensStats a:active, .liensStats a:focus { color: #990000; } .liensStats a:visited { color: #3333cc; } /* largeur bloc contenant l'image du QEEL*/ .imgOnline { min-width: 200px; } /* espacement entre certains blocs */ .espace { padding: 3px; } /* taille des cellules de tableau */ #tabBlocStats, #tabBlocGroupes { width: 50%; } #blocStats { width: auto; } #blocGroupes { width: auto; } /********************************* /* TITRES DU QEEL /*********************************/ #tableauQeel h2 { display: inline-block; font-family: "Courier New", Courier, monospace, serif; font-size: 16px; font-weight: bold; color: #000000; text-shadow: 0.1em 0.1em 0.2em #000000; margin-top: 4px; margin-bottom: 0px; padding: 4px 10px; background-color: #d1d7dc; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-border-top-left-radius: 15px; -moz-border-radius-topleft: 15px; border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topright: 15px; border-top-right-radius: 15px; } #tableauQeel h2:before { content: "► "; color: #000000; } #tableauQeel h2:after { content: " ◄"; color: #000000; } /************************************* /* MISE EN FORME DES BOITES DE CONTENU /************************************* */ .contenuQeel { background-color: #d1d7dc; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 4px; margin: 2px; font-size: 10px; } .noSpaceTitre { margin-top: 0; } .liste24h { text-align: center; } .deBug td { background-color: #d1d7dc; } /* Ce css permet d'avoir les deux premières boites (statistiques et légendes) à la même taille en hauteur */ .hauteurFixe { height: 45px; overflow: auto; } /************************************* /* MISE EN FORME LISTE DES GROUPES /************************************* */ .qeel-groupes { font-size: 0px; line-height: 0; text-align: center; } .qeel-groupes a { font-size: 12px; line-height: normal; display: inline-block; padding: 2px 5px; margin: 1px 4px; font-variant: small-caps; font-weight: bold; background: transparent; } /******************************** /* Affichage des crédits /********************************/ .lostCredits { color: #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 2px 4px; background: transparent; font-weight: bold; } .bulleCredits { position: relative; cursor: pointer; color: #ffffff; background: #990000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 1px 4px; } .bulleCredits > span { position: absolute; display: block; bottom: 150%; left: -20%; width: 150px; background: #000000; color: #ffffff; padding: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; transform: scale(0) rotate(12deg); } .bulleCredits > span:after { display: block; content: " "; width: 0; border-width: 8px 5px 0 5px; border-color: #000000 transparent transparent transparent; border-style: solid; position: absolute; bottom: -8px; left: 5px; } .bulleCredits:hover > span, .bulleCredits:focus > span { z-index: 500; opacity: 1; transform: scale(1) rotate(0); cursor: default; } /*------------------------------------ Template QEEL par 'Christa Lostmindy http://enaevolare.lostmindy.net [FIN] --------------------------------------*/
| | |
| | | Nihil
{ Modérateur }
Messages : 1216
| Il y a aussi une petite bizarrerie ici : - Code:
-
.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */ } /* Style du bouton: à modifier à votre guise ! */ background-color: #fef0bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #edae0c; } On peut voir au tout début qu'il y a une accolade fermante qui ne devrait pas être là - Code:
-
.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */ /* Style du bouton: à modifier à votre guise ! */ background-color: #fef0bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #edae0c; } === Et ici aussi : - Code:
-
/* FIN du FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ */ } Je pense que l'accolade fermante était celle qui avait sauté pour .titre-welcome:hover (voir message d'Orange au dessus), il faut donc l'enlever ^^ On n'aura plus que : - Code:
-
/* FIN du FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ */ | | |
| | | Orange
RocketMan
Messages : 3086
| Tu as raison, il y a encore des accolades qui ne correspondent pas... je perds on oeil de lynx : - Code:
-
.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */ } /* Style du bouton: à modifier à votre guise ! */ background-color: #fef0bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #edae0c; } Devient: - Code:
-
.cssactif_connexrapide_form input.mainoption{ /* Correspond au bouton "Connexion" */ /* Style du bouton: à modifier à votre guise ! */ background-color: #fef0bd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #edae0c; } et - Code:
-
/* FIN du FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ */ } devient - Code:
-
/* FIN du FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ */
EDIT: Chacun son tour Nihil ^^ So fast | | |
| | | Louminia L. Wolf
{ Membre }
Messages : 17
| Voila, probleme resolue ! Toutes les balise sont maintenant opérationnel merci mes amorus je vous aime a la follie. Cependant, je vous faisp as de bébé, je tiens pas a avoir denfant et souffir le martir a lhosto pour le moment haha ! un grand merci | | |
| | | Orange
RocketMan
Messages : 3086
| Merci! Repasse nous voir | | |
| | | Louminia L. Wolf
{ Membre }
Messages : 17
| Bien sur on fera plein de bébé un jour tu verras | | |
| | | Contenu sponsorisé
| | | | | Eurreur de balise du Code Connexion rapide | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|