Arrondi profil disparu

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

Résolu Arrondi profil disparu

Message par Yalou' le Jeu 7 Juin 2012 - 23:04

Bonjour ou bonsoir,
Voilà il y a quelque jours j'ai changer le template , ainsi que le CSS de forum pour avoir des arrondi au niveau des profils. Tout était très bien jusqu'à ce matin où mes arrondi ont tout simplement disparus !

voilà ce que j'avais avant
Spoiler:

et voilà ce que j'ai maintenant
Spoiler:


je n'ai rien changer, excepté la couleur de fond de citation, mais je doute qu'il y ai un rapport ...

voici mon CSS
Code:
.forumline{
          -moz-border-radius: 30px;
          -webkit-border-radius: 30px;
          border-radius: 30px;
        }
       
       
        .bodyline{
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
        }
       
        td.row1, td.row2, td.row3, td.row3Right, th{
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
        }
        .catHead{
       
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;}
       
        .catBottom{
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;}

#cadre_profil {
-moz-border-radius-bottom:10px;
background-color: #522232;
border-right: 2px #D4B2BD solid;
border-left: 2px #D4B2BD solid;
}


#cadre_haut {

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background-color: #522232;
border-top: 2px #D4B2BD solid;
border-right: 2px #D4B2BD solid;
border-left: 2px #D4B2BD solid;
}
#cadre_bas {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background-color: #522232;
border-bottom: 2px #D4B2BD solid;
border-right: 2px #D4B2BD solid;
border-left: 2px #D4B2BD solid;
}

et mon template modifié (juste la partie modifié)
Code:
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><table><tr><td><div id="cadre_haut">

            <span class="postdetails poster-profile">

            {postrow.displayed.RANK_IMAGE}</div><div id="cadre_profil">{postrow.displayed.POSTER_AVATAR}</div>

<div id="cadre_bas" ><center><font size="3"><strong>{postrow.displayed.POSTER_NAME}</strong></font></center></span>
</div><br>
</td></tr><tr><td>

          <div id="cadre_haut"  style="height: 10px"> </div><!-- BEGIN profile_field -->
            <div id="cadre_profil"><center><font size="1">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</font></center></div>
          <!-- END profile_field --><div id="cadre_bas" style="height: 10px"> </div><br>

</div>   

si vous pouvez m'éclairer car je ne vois vraiment pas pourquoi ils ont disparu !
car même en remettant les codes d'origines qui se trouvent ici
il n'y a plus d'arrondie nan plus alors que ces codes marché très bien il y a quelques jours

merci d'avance pour vos réponses

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Oz-Chan le Ven 8 Juin 2012 - 3:17

Bonsoir,
je profite de ce topic pour dire que j'ai le même problème depuis la mise à jour de firefox. Les arrondis sur mes forums n'apparaissent plus.
Je vous remercie pour votre future aide !
Oz

Oz-Chan
****

Messages : 252
Inscrit(e) le : 01/01/2010

http://pandora-hearts-abyss.forumactif.com/index.htm
Oz-Chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Manumanu le Ven 8 Juin 2012 - 8:31

Bonjour,

Oui, Firefox 13 ne supporte plus -moz-border-radius, et tous les dérivés de type -moz-border-radius-topleft.

Il faudra maintenant utiliser la vraie propriété border-radius.
http://www.w3schools.com/cssref/css3_pr_border-radius.asp

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Yalou' le Ven 8 Juin 2012 - 18:03

Ah ok merci ! ça ne marche pas non plus avec Google chrome d'ailleurs...

Mais du coup c'est lequel de code que l'on doit mettre à la place ?
celui là :
Code:
div
{
border:2px solid;
border-radius:25px;
}

celui ci
Code:
border-radius:2em;

ou celui là ?
Code:
border-radius: 2em 1em 4em / 0.5em 3em;

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Manumanu le Ven 8 Juin 2012 - 18:06

Ce sont trois exemples d'utilisations possibles. C'est à toi de voir. Il te suffit de garder les mêmes valeurs qu'avant.

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Yalou' le Sam 9 Juin 2012 - 15:39

Alors j'ai essayé avec les codes, j'ai essayer toutes les combinaisons que je connais mais au final je n'arrive qu'à çà
Spoiler:

il n'y aurait pas un moyen d'éviter que chaque ligne ne soit arrondi ? au niveau du template peut-être ?

voici mon code
Code:
#cadre_profil
{
background-color: #522232;
  border-left:2px #D4B2BD solid;
  border-right:2px #D4B2BD solid;
  border-radius:10px
}


#cadre_haut {

border-top:2px #D4B2BD solid;
  border-left:2px #D4B2BD solid;
  border-right:2px #D4B2BD solid;
  background-color: #522232;
  border-radius:10px}

#cadre_bas {
 
  border-bottom:2px #D4B2BD solid;
  border-left:2px #D4B2BD solid;
  border-right:2px #D4B2BD solid;
background-color: #522232;
  border-radius:10px
  }

et mon template n'a pas bougé...

merci pour vos réponses

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Manumanu le Sam 9 Juin 2012 - 19:47

Hé bien il suffit de ne pas mettre de border-radius ; là, ton html en est bourré (et le css dans le html, c'est pas bien !), donc il faudra modifier le template pour le nettoyer un peu.

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Yalou' le Sam 9 Juin 2012 - 20:16

Non ceci
Code:
#cadre_profil
        {
        background-color: #522232;
          border-left:2px #D4B2BD solid;
          border-right:2px #D4B2BD solid;
          border-radius:10px
        }
       
       
        #cadre_haut {
       
        border-top:2px #D4B2BD solid;
          border-left:2px #D4B2BD solid;
          border-right:2px #D4B2BD solid;
          background-color: #522232;
          border-radius:10px}
       
        #cadre_bas {
       
          border-bottom:2px #D4B2BD solid;
          border-left:2px #D4B2BD solid;
          border-right:2px #D4B2BD solid;
        background-color: #522232;
          border-radius:10px
          }

c'est le code de mon CSS

mais j'ai finalement trouvé une solution en modifiant mon template.

Yalou'
Nouveau membre

Messages : 20
Inscrit(e) le : 08/03/2012

http://kpop-coffee.forumactif.com
Yalou' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondi profil disparu

Message par Manumanu le Sam 9 Juin 2012 - 20:22

Je sais, ton CSS est bon ; je te disais juste que ton html en revanche était bourré de CSS à l'intérieur des balises, avec des border-radius à tire-larigot. Wink

Manumanu
****

Masculin
Messages : 437
Inscrit(e) le : 27/12/2011

http://helpinghelps-phpbb2.forumgratuit.org/
Manumanu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum