Class B, I, U, S & autres

[Kookai82]

Bonjour,
Je voudrais simplement savoir le nom des class qui caractérise ceci :

• Les boutons B, I, U & S... lors de l'écriture d'un message
  
• L'apparence qu'auront les boutons B, I, U & S sur un message - comme I{border:1px solid #FFFF00;} par exemple
  
• La boîte de message - là où on écrit quand on poste quoi -, que ce soit en réponse simple ou rapide

Je précise quand même que j'ai déjà essayer de répondre à ces questions par moi-même avec l'aide de firebug - un logiciel bien utile dans ce genre de cas -, mais sans aucun résultat bien concret. Je remercie d'avance celui qui acceptera de m'aider

Kookai82

[no_way]

Bonjour, je ne comprends le principe des classes dans ce cas, B I U etc... sont des balises HTML et non des classes, à moins que je n'ai pas bien saisi votre question ?

Vous souhaitez connaitre les propriétés CSS afin d'obtenir les mêmes effets qu'ont ces balises ?

[Kookai82]

Bonjour,
Eh bien comment dire... Lorsque l'on choisit de mettre quelque chose en gras, cela s'affiche comme ceci : Exemple. Tandis que moi je voudrais pouvoir faire ceci : Exemple mais seulement en cliquant sur le bouton gras. Et pour cela il me faudrait sa class. Pour l'italique par exemple, il s'agit de i alors je n'ai plus qu'à faire :

Code:

I{color:#FFFF00}

Mais je ne connait que celui-là. Pour la deuxième question, il s'agit tout simplement de la class des boutons représentant le gras. Là où on clique pour avoir le gras quoi, car j'aimerais pouvoir les modifier manuellement. Et pour finir eh bien la boîte de message, parce qu'il y a des contours noirs qui ne sont pas terribles à l'œil. Voilà, j'espère que c'est plus clair comme cela

Kookai82

[no_way]

Alors, il faut savoir que si vous indiquez ce qui suit dans votre feuille de style:

Code:


i{color:red;}
b{color:lime;}
u{color:orange;}


etc... (c' est juste un exemple)
Vous redéfinissez l'apparence de ces balises partout sur votre forum et pas seulement dans les posts, pour n'appliquer ces modifications seulement dans vos posts, précédez vos définitions de style par:

Code:

.postbody

En reprenant l'exemple donné précédemment:

Code:


.postbody i{color:red;}
.postbody b{color:lime;}
.postbody u{color:orange;}


Pour votre deuxième question, je dois avoir les neuronnes fatigués, je ne comprends pas précidément ce que vous souhaitez.

Pour votre troisième question:
Cette fois-ci, on utilise une balise HTML (textarea) et une classe CSS (.post)=>

Code:

textarea.post{border:none}

Ce code retirera les bordures.

[Kookai82]

J'ai bien essayée de mettre ton code avec le postbody et il marche hormis pour le gras. Il s'applique à tout ce qui est en gras hormis ce qu'il y à dans mon message et je voudrais avoir l'inverse comme tu l'avais compris. Est-ce que tu saurais aussi comment faire pour que la barre du barré soit dans une autre couleur, mais pas le texte ? Quand au code pour le cadre de la boîte de message ne marche pas, la bordure persiste. Ce que je voulais dire par là, c'est que quand tu veux mettre quelque chose en gras, tu dois cliquer sur un bouton. Et je voudrais personnaliser ce dernier. Merci de ton aide en tout cas

Kookai82

[no_way]

D'accord alors pour ta troisième question, je ne saurais te guider, je sais seulement qu'il faut modifier un template.

Est-ce que tu saurais aussi comment faire pour que la barre du barré soit dans une autre couleur, mais pas le texte ?

Oui, imaginons que tu ais définis que tout ce qui est barré doit être en rouge:

Code:


.postbody s{color:red}


En HTML:

Code:

Bon<s><span style="color:black">jour</span></s>soir

Quant au problème avec "u", tu as fais une erreur lors de l' écriture de ce style:

Code:

.postbody u{
color:border-bottom:1px solid #FF9C00;
text-decoration:none!important
}

Enfin pour la boite de message, essaie ainsi:

Code:

textarea.post{border:none !important;}

[Kookai82]

Merci pour tes réponses bien que le u me pose encore quelques problèmes. Je crois que je vais laisser avec l'italique seulement. Merci aussi pour le barré, je me demandais comment faire depuis longtemps et au moins maintenant je pourrais le faire ! Pour ce qui est des templates je chercherai moi-même maintenant que je sais qu'il faut passer par là. Pour la boîte de message, toujours pareil, aucun effet. J'aimerais bien que ce soit aussi « plat » que celle de forumactif quoi, mais si ce n'est pas possible ce n'est pas grave

Kookai82

[Kookai82]

Désolée du double-post, c'est juste pour dire que j'ai résolu mon deuxième problème à l'aide d'une class : button.button2, input.button2 qui opère sur les boutons B, I, U & S... J'ai aussi cherchée pour la boîte à message et j'ai trouvée ceci dans le code de base :

Code:

<iframe style="font-size: 1.2em; border: 1px inset;" id="text_editor_iframe" tabindex="1"></iframe>

Après je sais que si on remplace le border par 0 le résultat est ce que je souhaite. Mais je ne sais pas du tout comment modifier cette iframe manuellement - car pour le visualiser j'utilise firebug -. Est-ce que par hasard tu saurais comment faire ? Merci

Kookai82

[tupac]

Bonsoir

Un lien avec toutes les classes CSS

et celui-la avec les balises HTML.

Pour la boite essayer ce code.

Code:

textarea#text_editor_textarea {
border: solid 5px #e6e6db;
}

[Kookai82]

Bonjour,
Je me pencherais sur ses sites dès demain matin ! Quand au code css il ne marche pas plus que les autres. Merci beaucoup en tout cas et bonne nuit

Kookai82

[tupac]

En fait de quelle boite de message parlez-vous?

[Kookai82]

Eh bien je parle de la boîte de message que l'on utilise pour écrire un message dans un sujet. Comme quand je vous réponds quoi

Kookai82

[tupac]

Donc le code que je vous est donnez plus haut fonctionne pour le cadre de cette fameuse boite je vous le redonne.

Il fonctionne chez moi donc il devrait fonctionner aussi chez vous puisque vous êtes en phpbb2 comme moi

Code:

textarea#text_editor_textarea {
border: solid 5px #ffffff;
}

[Kookai82]

Je veux bien croire que ce code fonctionne, mais j'ai beau mettre #FFFFFF la couleur reste tout de même noire au bout du compte


Kookai82

[tupac]

D'accord je pense avoir compris en fait cette bordure noir est la bordure qui se trouve a l'intérieur du cadre et le code que je vous est donnez place une bordure autour du cadre donc a l'extérieur,faite le test en mettant #000000 au lieu du blanc et nous serons fixé.

[Kookai82]

Hum...Eh bien le résultat est toujours le même, rien ne change par rapport à la précédente capture d'écran que j'ai faites. Peut-être qu'il faudrait passer par les templates ou une iframe. Je vous remercie de votre aide en tout cas

Kookai82

[no_way]

Pour la boite de message:

Code:


textarea.post,#text_editor_iframe{border:none !important;}


Pour le u, je ne vois pas pourquoi cela pose problème, essaie avec ce code:

Code:


.postbody u{
color:purple;
border-bottom:1px solid #FF9C00;
text-decoration:none !important
}

[tupac]

Je comprends pas pourtant ça fonctionne très bien chez moi.


J'ai testé le code de no_way et il retire bien le cadre de la zone de saisie merci a toi.

[no_way]

Merci
J'avais oublié qu'il y avait deux modes d' édition pour le premier code, c'est pour ça ^^.

[Kookai82]

Merci beaucoup, les deux codes ont parfaitement marché ! Je vais de ce pas mettre le sujet en résolu et je vous remercie tout les deux pour votre patience et votre aide

Kookai82

[no_way]

Service @++