Signature codée avec Onglets Bouton_activeSignature codée avec Onglets Bouton_hoverSignature codée avec Onglets Fb-hoverSignature codée avec Onglets 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 avec Onglets EmptyLun 03 Juin 2024, 17:20 par birds

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

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

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

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

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

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

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

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
Voir le deal

Partagez
 

Signature codée avec Onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://oath-guild.forumactif.org/
LazuliNight
LazuliNight
{ Membre }
{ Membre }

Masculin Messages : 33



Signature codée avec Onglets Empty
Bonjour, bonsoir à vous !

Voilà, cela fait pas mal de temps que j'utilise une même signature (appartenant à Silver°Dragon) mais je viens récemment de changer de navigateur, je suis donc passé de Chrome à Firefox. Pour l'instant rien de bien méchant, mais là ça se "complique", la signature qui est sensé fonctionné sous chrome/firefox, n'accepte plus les bordures arrondi sous firefox :/

J'ai, pour modification changer seulement certaines couleurs, agrandi quelque peu les cadres et j'ai modifié les choses à personnalisé !

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>Signature by Silverфragon</title>


<style type="text/css">

span{
  float:none;
  padding:12px;
  }

.bloc_texte{
  position:absolute;
  left:12px;
  top:10px;
  left: 140px;
  width :580px; 
  height:275px;
color: #7a5439;
 font-size: 11px;
 font-family:Kristen ITC; 
 text-decoration: none;
 border-bottom: 5px #7a5439 solid; 
 border-top: 6px #7a5439 solid;
 border-right: 2px #7a5439 solid;
 border-left: 2px #7a5439 solid; 
text-shadow: #ffffff 2px 2px 3px; 
 display:block;
-moz-border-radius: 0px 30px 0px 30px;
-webkit-border-radius:  0px 30px 0px 30px;
-moz-box-shadow: 1px 2px 2px 3px #000000;
-webkit-box-shadow: 1px 2px 2px 3px #000000;
background-color: #FFFFFF;
text-align: justify; }

.titre{
  font-size:11px; 
 border-bottom: 5px #7a5439 solid;
 border-top: 6px #7a5439 solid;
 border-right: 2px #7a5439 solid;
 border-left: 2px #7a5439 solid;
text-shadow: #FFFFFF 0px 0px 3px;
 -moz-box-shadow: 1px 2px 2px 3px #000000;
-webkit-box-shadow: 1px 2px 2px 3px #000000;
-moz-border-radius:  0px 30px 0px 30px;
-webkit-border-radius:  0px 30px 0px 30px;
width : 110px;
height: 45px; 
background-image: url('http://www.flikie.com/wp-content/uploads/2011/03/Patterns_20110304_Flower-pattern.jpg');
text-align: center;
padding:4px;
color: #ffffff; }

.menu{
  font-size:11px;
 border-bottom: 5px #7a5439 solid; 
 border-top: 6px #7a5439 solid; 
 border-right: 2px #7a5439 solid;
 border-left: 2px #7a5439 solid;
text-shadow: #FFFFFF 0px 0px 3px; 
 -moz-box-shadow: 1px 2px 2px 3px #000000;
-webkit-box-shadow: 1px 2px 2px 3px #000000;
-moz-border-radius:  0px 0px 30px 30px; 
-webkit-border-radius:  0px 0px 30px 30px; 
background-image: url('http://www.flikie.com/wp-content/uploads/2011/03/Patterns_20110304_Flower-pattern.jpg');
height: 20px;
width: 315px; 
text-align: center;
padding: 4px;
top: 30px;
margin-left: 220px;
margin-top: -10px;
color: #ffffff; }

.ligne{
  font-size:10px;
 border-bottom: 5px #7a5439 solid;
 border-top: 6px #7a5439 solid;
 border-right: 2px #7a5439 solid; 
 border-left: 2px #7a5439 solid; 
text-shadow: #FFFFFF 0px 0px 3px; 
 -moz-box-shadow: 1px 2px 2px 3px #000000;
-webkit-box-shadow: 1px 2px 2px 3px #000000; 
-moz-border-radius:  0px 30px 30px 0px; 
-webkit-border-radius:  0px 30px 30px 0px; 
background-image: url('http://www.flikie.com/wp-content/uploads/2011/03/Patterns_20110304_Flower-pattern.jpg');
height: 175px; 
width: 15px; 
text-align: center; 
padding: 4px;
top: -5px;
margin-left: 720px;
margin-top: -294px;
color: #FFFFFF; }
.ligne:hover{cursor:pointer;}

/* CSS du Texte */

a {text-shadow: #7a5439 0px 0px 3px; color: #FFFFFF;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
a:hover{font-variant: small-caps;}


/* FIN DU CSS du Texte */


</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
<!--
jQuery().ready(function(){
  $(".bloc_texte").hide();
  $("#1").show();
  $(".titre").mouseover(function(){
      if($(this).next("div").is(":hidden")){                 
        $(".titre").next("div:visible").hide();
        $(this).next("div").show();
      }
  }); 
});
-->
</script>

</head>


<body>
<span><h1 class="titre"><p align="center">Signature</p></h1><div class="bloc_texte" id="1"><img align="center" src="http://uppix.net/1/a/4/574143c00416f344fabca89990428.png" border="0" alt="Jessica *-* <3"></div></span>

<span><h1 class="titre"><p align="center">Signature2</p></h1><div class="bloc_texte"><a href="http://adf.ly/2010552/http://www.nautiljon.com/people/2ne1.html" class="postlink" target="_blank" rel="nofollow"><img align="center" src="http://i40.servimg.com/u/f40/14/60/44/09/bommie11.jpg" border="0" alt="Bommie *o*"></a></div></span>

<span><h1 class="titre"><p align="center">Signature3</p></h1><div class="bloc_texte"><img align="center" src="http://uppix.net/4/d/5/7d83b713a5936cc60bcefd1e7adb4.png" border="0" alt="Airi Suzuki *-*"></div></span>
<br>

<div class="menu"><a href="http://symbiose.guildmmorpg.com/privmsg?mode=post&u=8" >Tofu Voyageur</a> ~ <a href="http://symbiose.guildmmorpg.com/u8" >Profil</a> ~ <a href="http://symbiose.guildmmorpg.com/u8rpg" >Feuille Perso</a> ~ <a href="url-de-la-page" >A venir</a></div>
<div class="ligne"><br><br>H<br>y<br>o<br><br><br>J<br>i<br>n</div>
</body>
</html>

Pour vous montrer ce que cela fait :
Spoiler:

J'ai cherché par moi-même comment résoudre le problème, ayant tout de même une petite base en codage, mais je n'ai pas sur voir le pourquoi du comment.

J'espère que vous pourrez m'aider à résoudre ce petit problème !

Cordialement,
LazuliNight.

PS : J'espère, par la même occasion, que ce ne sera pas un doublon, j'ai cherché dans les aides mais je n'ai pas trouvé ce que je cherchais alors je poste se message !
MessageSujet: Signature codée avec Onglets   Signature codée avec Onglets EmptyJeu 25 Avr 2013, 23:08
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Signature codée avec Onglets Empty
Bonjour,

J'ai édité ton message, mais merci à l'avenir de penser à utiliser les balises [code] quand tu postes un bout de code.

Pour la question des bordures arrondies, et des ombres également, ton problème est tout à fait normal. Actuellement, les spécifications CSS3 de border-radius (et box-shadow) sont implémentées dans les dernières versions de firefox. En d'autres termes, la propriété -moz-border-radius n'est plus utile que pour les "vieilles" versions de firefox et tu dois utiliser border-radius (sans -moz- devant) pour la compatibilité avec les navigateurs récents.
MessageSujet: Re: Signature codée avec Onglets   Signature codée avec Onglets EmptyVen 26 Avr 2013, 19:30
Revenir en haut Aller en bas
http://oath-guild.forumactif.org/
LazuliNight
LazuliNight
{ Membre }
{ Membre }

Masculin Messages : 33



Signature codée avec Onglets Empty
Ah je comprend mieux ! Merci Christa !

Et désolé pour t'avoir fait édité mon poste ^^'
MessageSujet: Re: Signature codée avec Onglets   Signature codée avec Onglets EmptySam 27 Avr 2013, 00:47
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Signature codée avec Onglets Empty
Ton problème est-il résolu ? Pense à éditer le titre de ton message avec le tag [résolu] s'il te plait.
MessageSujet: Re: Signature codée avec Onglets   Signature codée avec Onglets EmptyDim 28 Avr 2013, 05:49
Revenir en haut Aller en bas
http://www.school-of-pub.net/forum.htm
Murtagh
Murtagh
{ Modérateur }
{ Modérateur }

Masculin Messages : 1492



Signature codée avec Onglets Empty
Bonjour,

Cela fait près d'une semaine que votre problème est sans réponse. Toujours d'actualité ? Merci de nous le dire sous quatre jours sans quoi ce sujet sera verrouillé.

Bon Week-end. Smile
MessageSujet: Re: Signature codée avec Onglets   Signature codée avec Onglets EmptySam 04 Mai 2013, 08:28
Revenir en haut Aller en bas
Contenu sponsorisé




Signature codée avec Onglets Empty
MessageSujet: Re: Signature codée avec Onglets   Signature codée avec Onglets Empty
Revenir en haut Aller en bas
 

Signature codée avec Onglets

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

 Sujets similaires

-
» Signature codée avec onglets
» Problème avec une signature codée.
» Petit problème avec la signature codée...
» Problème avec la Signature Codée. [Résolu]
» Signature codée

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