Problème code à copier/coller de signature Bouton_activeProblème code à copier/coller de signature Bouton_hoverProblème code à copier/coller de signature Fb-hoverProblème code à copier/coller de signature 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
Problème code à copier/coller de signature EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème code à copier/coller de signature EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème code à copier/coller de signature EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème code à copier/coller de signature EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème code à copier/coller de signature EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème code à copier/coller de signature EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème code à copier/coller de signature EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème code à copier/coller de signature EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Problème code à copier/coller de signature

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://colours-of-art.forumactif.com/
Juune
Juune
{ Membre }
{ Membre }

Féminin Messages : 14



Problème code à copier/coller de signature Empty
Bonsoir,
Vu que je suis particulièrement nulle en CSS Embarassed , je n'arrive pas à appliquer ce code pour signature d'Orange : http://www.css-actif.com/t1420-signature-codee
Déjà, je ne sais pas où mettre mon image, je ne sais pas où mettre les titres des liens (j'ai trouvé où mettre le lien mais je ne sais pas où il faut insérer le titre que l'on veut que le lien ait, par exemple sur l'image plus bas, on voit écrit LienLienLien, moi je veux remplacer "lien" par un autre texte), et puis j'ai choisi mes couleurs, pourtant ce sont sont toujours celles d'origine.
Voilà j'ai juste réussi à faire ça :
Problème code à copier/coller de signature Bann10
(le fond violet est celui du forum)
De plus, l'image est plus petite que celle de départ, et un peu "raplatie"

Le code que j'ai mis :
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: #FFCCCC; /* Couleur du fond */
  -moz-border-radius:0px 0px 5px 5px; /* Arrondissement des bordures */
  padding-left: 5px; /* Ajustement */
  padding-right: 5px; /* Ajustement */
}

.footer-link { /* Liens */
  color: #330000; /* 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: #FFCCCC; /* 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>

<body>
<table width="420" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td width="420"><img src="http://i41.servimg.com/u/f41/14/51/05/64/shay_m12.jpg" width="420" height="150" /></td>
  </tr>
  <tr>
 
    <td><div class="footer-sign"><center><a href="http://colours-of-art.forumactif.com/t22-reglement-de-colours-of-art" target="_blank" class="footer-link">Lien</a><a href="http://colours-of-art.forumactif.com/h4-le-staff" target="_blank" class="footer-link">Lien</a><a href="http://colours-of-art.forumactif.com/t86-photo-juune" target="_blank" class="footer-link">Lien</a></center></div></td>
  </tr>
</table>
</body>
</html>



MessageSujet: Problème code à copier/coller de signature   Problème code à copier/coller de signature EmptyMar 01 Mai 2012, 12:43
Revenir en haut Aller en bas
http://serialdesigner.forumactif.fr/
K-Surf
K-Surf
{ Spécialiste }
{ Spécialiste }

Masculin Messages : 1707



Problème code à copier/coller de signature Empty
Alors,

Tu remplace ton code par:
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: #D2C4AA; /* Couleur du fond */
  -moz-border-radius:0px 0px 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 */
  }


-->
</style></head>

<body>
<table width="420" border="0" 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 N°1" target="_blank" class="footer-link">LIEN N°11</a><a href="LIEN N°2" target="_blank" class="footer-link">LIEN N°22</a><a href="LIEN N°3" target="_blank" class="footer-link">LIEN N°33</a></center></div></td>
  </tr>
</table>
</body>
</html>

pour les liens tu cherche cette partie:

Code:
  <td><div class="footer-sign"><center><a href="LIEN N°1" target="_blank" class="footer-link">LIEN N°11</a><a href="LIEN N°2" target="_blank" class="footer-link">LIEN N°22</a><a href="LIEN N°3" target="_blank" class="footer-link">LIEN N°33</a></center></div></td>

