Rajout d'une balise

[alain29]

Rappel du premier message :

Bonjour à tous, et joyeuses fêtes à tous
Là, je bloque.
Voici le code:

Code:

<div style="position: relative; width:223px; height:212px;  border:none; background: [url=http://lannig.perso.sfr.fr/superstickies.png][img]http://lannig.perso.sfr.fr/superstickies.png[/img][/url]
 <p style="position: absolute; top:40px; left:40px; width: 225px;  height:300px; font-family:Comic Sans MS; font-size:12px;  text-align:justify; overflow:auto;">{TEXT}</p>
 </div>


Si maintenant je le veux en balise, genre:
[postit] bla bla [/postit]

Comment faire???
J'ai peut-êtres des bêtises dans le code, mais cela n'est pas grave. Je cherches surtout la procédure pour créer cette nouvelle balise
Merci d'avance pour vos réponses.

[alain29]

Fanch, reprend le post de no_way de 15H12

[FANCH 56]

Affirmatif, testé sous Invision

Je n'ai plus qu'a créer ma propre image Note

[alain29]

Une dernière chose....
Le texte ne va pas à la ligne après l'image....
J'ouvre un nouveau sujet si vous le voulez........

[no_way]

^^ donne moi le lien ou je peux voir cet effet

[ge80]

Beau résultat
Il reste à contrôler la largeur d'écriture

Ge

d'où ma remarque

[FANCH 56]

Alain pour aller à la ligne, tu mets la balise BR

[no_way]

taratata ^^
remplace le code CSS que je t'avais donné par celui-ci:

Code:


.post.it{position: relative;width:223px; height:212px;  border:none; background-image: url(http://lannig.perso.sfr.fr/superstickies.png);}
.post.it>p{position: absolute; top:20px; left:30px; width: 163px;  height:152px; font-family:Comic Sans MS; font-size:12px;  text-align:justify; padding-right:5px;overflow:auto;}


il va te créer un ascenseur avant que ton texte ne déborde de l'image.

[FANCH 56]

Voici ce que cela donne sous invision avec de plus l'utilisation du module bbcode de Firefox.

Commet intégrer l'espace dans ce code ? Si on laisse tel que ci dessous, c'est lae mot value qui apparait, au lieu du texte sélectionné.Nous sommes obligé de faire l'espace manuellement

Code:

[postit]_value_[/postit]

[FANCH 56]

no way çà fonctionne pour aller à la ligne.

Alain est parti aux courses, je suis l'affaire pour lui (on est du même forum).

[no_way]

no way çà fonctionne pour aller à la ligne.

Alain est parti aux courses, je suis l'affaire pour lui (on est du même forum).

Ok ça marche
Certes <br> permet de passer à la ligne, mais c'est mieux en automatique non ?

tu peux voir le résultat ici.

[alain29]

Non! Non, je suis là..
Rien depuis l'ascenseur. Plus rien....

[no_way]

Je peux avoir un lien vers la page ou vous rencontrez le problème ?

[alain29]

Mon dernier message de 18H27:
http://quai-des-flottilles.annuaire-forums.com/t166-bonjour-ce-forum-est-le-votre-amis-visiteurs-laissez-nous-un-message#11566

[FANCH 56]

Pour moi cela ne fais pas d'ascenceur c'est mieux

[alain29]

Méa culpa.... Je viens de cliquer sur le lien que je viens de mettre, et cela fonctionne. Une histoire de rafraichissement je pense??

[alain29]

Et pour Fanch.
Un espace avant le "_" cela fonctionne:

Code:

[postit] _value_ [/postit]

[alain29]

Merci à tous!!!!!

[no_way]

lol de rien @++

[alain29]

C'est pas croyable!!! J'ai encore le prob de l'ascenseur!!
Piges plus....

[FANCH 56]

Et pour Fanch.
Un espace avant le "_" cela fonctionne:

Code:

[postit] _value_ [/postit]

Merci je cherchais ou mettre l'espace

[ge80]

En réalité c'est la fonction censure qui a besoin d'un espace pour délimiter la fin ou le début de la chaine recherchée.

Il faut un espace avant le [/postit] et un à la fin de [postit] sinon la césure ne fonctionne pas.
Ce qui explique le espace_ xxxx et le xxxxx_espace.

De même que ceci[postit] ne fonctionnera pas ou encore [/postit]la suite.

[no_way]

Ok je vois que c'est pas bon, mais j'ai l'impression que c'est plus un bug qu'autre chose car pour moi tous mes essais sortent correctement, de plus il semble y avoir des erreurs de JavaScript en d'erreurs de CSS...
Mais je dois aller me restaurer, je reviendrai peut-être dans la soirée.

[alain29]

Ok!

[alain29]

Chapeau no_way, et cette fois ci....... Résolu.
J'ai fais l'essai chez Fanch 56 en Invision, et donc sur le mien en phpBB3.

[no_way]

Je me cite et j'en profite pour signaler que j'ai corrigé une partie de code CSS, la version qui suit est donc bonne.

^^
ok direction Panneau d'administration -> Général -> Censure des Mots
ajouter un nouveau mot:
Pour Mot:

Code:

[postit]

Pour Remplacement :

Code:

<div class="Note"><p>

Valider
ajouter un nouveau mot:
Pour Mot:

Code:

[/postit]

Pour Remplacement :

Code:

</p></div>

Valider

direction Panneau d'administration -> Affichage -> Couleurs -> Feuille de style CSS
Ajouter à la fin:

Code:

.post.it{position: relative;width:223px; height:212px;  border:none; background-image: url(http://lannig.perso.sfr.fr/superstickies.png);}
.post.it>p{position: absolute; top:40px; left:40px; width: 225px;  height:300px; font-family:"Comic Sans MS"; font-size:12px;  text-align:justify; overflow:auto;}

Si vous souhaitez un retour à la ligne automatique en fonction de la largeur du conteneur (P) sans tenir compte de l'absence d'espace dans une ligne :
Remplacez le code CSS précédant par:

Code:

.post.it{position: relative;width:223px; height:212px;  border:none; background-image: url(http://lannig.perso.sfr.fr/superstickies.png);}
.post.it>p{position: absolute; top:20px; left:30px; width: 163px;  height:152px; font-family:"Comic Sans MS"; font-size:12px;  text-align:justify; padding-right:5px;overflow:auto;white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap !important; /* Mozilla, -1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */word-wrap: break-word; /* Internet Explorer 5.5+ */}

Exemple, si vous écrivez:

Code:

dossiercible=${3:-"$HOME/Music/transcodage/resultat"}

au lieu de rester sur une ligne, celle-ci va être coupée à la largeur du conteneur:

Code:

dossiercible=${3:-"$HOME/Music/transcodag
e/resultat"}

Merci @ ge80 pour m'avoir signalé cette possibilité et @ une prochaine !

[FANCH 56]

Merci

Mis en place et opérationnel.