Signature

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

Résolu Signature

Message par Skul le Lun 18 Mar 2013 - 18: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 !


Dernière édition par Skul le Mer 20 Mar 2013 - 16:24, édité 3 fois

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature

Message par Matriochka le Lun 18 Mar 2013 - 18:34

Bonsoir,

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

Voici un tutoriel pour t’aider :
http://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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Signature

Message par Skul le Lun 18 Mar 2013 - 18:45

Merci !Very Happy
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

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature

Message par Matriochka le Lun 18 Mar 2013 - 18: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.

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Signature

Message par Skul le Lun 18 Mar 2013 - 18: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

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Signature

Message par Matriochka le Lun 18 Mar 2013 - 18: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]

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Signature

Message par Skul le Lun 18 Mar 2013 - 19: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 =/


Dernière édition par Skul le Lun 18 Mar 2013 - 19:12, édité 1 fois

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature

Message par Matriochka le Lun 18 Mar 2013 - 19: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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Signature

Message par Skul le Lun 18 Mar 2013 - 19: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)

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature

Message par Matriochka le Lun 18 Mar 2013 - 19:37

Je n’avais pas vu, excuse-moi.

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

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Signature

Message par Skul le Mar 19 Mar 2013 - 7: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:

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature

Message par Skul le Mer 20 Mar 2013 - 14:31

Up ^^"

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Signature

Message par Matriochka le Mer 20 Mar 2013 - 14: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" ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Signature

Message par Skul le Mer 20 Mar 2013 - 16: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 ! ♥

Skul
*

Messages : 39
Inscrit(e) le : 16/09/2012

http://mangaactu.fantastique.tv/
Skul 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