| Signature codée (messages) | |
|
Invité Invité
| Désolé d'embêter déjà, mais, il manque la partie "CSS" de ce tutoriel ... La partie "HTML" marche très bien, mais comment savoir pour l'afficher en signature et modifier les couleurs via le CSS ? Merci d'avance ! | | |
|
| |
Invité Invité
| Il ne manque pas la partie CSS. Elle a été intégré dans le code HTML entre les balises - Code:
-
<style> </style> C'est tout ceci : - Code:
-
<style> a:hover { text-decoration: none; font-weight: bold; color: black; text-transform: uppercase; } a:active { text-decoration: none; font-weight: bold; color: black; text-transform: uppercase; } a:link { font-weight: bold; color: black; text-transform: uppercase; } a:visited { text-decoration: none; color: black; text-transform: uppercase; font-weight: bold; } .categling { border-left: 10px solid #317b4a; border-right: 10px solid #317b4a; margin: 0px 0px 8px; padding: 3px; font-size: 10px; text-align: center; text-decoration: none; text-transform: uppercase; display: block; color: #ffffff; font-weight: bold; background-color: #6eb76e; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; } .categling:hover { border-left: 10px solid #1b881b; border-right: 10px solid #1b881b; margin: 0px 0px 8px; font-size: 10px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #333333; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; background-color: #92f492; } body { color: #838383; } </style> | | |
|
| |
Invité Invité
| Han, j'ai bugué sur le "CSS" marqué en dessous. Merci de la précision, et encore désolé *va se coucher x___x* | | |
|
| |
Skaëlle
{ Membre }
Messages : 12
| Hargh, je suis désolée de vous déranger mais j'ai un pitit soucis sous IE... EN fait, les iframe font tout un fond blanc et très moche derrière le rendu, comment y remédier...? Micii d'avance! | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Tu peux changer la couleur de fond via "body" dans le CSS, mais il n'y a pas d'autre solution | | |
|
| |
Skaëlle
{ Membre }
Messages : 12
| D'accord d'accor, je vais simplement mettre ma couleur de fond c'est pas sorcier /O Merci beaucoup | | |
|
| |
Gridou
{ Membre }
Messages : 43
| désolée de vous embêter, mais j'avais juste une question par rapport à ce code : il faut le mettre où pour que la signature apparaisse ? o_O
merci d'avance | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| |
| |
Gridou
{ Membre }
Messages : 43
| aaah d'accord, bah c'est rien, je sais déjà faire ça XD merci ^^ | | |
|
| |
RoOtS
{ Membre }
Messages : 4
| Merci Pour ce code ! | | |
|
| |
Paparazziie
{ Membre }
Messages : 79
| Oh merci ! je cherchais justement un truc dans ce genre là ! | | |
|
| |
TakaChan
{ Membre }
Messages : 47
| Bonsoir, j'ai un problème j'ai voulu mettre le premier code donner dans mon CSS mais une fois valider sa m'affiche un message (voir ci-dessous) : "Votre CSS a bien été mis à jour. Remarque : Les balises html génèrent des erreurs dans les feuilles de style. Une correction vient donc d'être effectuée afin de supprimer les balises html que vous avez placées dans la feuille de style." Est-ce normal? ou est-ce que je dois prendre le 2eme code donner??!! Merci d'avance | | |
|
| |
Orange
RocketMan
Messages : 3086
| Aucune partie de ce tuto ne doit être placé dans le code CSS de ton forum. Le code donné pour Loumina doit être coller dans une page HTML selon ce tuto. | | |
|
| |
TakaChan
{ Membre }
Messages : 47
| Okkk merci, mais justement j'ai rien compris au tuto donner la! | | |
|
| |
Loumina
{ Membre actif }
Messages : 308
| Takachan ; de quel tuto parles-tu ? | | |
|
| |
TakaChan
{ Membre }
Messages : 47
| De celui-ci : TutoJe sais pas ou mettre déjà le code de ce tuto, mais celui du lien donner par Orange, je sais déjà qu'il faut placer son code sur l'un des éditeurs comme blocnote, et de l'enregistrer au format htm. Ensuite, on héberge sur archive-host, et on récupère l'URL. Mais moi, j'ai pas compris pour le code donner de ce sujet!! :/ Il faut le mettre ou s'il vous plait!? Merci d'avance! | | |
|
| |
Loumina
{ Membre actif }
Messages : 308
| Alors le code de ce tuto il faut le mettre dans un editeur du genre blocnote. Puis tu suis le tuto que tu donnes en lien ! ^^ | | |
|
| |
TakaChan
{ Membre }
Messages : 47
| Bon alors j'ai mis le code de ce tuto dans blocnote et enregistré au format htm. pour par la suite héberger avec Archive-host (qui d'ailleurs j'ai rien compris a ce site) j'ai réussi a héberger quand même, même si je sais pas si j'ai bien réussi. J'ai eu plein de code HTML etc...je sais pas ou le mettre... ça va faire je ne sais pas combien de fois j'ai lus et relus les 2 tuto et je n y arrive toujours pas! Perso, il ne faut pas mal le prendre mais je trouve que c'est un peu mal expliquer! Peut-être une explication avec des démonstrations en images serai plus sympa car la j'ai essayer et pas moyen! >_< | | |
|
| |
Kanami-Kawaii
{ Membre }
Messages : 87
| Takachan, sinon, tu peux toujours créer une page HTML. Tu vas dans PA --> Modules --> Gestion des pages HTML Tu cliques sur "créer une nouvelle page HTML", tu y met un titre (n'importe), tu coches "non" au deux questions en dessous puis, dans le gros cadre de texte plus bas, tu y met le code de ta signature. Une fois fait, valide ta page. Tu vas devoir recliqué sur le lien "gestion des pages HTML" pour accéder à la liste de tes pages. Dans la liste, tu trouveras facilement la page que tu viens de crée, et tu peux de suite récupérer le lien (copier) que tu insères dans ce code : - Code:
-
<iframe src="ADRESSE URL" style="height: TAILLEpx; width: TAILLEpx; background:transparent;" frameborder="no"; scrolling="no"></iframe> Comme tu as pu voir, ADRESSE URL est à remplacer par l'adresse de ta page HTML, crée une minute avant. Ensuite (ne te fait pas avoir comme moi ) remplace TAILLE par la taille de ta signature (moi j'ai mis 200 height, hauteur, et 600 width, largeur). Enfin, tu copies/colles l'ensemble du code dans ta signature, tu valide et elle y apparaitra En espérant t'avoir éclaircie les choses Kanami | | |
|
| |
aweyh
{ Membre }
Messages : 9
| Merci beaucoup pour ce tuto ! J'ai réalisé la mienne : https://sd-2.archive-host.com/membres/up/9542351525685990/Signature_By_Aweyh.htm | | |
|
| |
Contenu sponsorisé
| |
| |
| Signature codée (messages) | |
|