125 résultats trouvés pour ffffff

Couleur par défaut de l'éditeur de texte (phpBB3)

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 1 novembre
Lien du forum : http://transportsthomas.creation-forum.com/

Description du problème

Bonsoir

j'ai tout simplement essayé de modifier la couleur par défaut de l'éditeur de texte et je n'y arrive pas il me le laisse en noir.

j'ai pourtant lu plein de sujet à propos de cette commande et aucune ne m'a resolu le probleme :/

code utilisé :
.sceditor-container iframe, .sceditor-container textarea {
color: #FFFFFF;
}

Pouvez vous m'aider ? (Version du forum : phpBB3)

Espace entre les blocs

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui
Lien du forum : http://graphamyris.forumgratuit.org/

Description du problème

Bonjour voilà j'ai mis des images en haut et en bas depuis les templates et css mais je n'arrive pas a avoir un espace entre chaque blocs ils sont collés existe t'il un code pour y remedier

voici mon index-box

Spoiler:

et mon css

Spoiler:

merci de votre aide

Problème avec l'image de fond de forum

Bonjour, Louis C.222004,
Si je vous comprends bien, vous désirez que le logo central laisse voir votre image de fond, alors vous allez dans Affichage/images et couleurs/couleurs /les couleurs de fond et vous supprimez le code couleur et enregistrer
Couleur de fond 1 : (Supprimé)
Couleur de fond 2 : ##FFFFFF
Couleur de fond 3 : (supprimé)
Pour avoir l'effet désiré j'ai supprimé les 2.
Maintenant, est-ce normal que votre image de fond du forum soit en mosaïque ?

Retouche d'un bouton sur une barre de navigation faite par le FDF

En bref...

Nature de la création : Autre
Taille de la création (en pixels) : 90x148
Couleur de fond : N/A

Image(s)

Lien(s) image(s) :N/A

Texte

Texte à insérer : Support
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour,

Je souhaite faire une retouche d'une barre de navigation qui a été fait par un graphiste de FDF.

Ce n'est pas moi qui était à l'origine de la commande auparavant mais bien Sobekina lors d'une demande de thème complet si jamais vous pouvez rechercher dans les archives, chose que moi je n'ai pas su retrouver.

En effet j'aimerai rajouter un bouton sur la barre de navigation portant le nom de Support avec le même fond et les décorations autour du bouton ainsi que la même police de texte.

Je vous remercie d'avance pour votre aide !

Cordialement !

.[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image].

Commande validée

Votre commande a été vérifiée par un CréActif ou un ModérActif et est conforme au règlement. Elle peut dès à présent recevoir des propositions venant du Staff CréActif ou des membres.

Merci de ne pas modifier votre commande après l'installation de ce message.

Merci aussi de bien vouloir patienter mais n'hésitez pas à UPer votre commande une fois par tranche de 24h.

Bannière de Forum pour Jeu

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 1200x300
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]

Visualiser:

[Vous devez être inscrit et connecté pour voir ce lien]

Visualiser:

Texte

Texte à insérer : Wolves Are Coming
Police à utiliser : Cold Night for Alligators
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour,

Tout d'abord, merci d'avance pour le temps que vous m'accorderez.

Je voudrais une bannière dans le thème de loups dans une ambiance assez sombre voir lugubre respectant les couleurs de la plus grande image que j'ai inséré ( la première ). Si c'était possible de la réutilisé et l'agrandir au dimension donné je vous en serais grès.

L'icone que j'ai inséré, j'aimerais que vous l'intégré dans un coin de la bannière sans quelle y soit collé.

Quand à la police demandé je voudrais qu'elle soit centré.

Je pense avoir tout détaillé, je vous remercie par avance pour le travail que vous effectuerez.

Merci !

.[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image].

Commande validée

Votre commande a été vérifiée par un CréActif ou un ModérActif et est conforme au règlement. Elle peut dès à présent recevoir des propositions venant du Staff CréActif ou des membres.

Merci de ne pas modifier votre commande après l'installation de ce message.

Merci aussi de bien vouloir patienter mais n'hésitez pas à UPer votre commande une fois par tranche de 24h.

Problème couleur catégorie

Bonjour, j'ai essayé de mettre une couleur sur la ligne surligné mais rien ne marche, j'avais essayé une couleur rouge j'ai donc pris une couleur grisé un peu sombre mais rien ne marche non plus.
Merci d'avoir répondu, bonne journée

/* Debut des CATEGORIES */
/*Gère le squelette du titre catégorie*/
.titre_cate
{
text-align: center;
text-shadow: 1px 1px 1px black;
}
/*Gère l'aspect esthétique du titre catégorie*/
.titre_cate h2
{
font-size: 25px;
color: #cccccc;
}

