Signature

par Skul Lun 18 Mar 2013 - 14:31

Salut salut !

Alors voilà, sur mon forum je voulais mettre une signature en codage, une image avec du texte superposé dessus, j'ai réussie à trouver des codes, j'ai bidouillée deux trois trucs pour donner un truc qui me convienne, mais voilà, ma signature est trop grande !:$

Voilà le code que j'ai utilisé :

Code:: <div style="position:relative; height:400px"> <div style="position:absolute;z-index:1"> <img src="http://img11.hostingpics.net/pics/527412DiesIrae2.png"> </div> <div style="position:absolute;top:36px; width:457px; height:167px; z-index:2;font-size:200%"> <center><b><span style="text-shadow:#FFFFFF 1px 1px 2px;">[size=9]<< Il est condamné,Le récit de cette pauvre âme,Il est condamné,L'oiseau dans sa cage[...] Une jeune fille gracieuse,Une voie mélodieuse,Souillée pour son innocence [...] Enfermé,Enfermé, L'oiseau captif secoue ses barreaux,Le jeune canari,Le jeune canari, Voit ses ailes salies,Trompé,Trompé,L'oiseau se fait envouter,Il s'est fait capturer,Il s'est fait capturer,Le corps pris dans les fils,Les fils d'un vil péché[...] Ah mais bien sur...mais bien sur... Je suis l'oiseau dans la cage... Dies Irea. Ébranlé, ébranlé,L'oiseau captif brise ses barreaux,Le jeune canari,Le jeune canari, Voit enfin la couleur du ciel,Agité,agité,L'oiseau se laisse envouter,Et avec autant d'élégance, Autant d'élégance,Sa vie lui est ôtée... >> ♥[/size]</span></b></center> </div> </div>

(avec l'image , le texte et un effet que j'ai rajouté au texte sinon on le voyer très mal)

Serait-il possible de raccourcir le code tout en gardant le même résultat ? Sad

Je ne suis pas très forte en codage, tout juste bonne à copier/coller et arranger comme je veux x')

Merci d'avance !

par Matriochka Lun 18 Mar 2013 - 14:34

Bonsoir,

Tu peux utiliser une iframe pour intégrer ta signature, si celle-ci est trop longue.

Voici un tutoriel pour t’aider :
https://forum.forumactif.com/t345798-utiliser-les-pages-html-et-les-iframes-sur-votre-forum

N’hésite pas si tu as des questions sur le sujet Wink

par Skul Lun 18 Mar 2013 - 14:45

Merci !

Donc, en gros, je vais pour ajouter ma page HTML, et dans la partie ou je dois rentrer le code, je met ça

Code:: <!DOCTYPE html> <html lang="fr"> <head> <title>Titre de la page HTML</title> <meta charset="utf-8" /> <style> Styles CSS de la page </style> </head> <body> Corps de la page </body> </html>

Pour le "Style CSS de la page", je met le code qui ira dans ma signature, mais dans "Corps de la page" c'est quoi exactement que je doit mettre ? ><

Et pour le titre de ma page HTML, je dois prendre l'URL de quelle page i je veux que ça aille dans ma signature ?

Désolée c'est la première fois que j'utilise un iframe x'D

par Matriochka Lun 18 Mar 2013 - 14:51

À vrai dire, tu n’as même pas besoin de mettre tout ceci :

Code:: <head> <title>Titre de la page HTML</title> <meta charset="utf-8" /> <style> Styles CSS de la page </style> </head>

Tu peux juste intégrer le code que tu as créé entre les balises body, comme ceci

Code:: <!DOCTYPE html> <html lang="fr"> <body> <div style="position:relative; height:400px"> <div style="position:absolute;z-index:1"> <img src="http://img11.hostingpics.net/pics/527412DiesIrae2.png"> </div> <div style="position:absolute;top:36px; width:457px; height:167px; z-index:2;font-size:200%"> <center><b><span style="text-shadow:#FFFFFF 1px 1px 2px;">[size=9]<< Il est condamné,Le récit de cette pauvre âme,Il est condamné,L'oiseau dans sa cage[...] Une jeune fille gracieuse,Une voie mélodieuse,Souillée pour son innocence [...] Enfermé,Enfermé, L'oiseau captif secoue ses barreaux,Le jeune canari,Le jeune canari, Voit ses ailes salies,Trompé,Trompé,L'oiseau se fait envouter,Il s'est fait capturer,Il s'est fait capturer,Le corps pris dans les fils,Les fils d'un vil péché[...] Ah mais bien sur...mais bien sur... Je suis l'oiseau dans la cage... Dies Irea. Ébranlé, ébranlé,L'oiseau captif brise ses barreaux,Le jeune canari,Le jeune canari, Voit enfin la couleur du ciel,Agité,agité,L'oiseau se laisse envouter,Et avec autant d'élégance, Autant d'élégance,Sa vie lui est ôtée... >> ♥[/size]</span></b></center> </div> </div> </body> </html>

