| | Signature codée (messages) |  |
|
|
 Félina 
{ Membre }
 Messages : 57
 | merci d'avance (à tester pour ma part) | | |
|
| | |
md1991
{ Membre }
Messages : 19
| Merci, ça marche super bien | | |
|
| | |
La-Tinaaah
{ Membre }
Messages : 4
| - Parady a écrit:
- Parady a écrit:
- Moi même si ma signature est activée, on ne la voit pas xO
Moi Aussi ! O____O" J'ai activé dans mon profil et sur mon forum, ça marche toujours pas ._." | | |
|
| | |
L*
{ Membre }
Messages : 21
| Merci beaucoup, ça marche très bien chez moi  | | |
|
| | |
Sadness
{ Membre }
 Messages : 36
| Bonjour, J'ai lu (3 fois) et je n'y arrive toujours pas  Où est-ce que je peux demander un petit peu d'aide ? Merci d'avance^^ | | |
|
| | |
Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Bonjour,
Quelle est la partie que tu ne comprends pas, exactement? | | |
|
| | |
Sadness
{ Membre }
Messages : 36
| Bonjour,
Dans sa totalité, je n'y arrive pas.
Malgré les explications données plus haut je me perds dans les codes :/ | | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Donc n'oublie pas que tu dois suivre le tuto suivant pour installer le code~ http://www.css-actif.com/facile-f34/anti-votre-signature-est-trop-longue-t1071.htm Je te l'accorde, ce tuto peut être un peu difficile à comprendre, mais je ais te faire un résumé de la méthode la plus simple~ Dooonc tu vas dans le panneau d'admin de ton forum, Modules -> Gestion des pages html. Tu en crées une~ Tu peux l'appeler comme tu veux, par exemple "Signa codée", tu laisses les trucs cochés comme que c'est déjà, et ensuite tu arrives à un méga gros éditeur de texte. Là dedans, tu colles au complet le code donné par Orange. Si tu veux que je te décortique les différentes parties du code pour que tu puisses t'en faire une toi-même par après, dis-moi le~ Après avoir collé le tout, tu enregistres, tu reviens à ta page de gestion des pages html. Maintenant, retour au tuto de Loumina. Ça c'est le code à mettre comme signature: - Code:
-
<iframe src="ADRESSE URL" style="height: TAILLEpx; width: TAILLEpx; background:transparent;" frameborder="no"; scrolling="no"></iframe> Tu remplaces ADRESSE URL par le lien de ta page html. Tu le trouve dans la page de gestion des pages html. Tu mets une taille en pixel à height pour la hauteur et une taille en pixels à width pour la largeur. Si c'est coupé, tu augmentes les valeurs, s'il y a un trop grand espace, tu diminues les valeurs. Voilà, j'espère que mes explications t'ont éclaircis le tuto  | | |
|
| | |
Sadness
{ Membre }
Messages : 36
| Là c'est très bien, j'ai un très bon début par contre à quel endroit du long code de Orange, je trouve pour mettre l'image de ma signature ?
En tout cas merci, là j'y arrive *o* | | |
|
| | |
Sadness
{ Membre }
Messages : 36
| Je ne trouve pas le bouton éditer  Juste te dire que j'ai trouvé et qu'il me reste plus qu'à changer les couleurs (le fond et liens) mais ça j'ai trouvé. Et pour centrer j'ai vu le code sur le tuto alors ça devrait aller. Merci pour ton aide, et bonne journée à toi (où plutôt nuit^^) | | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| De rien, ça a fait plaisir de t'aider :DD | | |
|
| | |
Tupac
{ Membre actif }
Messages : 368
| Bonsoir ou bonjour Voila je voudrais mettre une 2 ème barres de lien en haut de l'image mais a chaque fois que j'essaie soit mon image est décalée ou c'est la barre de lien est décalée. Pour le css je serais le faire mais j'aurais besoin d'aide pour la barre. En vous remerciant. - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- .footer-sign { /* Barre au bas de la signature */ background-color: #68FE95; /* Couleur du fond */ -moz-border-radius:0px 0px 10px 10px; /* Arrondissement des bordures */ padding-left: 5px; /* Ajustement */ padding-right: 5px; /* Ajustement */ } .footer-link { /* Liens */ color: #1F1F1F; /* Couleur du texte */ font-variant: small-caps; /* Variante: petites majuscules */ text-decoration: none !important; /* Éviter le soulignement des lien */ margin-right: 20px; /* Ajustement */ font-size: 12px; /* Taille du texte */ } .footer-link:hover { /* Liens survolés */ color: #4B4B4B; /* Couleur du texte */ text-transform: uppercase; /* Texte en majuscule */ } .footer-link:before { /* Ajout du carré avant le lien */ content: "•"; margin-left: 3px; /* Ajustement */ margin-right: 3px; /* Ajustement */ } .footer-link:hover:before { /* Ajout de flèche avant le lien survolé */ content: "►"; margin-left: 3px; /* Ajustement */ margin-right: 3px; /* Ajustement */ } --> </style></head> <center><body> <table width="400" border="0" cellspacing="0" cellpadding="0"><tr> <td width="400"><img src="http://img412.imageshack.us/img412/4711/20101229023737.png" width="400" height="150" /></td> </tr> <tr><td><div class="footer-sign"><center><a href="lien" target="_blank" class="footer-link">lien</a><a href="lien" target="_blank" class="footer-link">lien</a><a href="lien" target="_blank" class="footer-link">lien</a></center></div></td> </tr> </table> </body></center> </html>
| | |
|
| | |
Tupac
{ Membre actif }
Messages : 368
| J'ai pu résoudre mon problème grâce au générateur de tableaux.
Bonne journée a tous | | |
|
| | |
voltie
{ Membre }
Messages : 104
| J'ai une technique ^^ - Code:
-
.footer-sign { /* Barre au bas de la signature */
background-color: #D2C4AA; /* Couleur du fond */
-moz-border-radius:5px 5px 5px 5px; /* Arrondissement des bordures */
padding-left: 5px; /* Ajustement */
padding-right: 5px; /* Ajustement */
}
.footer-link { /* Liens */
color: #1F1F1F; /* Couleur du texte */
font-variant: small-caps; /* Variante: petites majuscules */
text-decoration: none !important; /* Éviter le soulignement des lien */
margin-right: 20px; /* Ajustement */
font-size: 12px; /* Taille du texte */
}
.footer-link:hover { /* Liens survolés */
color: #4B4B4B; /* Couleur du texte */
text-transform: uppercase; /* Texte en majuscule */
}
.footer-link:before { /* Ajout du carré avant le lien */
content: "•";
margin-left: 3px; /* Ajustement */
margin-right: 3px; /* Ajustement */
}
.footer-link:hover:before { /* Ajout de flèche avant le lien survolé */
content: "►";
margin-left: 3px; /* Ajustement */
margin-right: 3px; /* Ajustement */
} dans la css est voila ^^ | | |
|
| | |
voltie
{ Membre }
Messages : 104
| Iko comment ta fait pour faire un affichage au dessus aussi ^^? Tu pourrai nous donnez le code qui a été rajouter stp ? | | |
|
| | |
. MAL .
{ Membre }
Messages : 21
| Billy : le code du bas... - Code:
-
<tr><td><div class="footer-sign"><center><a href="lien" target="_blank" class="footer-link">lien</a><a href="lien" target="_blank" class="footer-link">lien</a><a href="lien" target="_blank" class="footer-link">lien</a></center></div></td></tr> ...tu le copies/colles juste après la balise "table", et alors faut que tu changes la class par une nouvelle class CSS (perso je l'ai appelé "footer-sign2" xD), pour pouvoir changer l'arrondi du bas et le mettre en haut. Je sais pas si c'est très compréhensible ^^' | | |
|
| | |
voltie
{ Membre }
Messages : 104
| Iko mici ^^ ^^ je vais tester ^^ | | |
|
| | |
kiflesjaps
{ Membre }
Messages : 34
| aidez mo is'il vous plait je n'est pas tres bien compris ce tuto je crois. Alors voila ceci, je dois le mettre ou en clair ? - Spoiler:
et celui ci ? - Spoiler:
en fait je doit mettre quoi dans quoi s'il vous plait ! merci d'avance ! | | |
|
| | |
Luxuary Sakuraba'
{ Membre }
Messages : 138
| Le code donné par Orange dans le premier poste, tu dois le personnalisé par le bai d'une page HTML (sur ton forum par exemple), quand c'est fait, tu valides ta page et tu vas sur le tutoriel aussi donner dans le premier poste, permettant d'afficher ta signature sans problème.
Pour moi, j'aimerais rajouter une barre au dessus de la signature (un peu comme la signature d'Iko) . Je n'ai pas encore toucher au code pour le moment x_x je cherche toujours, quelqu'un saurait éclairer ma lanterne ?
Merci d'avance! | | |
|
| | |
Tupac
{ Membre actif }
Messages : 368
| Slt Luxuary Sakuraba' Voila le code au complet. - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- .footer-one { /* Barre au bas de la signature */ background-color: #68FE95; /* Couleur du fond */ -moz-border-radius:10px 10px 0px 0px; /* Arrondissement des bordures */ padding-left: 5px; /* Ajustement */ padding-right: 5px; /* Ajustement */ } .footer-two { /* Barre au bas de la signature */ background-color: #68FE95; /* Couleur du fond */ -moz-border-radius:0px 0px 10px 10px; /* Arrondissement des bordures */ padding-left: 5px; /* Ajustement */ padding-right: 5px; /* Ajustement */ } .footer-link { /* Liens */ color: #1F1F1F; /* Couleur du texte */ font-variant: small-caps; /* Variante: petites majuscules */ text-decoration: none !important; /* Éviter le soulignement des lien */ margin-right: 20px; /* Ajustement */ font-size: 12px; /* Taille du texte */ } .footer-link:hover { /* Liens survolés */ color: #4b5cd7; /* Couleur du texte */ text-transform: uppercase; /* Texte en majuscule */ } .footer-link:before { /* Ajout du carré avant le lien */ content: "•"; margin-left: 3px; /* Ajustement */ margin-right: 3px; /* Ajustement */ } .footer-link:hover:before { /* Ajout de flèche avant le lien survolé */ content: "►"; margin-left: 3px; /* Ajustement */ margin-right: 3px; /* Ajustement */ } --> </style></head> <center><body> <table style="width: 100%; border-collapse:collapse;"> <td><div class="footer-one"><center><a href="url lien" target="_blank" class="footer-link">lien</a><a href="url lien" target="_blank" class="footer-link">lien</a><a href="url lien" target="_blank" class="footer-link">lien</a></center></div></</td> </tr> <td><img src="http://img220.imageshack.us/img220/508/20110129035228.png" height="130" width="350"></td> </tr> <td><div class="footer-two"><center><a href="url lien" target="_blank" class="footer-link">lien</a><a href="url lien" target="_blank" class="footer-link">lien</a><a href="url lien" target="_blank" class="footer-link">lien</a> </center></div></td></tr></table> </body></center> </html>
| | |
|
| | |
Luxuary Sakuraba'
{ Membre }
Messages : 138
| Merci bien, c'est gentil à toi :3! | | |
|
| | |
Tupac
{ Membre actif }
Messages : 368
| Mais de rien ça me fait plaisir. Bonne journée.  | | |
|
| | |
Raito
{ Membre }
Messages : 64
| Pour ma part le code ne marche pas mais ce n'est pas grave. Merci du partage. | | |
|
| | |
Shio
{ Membre }
Messages : 6
| J'aimerai savoir comment remplacer le fond uni par une pattern, car quand j'ai remplacé - Code:
-
background-color: #68FE95; /* Couleur du fond */ par - Code:
-
background-image: url("http://www.picdo.net/fichiers/2011/2/19/e49c9f69-dc51-4774-afbc-96feccdb5e7b_tro.jpeg") Cela n'a pas marché... pourquoi ? Cordialement, Shio | | |
|
| | |
Tupac
{ Membre actif }
Messages : 368
| Peut-on avoir votre code svp | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Signature codée (messages) | |
|