Lien N°1 = l'adresse du lien "LIEN N°11" ou LIEN N°11 est le titre du lien "LIEN N°1"
Ainsi de suite
LIEN N°2 = LIEN N°22
LIEN N°3 = LIEN N°33

Ensuite pour l'image tu cherches cette partie:
Code:

<td width="420"><img src="http://www.generation-upload-fr.com/upload2/65571signdefaut.png" width="420" height="150" /></td>

et tu remplace "http://www.generation-upload-fr.com/upload2/65571signdefaut.png" (pas les guillemets eux tu les touches pas Wink...

Ta signature est redimensionnée car cette signature codée à une largeur de 420 et une hauteur de 150 d'ou cette partie du code :
Code:
width="420" height="150"

Voilà je pense t'avoir tous expliquer Wink


MessageSujet: Re: Problème code à copier/coller de signature   Problème code à copier/coller de signature EmptyMar 01 Mai 2012, 13:08
Revenir en haut Aller en bas
http://colours-of-art.forumactif.com/
Juune
Juune
{ Membre }
{ Membre }

Féminin Messages : 14



Problème code à copier/coller de signature Empty
Merci beaucoup Smile !

Le seul soucis c'est que ça ne donne pas comme dans l'aperçu du tutoriel ..
Problème code à copier/coller de signature P11
MessageSujet: Re: Problème code à copier/coller de signature   Problème code à copier/coller de signature EmptyMar 01 Mai 2012, 13:25
Revenir en haut Aller en bas
http://serialdesigner.forumactif.fr/
K-Surf
K-Surf
{ Spécialiste }
{ Spécialiste }

Masculin Messages : 1707



Problème code à copier/coller de signature Empty
Je pense que là il faut demander à Orange, mais je pense qu'il faut ajouter élément manquant dedans:

Code:
.footer-sign { /* Barre au bas de la signature */
  background-color: #D2C4AA; /* Couleur du fond */
  -moz-border-radius:0px 0px 5px 5px; /* Arrondissement des bordures */
  padding-left: 5px; /* Ajustement */
  padding-right: 5px; /* Ajustement */
}

MessageSujet: Re: Problème code à copier/coller de signature   Problème code à copier/coller de signature EmptyMar 01 Mai 2012, 13:34
Revenir en haut Aller en bas
http://colours-of-art.forumactif.com/
Juune
Juune
{ Membre }
{ Membre }

Féminin Messages : 14



Problème code à copier/coller de signature Empty
ça marche pas :/
D'accord, en espérant qu'il passe par là alors, sinon c'est pas grave Smile en tout cas merci, au pire je ferai avec ce que j'ai.
MessageSujet: Re: Problème code à copier/coller de signature   Problème code à copier/coller de signature EmptyMar 01 Mai 2012, 13:47
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Problème code à copier/coller de signature Empty
Hello !
Le problème est-il toujours d'actualité ?
Si oui, peux-tu le préciser de nouveau afin que les codeurs puissent éventuellement t'aider.
Merci d'avance Problème code à copier/coller de signature 926145
MessageSujet: Re: Problème code à copier/coller de signature   Problème code à copier/coller de signature EmptyLun 07 Mai 2012, 13:28
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Problème code à copier/coller de signature Empty
Bonjour Juune,
Sans nouvelles depuis une dizaine de jour, ton sujet est considéré comme résolu et archivé.
Merci de ta compréhension. Smile
MessageSujet: Re: Problème code à copier/coller de signature   Problème code à copier/coller de signature EmptyMer 09 Mai 2012, 23:32
Revenir en haut Aller en bas
Contenu sponsorisé




Problème code à copier/coller de signature Empty
MessageSujet: Re: Problème code à copier/coller de signature   Problème code à copier/coller de signature Empty
Revenir en haut Aller en bas
 

Problème code à copier/coller de signature

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

 Sujets similaires

-
» Problème à propos du code à copier-coller ''Codages de catégorie (2)''
» Code CSS anti copier / coller
» problème avec un css copier /coller
» copier/coller
» Copier coller avec increment

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