(Par contre fais attention, tu as des balises BBcode dans ton code, là, donc ça ne fonctionnera pas, il faut traduire en HTML)

Et pour le titre de ma page HTML, je dois prendre l'URL de quelle page i je veux que ça aille dans ma signature ?

Là je ne comprends pas trop en revanche… En principe, tu n’as qu’à mettre ton titre (exemple "Ma signature") puis ça te renverra une fois la page créée vers un lien de ce type :

Code:: url_de_ton_forum.forumactif.com/h1-ma-signature

(un exemple, hein)

Une fois que tu auras l’URL dans le listing des pages HTML, il ne te restera plus qu’à mettre l’iframe dans la zone de saisie de ta signature.

par Skul Lun 18 Mar 2013 - 14:56

Merciiiiii ! *o*

Dans mon codage le BBcode ça serait possible de me signaler quelle partie c'est s'iouplait ? >< Par-ce que, à vrai dire, je ne sais pas du tout faire la différence ^^"

Je croyais carrément qu'il fallait mettre le lien ou ce trouverait ma signature moi, qu'elle bécasse Rolling Eyes

par Matriochka Lun 18 Mar 2013 - 14:59

C’est pas grave, on débute tous Smile

Alors pour le BBcode, c’est simple, on l’écrit ainsi : [ ]
Tandis que le HTML : < >

Donc, dans ton code, là, voilà où on trouve les balises BBcode :

Code:: [size=9]

et

Code:: [/size]

par Skul Lun 18 Mar 2013 - 15:06

Ooooook ! :O Merci, vous m’apprenez beaucoup de choses là ! Mr. Green

Si je change les crochets par <> ça marchera toujours mon "size" ?

EDIT: J'ai trouvée xD Il faut mettre

Code:: <FONT size="2">MON TEXTE</FONT><BR>

et changer le 2, par 1,2 ou 3 pour changer la taille ^3^

Par contre, maintenant mon texte sort de l'image -_______- Je l'ai réglé à la taille de l'image, la hauteur et la largeur, j'ai laissée le moins d'espace possible entre les phrases mais ça sort toujours =/

par Matriochka Lun 18 Mar 2013 - 15:11

Ravie de pouvoir t’en apprendre un peu plus sur tout ça Smile

Alors non, si tu modifies juste les crochets, ça ne fonctionnera pas (hélas, ça n’est pas aussi simple).

En HTML on utilise ceci :

Code:: <font size="X"></font>

En remplaçant X par la valeur désirée

par Skul Lun 18 Mar 2013 - 15:15

C'est super aussi le code que vous m'avez donnez, merci ^^
J'avais édité mon message mais entre temps vous avez postée, alors je ne suis pas sur que vous l'ayez vus alors je remet ma question :
"Par contre, maintenant mon texte sort de l'image -_______- Je l'ai réglé à la taille de l'image, la hauteur et la largeur, j'ai laissée le moins d'espace possible entre les phrases mais ça sort toujours =/ "
x)

par Matriochka Lun 18 Mar 2013 - 15:37

Je n’avais pas vu, excuse-moi.

Peux-tu me montrer ce que ça donne, avec une capture d’écran ?

par Skul Mar 19 Mar 2013 - 3:04

Ça marche finalement ! Very Happy

C'était juste que quand je faisais la prévisualisation de ma signature, ça sortait, mais quand j'ai fait ma page HTML avec le même code, ça marchait super bien ! Mr. Green

Merci beaucoup !!

Par contre, quand je met l'iframe dans ma signature, ça met un morceau de mon forum avec ._.

Code:: <iframe src="http://so-pretty2.forumactif.org/h1-signature-rozen-z" height="711" width="460" frameborder="2" scrolling="no"></iframe>

Spoiler:

par Skul Mer 20 Mar 2013 - 10:31

Up ^^"

par Matriochka Mer 20 Mar 2013 - 10:35

Quand tu as créé ta page HTML pour mettre ta signature, tu as coché l’option "Utiliser le haut et le base de la page" ?

par Skul Mer 20 Mar 2013 - 12:23

Ah oui effectivement, je ne savais pas vraiment à quoi ça servait ^^"

J'ai coché "Non" et maintenant ça marche super bien ! Very Happy

Merci ! ♥

Signature

Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature

Re: Signature