Coucou les z'amis,
voilà j'aurai souhaité mettre un soulignement (au-dessus et en-dessous) de mon texte, en pointillé.

Orange avait dans un de ses messages écrit ceci

u {
text-decoration: none;
border-bottom: 1px #000000 dashed;
}

J'aurai voulu savoir s'il existerait un moyen de faire pareil mais sans que cela ne soit applicable sur tout le forum.

En somme, imaginons que je voudrais mettre un titre là, dans ce sujet-ci, serait-il possible qu'il soit sur et souligné en pointillé mais pas le restant du texte.

Je continue de bidouiller, j'ai obtenu un "pseudo résultat" mais c'est loin d'être ce que je cherche xD

Merci d'avance les loulous^^

En sommes, ce que tu désires obtenir c'est que tous les titres de tes sujets ( donc les liens menant à ceux-ci ) soient soulignés comme dans le tutoriel d'Orange ?

Ou juste l'utiliser comme mise en forme dans tes messages ?

Ce serait la seconde solution.
J'aimerai l'utiliser comme mise en page pour des prédéfinis par exemple. Mais pas pour le reste du fofo ^^

Exemple

Dans ce genre là donc ?
Pour ça, voici le code :

Code:

<span style="text-decoration: none; border-top: 1px #000000 dashed; border-bottom: 1px #000000 dashed;">Exemple</span>

Si tu désires enlever ou en rajouter une partie, il te suffira de rajouter un border-(left, top, right, bottom ).

C'était effectivement dans ce genre-là

Merci beaucoup Darling

Il n'y a pas de quoi

