Signature codée beug ou perso Bouton_activeSignature codée beug ou perso Bouton_hoverSignature codée beug ou perso Fb-hoverSignature codée beug ou perso Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Signature codée beug ou perso EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Signature codée beug ou perso EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Signature codée beug ou perso EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Signature codée beug ou perso EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Signature codée beug ou perso EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Signature codée beug ou perso EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Signature codée beug ou perso EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Signature codée beug ou perso EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

Partagez
 

Signature codée beug ou perso

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




Signature codée beug ou perso Empty
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
MessageSujet: Signature codée beug ou perso   Signature codée beug ou perso EmptyVen 19 Mar 2010, 15:37
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Signature codée beug ou perso Empty
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 ^^
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso EmptyVen 19 Mar 2010, 21:55
Revenir en haut Aller en bas
Invité
Invité




Signature codée beug ou perso Empty
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 Wink
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso EmptySam 20 Mar 2010, 03:25
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Signature codée beug ou perso Empty
J'ai testé et ça marche...

Où mettez-vous ce code s'il vous plaît ?
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso EmptySam 20 Mar 2010, 09:39
Revenir en haut Aller en bas
Invité
Invité




Signature codée beug ou perso Empty
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 Wink
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso EmptySam 20 Mar 2010, 10:01
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Signature codée beug ou perso Empty
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 Wink

EDIT : j'ai retesté et ça me donne ça :

Spoiler:
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso EmptySam 20 Mar 2010, 10:09
Revenir en haut Aller en bas
Invité
Invité




Signature codée beug ou perso Empty
Perfect, je peux rajouter une barre en bas qui défile a la place des liens??
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso EmptySam 20 Mar 2010, 11:28
Revenir en haut Aller en bas
Invité
Invité




Signature codée beug ou perso Empty
ok donc probleme résolue, désoler pour le français je suis plus espagnole que français Very Happy
A locker!
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso EmptySam 20 Mar 2010, 14:42
Revenir en haut Aller en bas
Contenu sponsorisé




Signature codée beug ou perso Empty
MessageSujet: Re: Signature codée beug ou perso   Signature codée beug ou perso Empty
Revenir en haut Aller en bas
 

Signature codée beug ou perso

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Signature codée
» Signature Codée
» Problème avec une signature codée.
» Signature codée
» Signature codée avec Onglets

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit