Rajout d'une balise

[alain29]

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.

[ge80]

Bonjour

Votre thème est-il bien en phpbb3 ?

On pourrait utiliser la censure mais votre chaine qui est trop grande interdit cette solution.

En phpbb2, un script avec remplacement de chaine serait envisageable.
Cette solution a déjà été proposée sur ce forum d'entraide.

En phpbb3, je ne vois pas de solution. Espérons qu'un autre membre aura une solution à vous proposer.

Cordialement
ge

[alain29]

Je suis en phpbb3.
Et, la censure???

[ge80]

Votre Panneau d'administration -> Général -> Censure des Mots

Chaine de départ [postit]
Chaine remplacée (impossible car de taille trop importante)

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

Chaine de départ [/postit]
Chaine remplacée :

Code:

</p> </div>

[no_way]

Bonjour,
@ge80:
On peut diminuer la longueur de sa chaîne il me semble:

Code:


<div class="postit"><p>{TEXT}</p></div>


J'ai jamais essayé la censure tiens.

[alain29]

Bonjour,
@ge80:
On peut diminuer la longueur de sa chaîne il me semble:

Code:


<div class="postit"><p>{TEXT}</p></div>


J'ai jamais essayé la censure tiens.

Oui, mai là il manquera l'image?

[no_way]

non il suffit de créer une classe CSS (postit) + quelques sélecteurs pour l'élément P, et au moins ça raccourcit méchamment ta chaine .

[ge80]

Et oui et dans votre cas ceci ne sert pas à grand chose !

On peut aussi utiliser des url réduites mais là encore cela ne sera pas suffisant

Tenter la solution de no_way

[alain29]

Oui.....
Quelques chose de concret à proposer. Parce que là, je suis un peu pommé...

[ge80]

No_way propose d'utiliser la CSS pour la mise en forme (image de fond, bordure, effet spéciaux) afin de réduire la longueur de la chaine de remplacement.

C'est possible mais il faudra définir la mise en forme dans cette classe ajoutée...

Je lui laisse la proposition du code CSS car c'est lui qui a l'idée.

[alain29]

Merci à vous en tous les cas!
Belle réaction du forum!

[no_way]

Ok
CSS:

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


Je vais faire l'essai, ne touche à rien pour le moment.

[alain29]

Ok

[no_way]

ça marche pas de soucis

voir

obtenu en écrivant:

Code:


[postit] BONJOUR [/postit]


[alain29]

Donc la marche à suivre est?
J'ai "pommé" un peu le fil, vu que l'on est passé en CSS.

[no_way]

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

[alain29]

Je regarde cela dans une heure. Mais cela n'a pas l'air de fonctionner de mon côté.
Je vous tiens au courant.

[no_way]

OK, si jamais laisse-nous un lien que l'on voie ce que ça donne chez toi.

[ge80]

Le code est parfaitement fonctionnel. Ceci mérite un tutoriel

N'oublier pas les espaces avant et après votre texte et les nouvelles balises

un espace [postit] un espace VOTRE TEXTE un espace [/postit] espace

[no_way]

Merci ge80 ^^
Je trouve un peu dommage de devoir absolument mettre un espace pour la censure (même si c'est logique), mais j'imagine que c'est pour éviter les accidents de formatage vu qu'on a droit au joker *.

[ge80]

Je trouve un peu dommage de devoir absolument mettre un espace pour la censure

Je suis d'accord et j'espère toujours une évolution de cette censure bien utile car l'ajout de nouveau bouton bbcode n'est pas simple.

[alain29]

Cela fonctionne.
Je ne doutais de vous deux!!!!!

[alain29]

Je le met en résolu.
Merci à vous!

[ge80]

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

Ge

[alain29]

Me reste à voir le style de texte ainsi qu'un peu d'orientation de celui ci.

[no_way]

Sympa ^^
Tu peux faire pas mal de choses en CSS oui.
@++ alain29

[alain29]

C'est en faisant des co***** que l'on apprend....

[FANCH 56]

Heu Junior ! (alain29) ton truc c'est valable pour A.C.B. en invision ?

Si oui tu me mets la marche à suivre dans le forum : Essais de code SVP. Merki !

[no_way]

C'est en faisant des co***** que l'on apprend....

C'est tellement vrai

[ge80]

Heu Junior ! (alain29) ton truc c'est valable pour A.C.B. en invision ?

Valable pour tout type de forum.