/*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
background-color: #dfdfdf;
border: 2px solid #ffffff;
width: 853px;
height: 150px;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 1px 1px 10px #594242;
-webkit-box-shadow: 1px 1px 10px #594242;
box-shadow: 1px 1px 10px #dfdfdf;
}
/*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé*/
.icon
{
float: left;
}

a.titre_forum
{
display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
color: #cccccc;
letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
font-size: 15px;
text-shadow: 1px 1px 1px black;
text-decoration: none!important;
}

.description
{
overflow: auto;
float: left;
background-color: #cccccc;
border: 1px solid #ffffff;
border-right: 0px;
height: 107px;
width: 500px;
padding: 5px;
-moz-border-radius: 25px 0 0 25px;
-webkit-border-radius: 25px 0 0 25px;
border-radius: 25px 0 0 25px;
/*Arrondis sur la plupart des navigateurs*/
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
/*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
float: right;
/*Fait flotter sur la droite les sous-forums sur la droite de la description*/
background-color: #cccccc;
border: 1px solid #ffffff;
height: 120px;
width: 120px;
overflow: auto;
-moz-border-radius: 0 25px 25px 0;
-webkit-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
}
/* Fin des CATEGORIES */

Problème couleur catégorie

Salut à toi,
Dans le CSS:

/* Debut des CATEGORIES */
/*Gère le squelette du titre catégorie*/
.titre_cate
{
text-align: center;
text-shadow: 1px 1px 1px black;
}
/*Gère l'aspect esthétique du titre catégorie*/
.titre_cate h2
{
font-size: 25px;
color: #cccccc;
}

/*Le forum en lui même, le fond, la bordure, l'ombre etc..*/
.forum
{
background-color: #dfdfdf;
border: 2px solid #ffffff;
width: 853px;
height: 150px;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 1px 1px 10px #dfdfdf;
-webkit-box-shadow: 1px 1px 10px #dfdfdf;
box-shadow: 1px 1px 10px #dfdfdf;
}
/*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé*/
.icon
{
float: left;
}

a.titre_forum
{
display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
color: #cccccc;
letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
font-size: 15px;
text-shadow: 1px 1px 1px black;
text-decoration: none!important;
}

.description
{
overflow: auto;
float: left;
background-color: #cccccc;
border: 1px solid #ffffff;
border-right: 0px;
height: 107px;
width: 500px;
padding: 5px;
-moz-border-radius: 25px 0 0 25px;
-webkit-border-radius: 25px 0 0 25px;
border-radius: 25px 0 0 25px;
/*Arrondis sur la plupart des navigateurs*/
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
/*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
float: right;
/*Fait flotter sur la droite les sous-forums sur la droite de la description*/
background-color: #cccccc;
border: 1px solid #ffffff;
height: 120px;
width: 120px;
overflow: auto;
-moz-border-radius: 0 25px 25px 0;
-webkit-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
-moz-box-shadow: inset 1px 1px 10px #dfdfdf;
-webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
box-shadow: inset 1px 1px 10px #dfdfdf;
}
/* Fin des CATEGORIES */

Il suffit de modifier ce qui est en rouge par une couleur plus sombre.

Probleme de texte dans mon panneau latéral

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : http://landofmythmerlinrpg.forumgratuit.org/

Description du problème

Bonjour,
alors comme cite le titre j'ai soucis avec la création latéral coulissant
j'ai reprit ce tuto avec quelque modif
jQuery(document).ready(function () {
jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0">

Texte

</div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>');
});

Code:

ce qui donne

Code:: jQuery(document).ready(function () { jQuery('body').append('<table style="position: fixed; top: 120px; left: 0px;background-color:;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 600px; height: 200px; display: none;" marginwidth="0" marginheight="0" frameborder="0"> <div class="arthur"> <div class="titre1"> Programme du tournoie </div> <div align="justify"> </div>TEXTE </div> </div></td><td style="vertical-align: bottom;"><img src="http://img11.hostingpics.net/pics/294004joputecopie.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'block\':\'none\';this.src=(this.src==\'http://img11.hostingpics.net/pics/294004joputecopie.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://img11.hostingpics.net/pics/294004joputecopie.png\';"/></td></tr></table>'); });

ce qui fonctionne très bien, le soucis est que des que je change le mot TEXTE en contenue désiré, tout mon panneau ne s'affiche plus a la validation et des que je remets "TEXTE" ça fonctionne

merci de votre réponse <3

Commande de kit avatar+signature

En bref...Petite commande de kit (avatar+signature)

Nature de la création :avatar+signature Kit
Taille de la création (en pixels) : 600x50 = signature avatar = 200×200
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien] N/A

