Class B, I, U, S & autres

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

Résolu Class B, I, U, S & autres

Message par Kookai82 le Mer 9 Mar 2011 - 18:10

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


Dernière édition par Kookai82 le Jeu 10 Mar 2011 - 15:19, édité 1 fois

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par no_way le Mer 9 Mar 2011 - 18:38

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 ?

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Mer 9 Mar 2011 - 19:56

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

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Class B, I, U, S & autres

Message par no_way le Mer 9 Mar 2011 - 20:16

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.

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Mer 9 Mar 2011 - 20:34

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

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Class B, I, U, S & autres

Message par no_way le Mer 9 Mar 2011 - 20:50

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;}

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Mer 9 Mar 2011 - 23:32

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
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Mer 9 Mar 2011 - 23:47

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

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par tupac le Mer 9 Mar 2011 - 23:59

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;
}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Jeu 10 Mar 2011 - 0:08

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

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par tupac le Jeu 10 Mar 2011 - 0:11

En fait de quelle boite de message parlez-vous?

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Jeu 10 Mar 2011 - 10:20

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

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par tupac le Jeu 10 Mar 2011 - 11:19

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;
}

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Jeu 10 Mar 2011 - 12:15

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

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par tupac le Jeu 10 Mar 2011 - 12:33

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é.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Jeu 10 Mar 2011 - 13:22

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

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Class B, I, U, S & autres

Message par no_way le Jeu 10 Mar 2011 - 14:28

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
}

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Class B, I, U, S & autres

Message par tupac le Jeu 10 Mar 2011 - 14:53

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.


tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par no_way le Jeu 10 Mar 2011 - 14:57

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

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Class B, I, U, S & autres

Message par Kookai82 le Jeu 10 Mar 2011 - 15:13

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 Razz

Kookai82

Kookai82
**

Féminin
Messages : 53
Inscrit(e) le : 08/03/2011

http://intensia-69.roleaddict.com/
Kookai82 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Class B, I, U, S & autres

Message par no_way le Jeu 10 Mar 2011 - 15:49

Service @++

no_way
Aidactif
Aidactif

Messages : 1739
Inscrit(e) le : 26/03/2010

no_way 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