CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Signature codée beug ou perso | |
| Invité Invité
| - 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: #00e000; /* 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: 20px; /* Taille du texte */
}
.footer-link:hover { /* Liens survolés */ color: #ffff18; /* 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: 5px; /* Ajustement */ margin-right: 3px; /* Ajustement */ }
--> </style></head>
<center><body> <table width="420" border="5" cellspacing="0" cellpadding="0"> <tr>
<td width="420"><img src="http://www.generation-upload-fr.com/upload2/65571signdefaut.png" width="420" 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> Vla, j'ai posez mon probleme dans le tuto d'orange pour faire une signa codée mais personne n'as répondu donc je vient la, j'aimmerais mettre une barre en fond des liens, ainssi qu'un "•" avant les liens quand ils se survolent+séparation des liens Malgres tout ce que j'ai modifier rien na marcher (j'ai GC) |
Dernière édition par Joris le Sam 20 Mar 2010, 14:42, édité 1 fois | |
| | | Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour Pour la puce, il suffit simplement de remplacer ceci : - Code:
-
.footer-link:hover:before { /* Ajout de flèche avant le lien survolé */ content: "►"; margin-left: 5px; /* Ajustement */ margin-right: 3px; /* Ajustement */ } Par ceci : - Code:
-
.footer-link:hover:before { /* Ajout de flèche avant le lien survolé */ content: "•"; margin-left: 5px; /* Ajustement */ margin-right: 3px; /* Ajustement */ } Pour le reste, j'avoue ne pas trop comprendre ce que vous demandez... Pourriez-vous être plus explicite ? Amicalement ^^ | | |
| | | Invité Invité
| Dsl de te décevoir mais sa marche pas, j'aimmerais aussi savoir comment mettre la barre en dessous de la signa (d'habitude elle devrait faire fond a mes liens) et que les liens et un espace entre eux et une couleur particulière, mais malhereusement, malgres tout cde que j'ai changer bah rien a fonctionner | | |
| | | Imari
{ Membre hyper-actif }
Messages : 1538
| J'ai testé et ça marche...
Où mettez-vous ce code s'il vous plaît ? | | |
| | | Invité Invité
| Dans une page de nimporte quel fow - 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: #00e000; /* 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: 20px; /* Taille du texte */
}
.footer-link:hover { /* Liens survolés */ color: #ffff18; /* 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: 5px; /* Ajustement */ margin-right: 3px; /* Ajustement */ }
--> </style></head>
<center><body> <table width="420" border="5" cellspacing="0" cellpadding="0"> <tr>
<td width="420"><img src="http://www.generation-upload-fr.com/upload2/65571signdefaut.png" width="420" 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> J'aimmerais aussi que tu résous mes autres problemes si tu le sait ce qui cloche | | |
| | | Imari
{ Membre hyper-actif }
Messages : 1538
| Alors déjà, c'est normal que ça ne marche pas ^^ Ceci est une signature en I-frame qu'il faut héberger dans une page HTML que tu peux générer dans les modules (tout en bas dans l'onglet "Modules" du Panneau Admin). Ensuite, pour la voir s'afficher n'importe où, c'est ce code-ci qu'il te faut placer : - Code:
-
<iframe src="http:// l'adresse de la page html où tu as hébergé l'I-Frame" width="selon la largeur de la signe" height="selon la hauteur de la signe" scrolling="no" FRAMEBORDER="no"></iframe> Et sur la page HTML que tu auras créé, tu as le bouton prévisualisation qui te permettra de voir les changements que tu effectues et si tu arrives au résultat souhaité, n'oublie pas d'enregistrer surtout EDIT : j'ai retesté et ça me donne ça : - Spoiler:
| | |
| | | Invité Invité
| Perfect, je peux rajouter une barre en bas qui défile a la place des liens?? | | |
| | | Invité Invité
| ok donc probleme résolue, désoler pour le français je suis plus espagnole que français A locker! | | |
| | | Contenu sponsorisé
| | | | | Signature codée beug ou perso | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
|