Image(s)

Lien(s) image(s) ://N/A

Texte

Texte à insérer : Louis - fondateur/administrateur
Police à utiliser : Porky's
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour, je voudrais (si possible) un kit avatar+signature.

Le reste est écrit en haut ^^

Cordialement
[Vous devez être inscrit et connecté pour voir ce lien] C.22204

.[Vous devez être [Vous devez être inscrit et connecté pour voir ce lien] et [Vous devez être inscrit et connecté pour voir ce lien] pour voir cette image].

Commande validée

Votre commande a été vérifiée par un CréActif ou un ModérActif et est conforme au règlement. Elle peut dès à présent recevoir des propositions venant du Staff CréActif ou des membres.

Merci de ne pas modifier votre commande après l'installation de ce message.

Merci aussi de bien vouloir patienter mais n'hésitez pas à UPer votre commande une fois par tranche de 24h.

couleur automatique mode édition

Bonjour,
Ajoutez le code suivant dans votre feuille de style css :

Code:: .sceditor-container textarea { color: #FFFFFF !important }

Modifiez #FFFFFF (ici blanc) par le code de la couleur souhaitée.

Probléme visuel suite a la modification du CSS.

Pour installer le premier code que je vous ai fourni, celui pour les zones de saisie :

Allez dans affichage > couleurs > onglets feuille de style css
descendez tout en bas des codes déjà mis
passez une ou deux lignes pour bien séparer les codes entre eux
collez le nouveau code :
Code:
/*fond des zones de saisie connexion*/ input { background-color: #000000; }
remplacez si besoin #000000 (ici noir) par le code de la couleur voulue
enregistrez

Pour modifier la couleur du texte dans l'éditeur, il faut deux codes :

Ajoutez de la même façon que précédemment le code css suivant dans votre feuille de style css :
Code:
/*couleur texte éditeur*/ .sceditor-container textarea { color: #FFFFFF !important; }
Remplacez si besoin #FFFFFF (ici blanc) par le code de la couleur de votre choix.
Enregistrez.
Puis allez dans modules > html & javascript > gestion des codes javascripts
vérifiez que la gestion des codes est cochée sur OUI
créez un nouveau code en cliquant sur le bouton en bas à droite (et non pas éditer le code que vous avez déjà)
donnez lui un nom ("couleur texte éditeur wysiwyg" par exemple)
placez-le sur toutes les pages
dans la zone de saisie collez le code suivant :
Code:
$(function() { var a = $("#text_editor_textarea"); 0 != a.length && $(function() { a.sceditor && a.sceditor("instance") && a.sceditor("instance").css("body,p{color:#FFFFFF}"); }); });
Remplacez si besoin #FFFFFF (ici blanc) par le code de la couleur souhaitée.
Enregistrez.

Pour mieux comprendre :
Le css comment ça marche ?
Gestion des codes javascript
Nomination et couleurs

Probléme visuel suite a la modification du CSS.

Avez vous essayé le premier code que je vous ai fourni ? Il devrait régler votre premier problème.

Pour la couleur du texte dans la zone de saisie de l'éditeur de texte, ajoutez le code css suivant dans votre feuille de style css :

Code:: .sceditor-container textarea { color: #FFFFFF !important; }

Remplacez #FFFFFF (blanc) par le code de la couleur de votre choix.
Ce code modifie la couleur du texte quand l'éditeur est en mode source.

Pour le mode wysiwyg, allez dans modules > html & javascript > gestion des codes javascripts
- vérifiez que la gestion des codes est cochée sur OUI
- créez un nouveau code

- donnez lui un nom ("couleur texte éditeur wysiwyg" par exemple)
- placez-le sur toutes les pages
- dans la zone de saisie collez le code suivant :

Code:: $(function() { var a = $("#text_editor_textarea"); 0 != a.length && $(function() { a.sceditor && a.sceditor("instance") && a.sceditor("instance").css("body,p{color:#FFFFFF}"); }); });

- Remplacez #FFFFFF (blanc) par le code de la couleur souhaitée.
- Enregistrez.

Changement de couleur de texte dans la barre citer en Invision

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 11/06/2014
Lien du forum : http://www.audittpassion.com/forum

Description du problème

Bonjour A tous

dans le cas de la modification des visuels de notre forum
je suis confronté a un probleme de couleur de texte qui est noir
sur une barre noir dans la fonction citer

j'ai modifier cette couleur dans la case Couleur Police Citation : sans effet

j'ai essayer en CSS de rajouter font-color #FFFFFF
mais cela ne fonctionne pas non plus

Une idée ?

Merci a tous pour votre aide

Spoilers, citations et codes : Modifier l'apparence

le code hexadécimal pour le noir est #000000 et pour le blanc #FFFFFF, ce qui donnerait :

Code:: /*citations codes et spoilers*/ dl.codebox, .content blockquote { background-color: #000000; color: #FFFFFF; border: 1px solid #FFFFFF; } dl.codebox code { color: #FFFFFF; } /*fin citations codes et spoilers*/

Attention peut être à bien garder les points virgules à la fin de chaque ligne ^^

Fond aléatoire

no_way a écrit:Bonjour, le script fonctionne pourtant: voir.
puis-je avoir le code CSS que vous utilisez pour le moment ?

Effectivement, c'est bizarre, les images me paraissent plus petite?

Bien sûr, voici ma css:

.table-title, .table-title h2 {
color: #FFFFFF;
display: inline;
font-size: 1.1em;
font-weight : bold;
}.postprofile {width:17%}
.postbody {width:80%}

#search-box {display: none;}
.forabg {
box-shadow: 2px 2px 5px #727272;
border: none;
margin-bottom: 10px;
}

.forumbg {
box-shadow: 2px 2px 5px #727272;
border: none;
margin-bottom: 10px;
}

.module {
box-shadow: 2px 2px 5px #727272;
border: none;
margin-bottom: 0px;
}

.portal .module {
margin-bottom: 10px;
}

div.panel.introduction {
background: #f5f5f5;
}

.h3 {color:#6A3CB9;}

.module .h3 {
border: none;
}
.navbar ul{
border-bottom:none;
}
ul.forums dd {
border: none;
}
.forabg {
margin-bottom: 25px;
}
.forumbg {
margin-bottom: 25px;
}

.signature_div img {

max-height:100px;
max-width:400px;
}
body {
background-image: url("https://nsm08.casimages.com/img/2015/05/17//15051711214811954313274993.jpg"), url("https://nsm08.casimages.com/img/2015/05/03//15050301022311954313230469.png");
background-position: top center, center;
background-repeat: no-repeat, repeat-y;
}

J'ai supprimé les dernières lignes de code body/background,pour le remplacer par votre code, mais peut être à tord

Problème codage QEEL

Bonjour,

Déjà pour les groupes,

Il y a une erreur dans le CSS, ça se passe tout à la fin de votre QEEL :

.groupes{
border: dotted 1px;
background-color:#FFFFFF;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
margin-left:12px;
font-size:15px;
font-weight: bold;
font-variant: small-caps;
text-align:center;
text-decoration: none !important;
}]

Enlevez le crochet, qui n'est pas sensé se trouver dans une page de type CSS.

Votre CSS fonctionne chez moi. Mais sur votre forum, il n'apparait pas dans le code source. Vérifiez que vous avez bien mis le CSS au bon endroit, sur le forum donné plus haut :
panneau

affichage

couleurs

feuille de style CSS

mettre le code CSS

pb pour intégrer le html diaporama sur mon site

Bonsoir j'ai réussi à mettre un diaporama avec kizoa mais j'aurais aimer utiliser votre solution que vous proposez sur ce site dans derniers tutoriels créer un diaporama (image défilantes)

pb pour intégrer le html diaporama sur mon site

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : aujourd'hui
Lien du forum : http://bb514x4.forumactif.org

Description du problème

Bonjour
je donne les informations pour le diaporama ensuite je le test sur votre forum et cela fonctionne ensuite je genère le coding et effectue un copier/coller du coding pour le mettre dans une page de mon forum et cela ne fonctionne pas le résultat une photo s'affiche et la partie javascript s'inscrit sous la photo comme un refus du javascript
j'ai autorisé au niveau général le html et dans mes messages
le coding obtenu est
<style type="text/css">#rotator1430473624378 {height:120px;} #rotator1430473624378 a{position:absolute;background:#FFFFFF;border:1px solid #CCCCCC;padding:4px;} #rotator1430473624378 img { height:110px;width:150px; }</style><div id="rotator1430473624378"><a id="itemActif1430473624378" style="z-index:999" href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="bjhb" target="_blank"><img src="https://i.servimg.com/u/f19/13/66/01/97/20150410.jpg" alt="bjhb" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="bkbhkjb" target="_blank"><img src="https://i.servimg.com/u/f19/13/66/01/97/20150415.jpg" alt="bkbhkjb" /></a><a href="https://forum.forumactif.com/h11-formulaire-diaporama#" title="" target="_blank"><img src="https://2img.net/i/fa/empty.gif" alt="" /></a></div><script type="text/javascript">(function(){var r = document.getElementById("rotator1430473624378"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1430473624378"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1430473624378";n.style.zIndex = 999})},3500)})();</script>

Centrer un diaporama

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.fsx-france.com/

Description du problème

Bonjour à tous,

J'ai un souci avec le code pour créer un diaporama (images défilantes) proposé sur le site par Vivi en mars dernier.
https://forum.forumactif.com/t377148-creer-un-diaporama-images-defilantes

Le code fonctionne bien, mais je n'arrive pas à "centrer l'image" dans un Widgets.

Le code:

Spoiler:

Merci de votre aide.

Cordialement.

Shag

PS: Oups ::betise:: J'ai posté au mauvaise endroit .. Désolé

Problème : Barre de navigation en haut mais sans fond

CSS:

Le voici, comme je l'ai préciser il n'y a rien. :3

Problème de code de couleurs dans le profil

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://quebec-masquerade.forumofficiel.com

Description du problème

Bonjour!

J'ai récemment composé un forum en utilisant un code CSS que j'ai trouvé et je n'avais aucun problème avec ce dernier jusqu'à hier (je crois). Certaines personnes se sont plaintes qu'elles ne voyaient pas bien la couleur de la police sur le fond. J'ai donc opéré quelques changements de couleurs pour rendre le tout plus confortable à l'oeil, mais voilà que certains titres de champ dans les profils ne s'affichent plus ni en cliquant sur profil ni dans les messages.

Je me demande bien où j'aurais m*rdé. J'ai cherché partout, mais mes connaissances ne doivent pas être assez grande pour que je puisse déceler le problème toute seul ^^'

Je vous mets donc ici le code CSS ainsi que quelques captures d'écran pour expliciter le problème :

Spoiler:

https://i.gyazo.com/e26727585f93394352cdd5a4f9647199.png
https://i.gyazo.com/87989c2e6d9cb1ccbcae55f410f47bec.png
https://i.gyazo.com/7dcc26e2acdc4da088c8fc59d3ef2314.png

Aidez-moi, pitié!

Merci!

Arrondire Cadre d'un Tableau

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://mvps.forumactif.org/

Description du problème

Alors voila j'ai fait un tableau en html sur mon portail et je voudrais arrondire les 4 angles de ce tableau là. Ci joint le script en question.

Script du Tableau:

Cordialement Kozey O²

Page d'accueil alignement d'élèment

Coucou, merci de ta réponse !

Voilà le code complet de notre PA;

Le passage en particulier est celui-ci;

Merci d'avance à celui qui saura nous expliquer

Changer cette couleur de fond

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://rough.forum-gratuit.net/

Description du problème

Salut à vous, internautes !
Je voudrais savoir comment faire que la couleur pointée par ces 2 flèches rouges soit blanche #FFFFFF
Merci d'avance, j'ai toujours eu des réponses ici.
A+ dans l'bus

Besoin de code

Il s'agit d'un effet d'ombre que l'on peut appliquer avec du code css :

Code:: a[href="/u1"] span strong { text-shadow: 0px 0px 10px #FFFFFF; }

Ce code appliquera l'ombre blanche au premier membre du forum (u1, cf l'adresse du profil du membre)

Ou encore :

Code:: a span[style="color:#F00808"] strong { text-shadow: 0px 0px 10px #FFFFFF; }

Ce code appliquera l'ombre blanche à tous les pseudos de couleur #F00808 (ici du rouge, à remplacer par la couleur du groupe voulu).

Explications des valeurs après text-shadow :
- la première correspond au décalage horizontal de l'ombre par rapport au texte
- la deuxième au décalage vertical de l'ombre par rapport au texte
- la troisième à l'étendue de l'ombre (floutage)
- la dernière est la couleur de l'ombre, ici #FFFFFF pour blanc

Pour installer un code css, il faut le copier/coller dans affichage > couleurs > onglet feuille de style css

Régler l'opacité de la toolbar

Bonjour,
si le fond de votre toolbar est une couleur, vous pouvez coder celle ci en rgba (red,green,blue,alpa)
par exemple :

background: #FFFFFF;
code pour un fond blanc

background: rgb(255,255,255);
code pour le même fond blanc

background: rgba(255,255,255,0);
code pour un fond blanc d'opacité 0 (complètement transparent)

background: rgba(255,255,255,1);
code pour un fond blanc d'opacité 1 (complètement opaque)

background: rgba(255,255,255,0.5);
code pour un fond blanc d'opacité 0.5 (translucide)

background: rgba(255,255,255,0.9);
code pour un fond blanc d'opacité 0.9 (très légèrement translucide)

etc

vous pouvez régler l'opacité entre 0 et 1 à la valeur qui vous convient,
le code css donnerait donc par exemple :

Code:: div#fa_toolbar { background: rgba(255,255,255,0.6); }

Si par contre le fond est une image... Le plus simple est encore je pense de réduire directement l'opacité de l'image avec un logiciel graphique ^^"

Nettoyage de feuille de style CSS

R'soir

J'ai corrigé au mieux les trucs inutiles, en enlevant ce qui semblait servir à rien, les préfixes qui ne servent plus, et les propriétés un peu étrange qui n'ont pas de grande utilité comme ça pour les réduire. (Du genre : "background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;" où j'ai pas trop compris l'intérêt). Par contre, il y a peut-être des class/id ou des propriétés qui te servent à rien, pour ça je ne peux pas vraiment savoir, il faudrait que je vérifie les balises et tout une par une, ce serait vachement long, mais théoriquement, tu peux tenter de supprimer les trucs un par un et de voir si ça change quelque chose sur ton forum, si ça change rien ça peut être retiré je pense ^^ Mais vérifie bien partout, c'est ça le soucis, parfois les codes influencent sur des tout petit trucs et on s'en rencontre que longtemps après l'avoir retiré XD

J'ai aussi rangé un maximum de chose dans un ordre plus compréhensible, bien que chaque code à son propre style et son propre ordre, il faudra faire le tiens de préférence

Et j'ai aussi enlevé les class/id qui étaient en double et donc la première ne servait à rien, seule la deuxième était pris en compte.

Code:: /****** GENERAL ******/ #wrap { border:0; } body { background-position:top center; background-attachment:scroll; background-repeat:no-repeat; } .inputbox { background:#3c3c3c; color:#ffffff; padding:2px; border:1px solid #BCBCBC; border-radius:10px; cursor:text; } dl.codebox { background:#1E1D1B; font-size:1em; padding:3px; border:1px solid #878787; border-radius:10px; } .forabg { background:url(http://imageshack.com/a/img838/9827/fsga.png) #262627; margin-bottom:4px; padding:0px 5px; border-radius:10px; border:1px solid #101010; box-shadow:0 0 9px #000000; clear:both; } .forabg .lastpost { width:25%; } div.forabg ul.topiclist dd.dterm { width: 70%; } .panel { background:#000000; padding:0px 10px; margin-bottom:4px; border-radius:10px; border:1px solid #101010; box-shadow:0 0 9px #000000; } #search-box input,#search-box input.button1,input.search,#smiley-box { display:none; } .slidesmile { position:relative; top:39px; left:705px; z-index:4; } /****** NAVIGATION *******/ .navig { position:fixed; background:#000; width:100%; /*couleur de fond de la barre de navigation*/ top:0; box-shadow:0 2px 10px #000; /*effet d'ombre sous la barre de navigation*/ } .navig a { font-family:'Alegreya SC'; /*police des liens*/ font-size:14px; /*taille police des liens*/ color:#6F7D7D; /*couleur des liens*/ } .navig a:hover { color:#4D7999; /*couleur des liens au survol*/ letter-spacing:1px;/*espacement des lettres au survol (0=normal)*/ } .navig li { display:inline-block; padding:12px; /*marge autour des liens*/ } /****** PAGE DES SUJETS ******/ .post { background:#262627; padding:0 10px; margin-bottom:4px; border-radius:10px; box-shadow:0 0 9px #000000; } .postbody /*justification automatique des posts*/ { display:block; text-align:justify; padding:10px; } .postprofile { position:relative; min-height:80px; width:17%; background:rgba(0,0,0,0.4); margin:5px 0 0; padding:5px; color:#999; text-align:center; word-wrap:break-word; border:1px solid rgba(0,0,0,0.25); border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.6) inset,0 0 0 1px rgba(255,255,255,0.05),0 1px 0 rgba(255,255,255,0.1); } ul.profile-icons { margin-top:10px; list-style:none; border-radius:10px; } .module { background:url(http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png) repeat-x #262627; border:1px solid #101010; border-radius:10px; box-shadow:0 0 9px #000000; } .signature { border-radius:10px; } /****** CASE DES TABLEAUX DE FORUMACTIF ******/ .row2,.row1 { background:url(http://imageshack.com/a/img690/452/q962.png) center top repeat-x #0D0C0B; } /***** BALISE BLOCKQUOTE ******/ blockquote { background:url(http://imageshack.com/a/img809/2250/voys.png) no-repeat scroll 0 0 #C1A780; border:0; border-radius:10px; padding-right:25px; } /****** BUTTON ET INPUT *******/ a.button1,a.button2,button.button2,input.button1,input.button2 { background:url(http://imageshack.com/a/img849/7503/zow4.png) #1E1D1B; border:0; color:#B89E7D; } /****** CATEGORIE ******/ .gauche { float:left; } .linklist { text-align:center; /*pour centrer les liens au dessus des catégories*/ } .linklist a { color: #222325; /*couleur des liens au dessus des catégories*/ }

Sans Espace:

Et parce que sous FA j'aime pas avoir des espaces en début de code CSS parce que FA fait pas la même taille d'espace quand on fait tabulation, voici une version sans les espaces :

Code:: /****** GENERAL ******/ #wrap { border:0; } body { background-position:top center; background-attachment:scroll; background-repeat:no-repeat; } .inputbox { background:#3c3c3c; color:#ffffff; padding:2px; border:1px solid #BCBCBC; border-radius:10px; cursor:text; } dl.codebox { background:#1E1D1B; font-size:1em; padding:3px; border:1px solid #878787; border-radius:10px; } .forabg { background:url(http://imageshack.com/a/img838/9827/fsga.png) #262627; margin-bottom:4px; padding:0px 5px; border-radius:10px; border:1px solid #101010; box-shadow:0 0 9px #000000; clear:both; } .forabg .lastpost { width:25%; } div.forabg ul.topiclist dd.dterm { width: 70%; } .panel { background:#000000; padding:0px 10px; margin-bottom:4px; border-radius:10px; border:1px solid #101010; box-shadow:0 0 9px #000000; } #search-box input,#search-box input.button1,input.search,#smiley-box { display:none; } .slidesmile { position:relative; top:39px; left:705px; z-index:4; } /****** NAVIGATION *******/ .navig { position:fixed; background:#000; width:100%; /*couleur de fond de la barre de navigation*/ top:0; box-shadow:0 2px 10px #000; /*effet d'ombre sous la barre de navigation*/ } .navig a { font-family:'Alegreya SC'; /*police des liens*/ font-size:14px; /*taille police des liens*/ color:#6F7D7D; /*couleur des liens*/ } .navig a:hover { color:#4D7999; /*couleur des liens au survol*/ letter-spacing:1px;/*espacement des lettres au survol (0=normal)*/ } .navig li { display:inline-block; padding:12px; /*marge autour des liens*/ } /****** PAGE DES SUJETS ******/ .post { background:#262627; padding:0 10px; margin-bottom:4px; border-radius:10px; box-shadow:0 0 9px #000000; } .postbody /*justification automatique des posts*/ { display:block; text-align:justify; padding:10px; } .postprofile { position:relative; min-height:80px; width:17%; background:rgba(0,0,0,0.4); margin:5px 0 0; padding:5px; color:#999; text-align:center; word-wrap:break-word; border:1px solid rgba(0,0,0,0.25); border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.6) inset,0 0 0 1px rgba(255,255,255,0.05),0 1px 0 rgba(255,255,255,0.1); } ul.profile-icons { margin-top:10px; list-style:none; border-radius:10px; } .module { background:url(http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png) repeat-x #262627; border:1px solid #101010; border-radius:10px; box-shadow:0 0 9px #000000; } .signature { border-radius:10px; } /****** CASE DES TABLEAUX DE FORUMACTIF ******/ .row2,.row1 { background:url(http://imageshack.com/a/img690/452/q962.png) center top repeat-x #0D0C0B; } /***** BALISE BLOCKQUOTE ******/ blockquote { background:url(http://imageshack.com/a/img809/2250/voys.png) no-repeat scroll 0 0 #C1A780; border:0; border-radius:10px; padding-right:25px; } /****** BUTTON ET INPUT *******/ a.button1,a.button2,button.button2,input.button1,input.button2 { background:url(http://imageshack.com/a/img849/7503/zow4.png) #1E1D1B; border:0; color:#B89E7D; } /****** CATEGORIE ******/ .gauche { float:left; } .linklist { text-align:center; /*pour centrer les liens au dessus des catégories*/ } .linklist a { color: #222325; /*couleur des liens au dessus des catégories*/ }

Edit : MlleAlys a été plus rapide que moi, mais elle n'a pas enlevée les préfixes inutiles, ni même les propriétés inutiles tel que "border: 0 solid #FFFFFF" inutile de lui attribuer la propriété "solid" et la couleur, si la bordure n'existe pas (0). Et sinon, pour être complémentaire à jsfiddle pour trier le code correctement il y a : http://tools.arantius.com/tabifier qui marche aussi avec le HTML et le JS

Barre de vote étoilée

Après de longues recherches : j'ai enfin trouvé un utilitaire simple, gratuit et rapide pour éditer des barres de votes étoilées pour les intégrer à nos forums. Je vous propose donc un petit Tuto
Dans cet exemple, nous voulons intégrer une barre de vote sous une vidéo qui se situe dans un post.
1) Commencez par aller sur votre post :

Exemple : www.nomduforum.forumactif/t00000-betisier-forum-des-forum

t00 = numéro de la page
betisier-forum-des-forum = nom du sujet
2) Maintenant ouvrez ce site dans un nouvel onglet. http://www.votxo.com/register.php?lang=french
3) Cliquez sur "Créer un vote"
4) Remplissez les champs suivants :
- Afficher le vote dans la langue : Choisissez un drapeau

Choisissez le drapeau correspondant à la langue de votre forum. Cela permettra aux membres de lire une phrase de prise en compte du vote dans leur langue.

- Fréquence d'un nouveau vote pour l'utilisateur :

Vous avez le choix entre 1 heure, 1 jour, 1 semaine, 1 mois ou 1 année

- La référence du vote correspond au titre que vous voulez donner à votre vote :

Bêtisier du Forum des Forum

- Votre adresse mail, elle vous permettra de recevoir votre code :

...@gmail.com

- Le site où sera installé votre part de vote. Faites un copier-coller de l'adresse de votre post, pour nous ici c'est :

www.nomduforum.forumactif/t00000-betisier-forum-des-forum

- Vos nom et prénom. Je vous conseil d'utiliser le pseudo de votre nom de membre sur vos forum :

1baptiste

- Votre pays :

FRANCE

5) Cliquez sur suivant

6) Un nouveau bloc en bas de la page de commande apparait : elle vous confirme les données que vous avez entrées précédemment. Une fois qu'elles sont vérifiées, cliquez sur le bouton "Envoyez-moi le code !"