Je vais encore ennuyer... (gomen mais je suis une vraie quiche pour les codes T.T, j'ai beau regardé le site du zero, il y a pleins de points d'interrogations autour de ma tête, c'est pénible T.T)

Si je voulais que le soulignement se fasse sur toute la largeur du forum? Bon, il y aura le texte, par exemple au milieu, mais le surlignement se fera à gauche, au niveau du texte, et à droite du texte. Il faut avouer des sauts de lignes ou quelque chose comme ça?

>.> Wouah... tu as juste dit " Gomen " et pourtant, j'aurais presque cru que tout le reste était japonais.

Pourrais-tu détailler ce que tu veux ? Parce que l'histoire de texte au milieu qui part sur la gauche du texte à droite et les sauts de lignes là... u_u...

Darling ou l'art de dire que tu écris comme une merde

Voici un exemple ^^

http://you-can.forumactif.com/links-f130/hollywood-dans-le-bronx-venez-voir-mon-petit-coin-de-paradis-t977.htm

Ah ! Je vois.

Dans ce cas, il faut remplacer la balise span par une balise div qui prendra automatiquement la largeur de ton message et lui attribué la propriété text-align.



Gauche :



Ou droite :

Code:

<div style="text-align: left; text-decoration: none; border-top: 1px #000000 dashed; border-bottom: 1px #000000 dashed; ">Exemple</div>

Il te suffit de remplacer le " left " du text-align par right ou center.

PS: Mais non, j'ai jamais prétendu que tu écrivais comme une merde uu'...

Ahh oki mici ^^
Je suis vraiment nulle avec tous ces codes x_X L'informatique c'est mon talon d'Achille, j'essaie d'y remédier mais j'avoue que l'évolution n'est pas... très phénoménale xD

En tout cas, je m'endormirai moins idiote ce soir ^^

P.S : t'inquiète, le smiley montrait l'humour dans ma phrase xD

Il n'y a pas de problème =)
Petite information au passage, au cas où, si tu désires faire un peu dans le même style que le forum que tu m'as montré, il faudra mettre le morceau de code que je t'ai donné dans une autre div avec une propriété background-color dans laquelle tu écriras à la suite de la div inférieure. Ainsi, la div inférieure ( donc le code ci-dessus ) héritera des propriétés de sa div supérieure ( celle avec le background ).

J'espère que tout ceci t'aidera et que j'ai été clair.

Enfin, moi je me comprends... u_u

Coucou,

Les codes donnés marchent, sauf que si tu veux faire ça plusieurs fois à différents endroits Ô joie, faut tout retaper
Alors pour pas t'embêter à retaper tout le temps, tu peux passer par le CSS : (à mettre dans la feuille de style css)

Code:

.souli {
text-decoration: none;
border-top: 1px #000000 dashed;
border-bottom: 1px #000000 dashed;
}

Dans ton message, juste t'auras à taper :

Code:

<span class="souli">Texte</span>

Pour que ça ne le fasse QUE sur le mot, et :

Code:

<div class="souli">Texte</div>

pour que ça le fasse sur toute la ligne.

Après si tu veux que le texte soit aligné ou milieu il suffit de rajouter " text-align: center; " (sans les guillemets) entre les accolades du code proposé au début du message.

C'est quand même plus rapide, non ?

Edit : Ah bha, pour reprendre ce que dit Darling juste au dessus, si tu souhaites ajouter une couleur de fond, ajoute " background-color: #COULEUR; " au code css donné au début ^^ en ajoutant la bonne couleur ^^"

Han, Johian me pique la vedette TT.

Mais je plussoie tout ce qu'elle a écrit. Ce que je t'ai mis c'est du crêpage de chignon à chaque fois ^^

Merci à vous deux.
Je vais tenter avec le background color (j'ai déjà plusieurs fois tenté et... *erm erm pars se cacher* ça n'a jamais marché xD). Si j'ai des soucis, je ferai appel à vos brillants cerveaux

Salut,

Alors ca dit quoi ?

Salut,

Dernière relance

Je m'incruste un peu dans votre conversation, mais j'ai un problème avec le code.

Et bien pour ma part, je n'arrive pas à le faire fonctionner.
J'ai fais comme Johian de M. l'as dit pour éviter de retaper le code, mais au moment où je veux l'intégrer à mon message, ça ne fonctionne pas.
Je n'ai que le code qui s'affiche et pas mon joli titre entouré des lignes de pointillé.
C'est peut-être tout bête, mais la je ne vois pas comment régler le problème

Salut,

Zangli a écrit:

Je m'incruste un peu dans votre conversation, mais j'ai un problème avec le code.

Et bien pour ma part, je n'arrive pas à le faire fonctionner.
J'ai fais comme Johian de M. l'as dit pour éviter de retaper le code, mais au moment où je veux l'intégrer à mon message, ça ne fonctionne pas.
Je n'ai que le code qui s'affiche et pas mon joli titre entouré des lignes de pointillé.
C'est peut-être tout bête, mais la je ne vois pas comment régler le problème

Peux tu me donner le lien du forum et le code que tu essaye de mettre ?

Oui bien sur je te met donc le lien du forum et le mot de passe pour se connecter.
C'est un forum d'essai pour mes design.

Spoiler:

En ce qui concerne le code, j'ai copier celui ci dans la feuille CSS du forum:

Code:

.souli {
text-decoration: none;
border-top: 1px #000000 dashed;
border-bottom: 1px #000000 dashed;
}

et je voulais ajouté celui-ci à mon sujet comme l'a expliqué Johian de M.:

Code:

<div class="souli">Texte</div>

J'ai édité et retiré le mot de passe car c'est le genre d'info qu'il faut éviter de mettre aux yeux de tous.

Bizarre car ta page accepte le html sauf ce bout de code.

J'ai testé et ca fonctionne parfaitement :
http://css-forum.forumotion.com/bienvenue-f1/test-soulignement-t12.htm#16

Essaye de le faire sur un autre sujet ou une page html de ton forum pour tester

Merci d'avoir retiré le mot de passe, je sais qu'il faut pas laisser trainer ce genre de choses, mais il fallait que tu l'ai pour pouvoir aller sur le forum.

Bon du coup, j'ai fait comme tu m'as dit j'ai essayer sur des page html de mon forum comme le message d'accueil ou les descriptions des forum et là sa fonctionne.
Seulement, dans les sujets, ça ne fonctionne toujours pas, j'ai essayé tous les codes qu'il y en page 1 de ce sujet et rien ne fonctionne.
Du coup je suis un peu perdue.

Et si tu essaye un autre code ?
Tu as le même soucis ?

Voilà je viens d'essayer un autre code ICI
Mais ça ne marche pas non plus.

Un bug avec les soucis de FA ?
Je vois pas sinon.