7) Une fois le code envoyé, allez sur votre boite mail. Si aucun mail apparait, vérifiez tout d'abord vos spams puis, si dans les 24 Heures vous n'avez toujours rien, contactez le support du site. Un lien vous est affiché quand vous avez généré votre barre de vote.

Cool Faites un copier/coller du code (bleu) fournit dans le mail et intégrez le à votre message. Vérifiez bien que les cases "Désactiver le HTML" et "Désactiver le BBCODE" sont décochées. Dans notre exemple, intégré le code en dessous du lien de la vidéo.

9) :enreg: votre message et constater : vous obtenez une barre de vote étoilée en dessous de votre vidéo.

Toutefois, vous pourrez me dire qu'elle est trop petit ? Vous-voulez l'agrandir ? Pour cela, rien de plus simple : reprenez l'étape numéro 8.

8.1) Editer le code fournit :
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="120" height="50" id="vote" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.votxo.com/votes/french-m.swf?id=YOUR" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="wmode" value="transparent" />
<embed src="http://www.votxo.com/votes/french-m.swf?id=YOUR" quality="high" bgcolor="#FFFFFF" width="120" height="50" name="vote" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />
</object>

Les dimensions de la barre de vote sont par défaut 120 x 50. Pour changer cette dimension, modifier les valeurs en rouge (aux deux endroits). Maintenant :enreg:

Vous vous êtes trompez pour la fréquence de vote et souhaitez la changer après la génération du code. Pour cela, rien de plus simple : reprenez l'étape numéro 8.

8.1.1) Editer le code fournit :
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="120" height="50" id="vote" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="http://www.votxo.com/votes/french-m.swf?id=YOUR" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
<param name="wmode" value="transparent" />
<embed src="http://www.votxo.com/votes/french-m.swf?id=YOUR" quality="high" bgcolor="#FFFFFF" width="120" height="50" name="vote" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />
</object>
Vous devez modifier les paramètres indiqués en rouge aux 2 endroits dans le code. Vous pouvez utiliser 7 paramètres différents : u (illimité), h (heure), d (jour), w (semaine), m (mois), y (année) ou n (un seul vote par personne). Maintenant :enreg:

J'espère que cela vous a aidé. Smile Pour ceux, comme moi qui souhaitez une option différente de vote dans leurs forum. Si vous trouvez ce message utile, vous pouvez le signaler par l'icône Vu !
Tutoriel créé par 1baptiste

problème d'alignement des sous forums

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://liloumalei.forumactif.org/

Description du problème

Bonjour

J'aurais besoin de votre aide car j'ai beau triffouiller à gauche à droite depuis des heures, impossible de positionner correctement mes sous forums. En fait j'aimerais qu'ils soient parfaitement alignés avec la première ligne de la description de mes forums.

Merci d'avance à tous ceux qui tenteront de m'aider.

Voici mon template index box (sous hide)

Et voici mon code css (sous hide également)

Soucis fond de page

Vous voulez un fond blanc ?

Comme ça:

Tag ffffff sur Forum gratuit : Le forum des forums actifs - Page 4 Rosewo10

Si oui, modifier votre .forumline et mettez le background en blanc, soit #ffffff.

Code:: .forumline { background-color: #fff; border: 2px # solid; padding: 5px; }