Optimiser mon forum pour Opéra et Safari

2 participants

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

Résolu Optimiser mon forum pour Opéra et Safari

Message par Jessmercu Mar 21 Fév 2012 - 13:18

Bonjour !

J'ai essayé de chercher mais je n'ai pas trouvé de réponses (désolé par avance si la réponse se trouve déjà dans un sujet ::moitimide:: )
VOilà j'aurai aimé optimiser mon forum pour qu'il soit pareil sur tous les navigateurs, est-ce que cela est possible si oui comment faire ?

Merci à vous de votre aide !


Dernière édition par Jessmercu le Mar 21 Fév 2012 - 22:50, édité 1 fois
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

http://fatedtosomething.forumgratuit.org/
Jessmercu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimiser mon forum pour Opéra et Safari

Message par Tech Mar 21 Fév 2012 - 22:16

Bonsoir,

Il est toujours possible d'optimiser un peu chaque navigateur mais il est malheureusement impossible d’obtenir le même résultat sur chaque navigateur car chacun d'entre eux interprète les codes différemment.

Que voulez-vous faire par exemple ?

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimiser mon forum pour Opéra et Safari

Message par Jessmercu Mar 21 Fév 2012 - 22:20

Bonsoir !

Merci à toi de ta réponse =)
En fait on aimerait que les arrondit de notre forum soient visible partout
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

http://fatedtosomething.forumgratuit.org/
Jessmercu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimiser mon forum pour Opéra et Safari

Message par Tech Mar 21 Fév 2012 - 22:25

Ceci est désormais possible sur tous les navigateurs sauf chez IE pù seule la dernière version (9) accepte les arrondies.
Puis-je avoir votre code qui concerne les arrondies ?

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimiser mon forum pour Opéra et Safari

Message par Jessmercu Mar 21 Fév 2012 - 22:29

Alors pour les principaux c'est

Code:
.forumline {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
  -webkit-border-radius-bottomleft:3px;
-webkit-border-radius-bottomright:30px;
-webkit-border-radius-topleft:30px;
-webkit-border-radius-topright:3px;
-webkit-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #00000;
box-shadow: 0px 0px 3px #000000;

border : 1px solid #BF2C6E;
padding:1px;
margin-bottom: 20px;
}
.radiusright {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
  -moz-border-radius-topright:3px;
  -webkit-border-radius-bottomleft:3px;
-webkit-border-radius-bottomright:30px;
-webkit-border-radius-topleft:30px;
  -webkit-border-radius-topright:3px;
}
.radiusleft {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
  -moz-border-radius-topright:3px;
    -webkit-border-radius-bottomleft:3px;
-webkit-border-radius-bottomright:30px;
-webkit-border-radius-topleft:30px;
  -webkit-border-radius-topright:3px;
}
.row3 over {-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
  -moz-border-radius-topright:3px;
  -webkit-border-radius-bottomleft:3px;
-webkit-border-radius-bottomright:30px;
-webkit-border-radius-topleft:30px;
  -webkit-border-radius-topright:3px;}

et

Code:
.descriptions-categories{
 border-right: 5px #eb8cb3 solid;
 border-left: 5px #eb8cb3 solid;
 background-color: #302B28;
 font-family:  verdana!important;
 font-size: 11px!important;
  text-align : justify;
 color:#d1b0b6!important;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
}

        /* arrondi autour dernier sujet */
        .arrondi {
        border: 1px solid #C95087;
  background-color: #2B2629;
  font-size: 12px;
text-align : center ;
color: #dd4f68;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family :  Script MT Bold ;
        -moz-border-radius-topleft: 30px;
        -moz-border-radius-bottomright: 30px;
-webkit-border-radius-topleft: 30px;
        -webkit-border-radius-bottomright: 30px;}

  .designcb .forumline {
border : 1px double #C95087;
  -moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
  -moz-border-radius-topright:3px;
      -webkit-border-radius-bottomleft:3px;
-webkit-border-radius-bottomright:30px;
-webkit-border-radius-topleft:30px;
  -webkit-border-radius-topright:3px;        } 


.vava {
border:1px #ffffff solid;
background-image: url("http://obsession27.free.fr/divers/fonds/pa9.png");
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
  -webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
-webkit-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
margin: 5px;
padding: 5px;
}

.vava2 {
border:1px #ffffff solid;
background-image: url("http://obsession27.free.fr/divers/fonds/pa9.png");
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
  -webkit-border-radius-bottomleft:10px;
-webkit-border-radius-bottomright:10px;
-webkit-border-radius-topleft:10px;
-webkit-border-radius-topright:10px;
margin: 5px;
padding: 5px;
font-size: 10px;
}

Voilà alors pour Webkit, la fondatrice avait trouvé ce code là mais elle a essayé mais ça ne fonctionne pas :/

Merci à toi pour ton aide =)
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

http://fatedtosomething.forumgratuit.org/
Jessmercu a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Optimiser mon forum pour Opéra et Safari

Message par Tech Mar 21 Fév 2012 - 22:43

Essayez ceci : J'ai essayé de simplifier un maximum vos codes et j'ai regroupé certaines classes ensembles, j'espère ne pas avoir provoqué d'erreurs.

Code:
.forumline {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:30px;
-webkit-border-top-left-radius:30px;
-webkit-border-top-right-radius:3px;
-webkit-box-shadow: 0px 0px 3px #000000;
border-bottom-left-radius:3px;
border-bottom-right-radius:30px;
border-top-left-radius:30px;
border-top-right-radius:3px;
box-shadow: 0px 0px 3px #000000;

border : 1px solid #BF2C6E;
padding:1px;
margin-bottom: 20px;
}
.radiusright, .radiusleft, .row3 over  {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:30px;
-webkit-border-top-left-radius:30px;
-webkit-border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:30px;
border-top-left-radius:30px;
border-top-right-radius:3px;
}

Et

Code:
.descriptions-categories{
 border-right: 5px #eb8cb3 solid;
 border-left: 5px #eb8cb3 solid;
 background-color: #302B28;
 font-family:  verdana!important;
 font-size: 11px!important;
  text-align : justify;
 color:#d1b0b6!important;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}

        /* arrondi autour dernier sujet */
.arrondi {
border: 1px solid #C95087;
background-color: #2B2629;
font-size: 12px;
text-align : center ;
color: #dd4f68;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family :  Script MT Bold ;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
border-top-left-radius:30px;
border-bottom-right-radius:30px;
}

  .designcb .forumline {
border : 1px double #C95087;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:30px;
-webkit-border-top-left-radius:30px;
-webkit-border-top-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:30px;
border-top-left-radius:30px;
border-top-right-radius:3px;



.vava {
border:1px #ffffff solid;
background-image: url("http://obsession27.free.fr/divers/fonds/pa9.png");
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin: 5px;
padding: 5px;
}

.vava2 {
border:1px #ffffff solid;
background-image: url("http://obsession27.free.fr/divers/fonds/pa9.png");
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin: 5px;
padding: 5px;
font-size: 10px;
}
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Optimiser mon forum pour Opéra et Safari

Message par Jessmercu Mar 21 Fév 2012 - 22:50

C'est parfait ça fonctionne super mercii beaucoup =)
avatar

Jessmercu
**

Messages : 94
Inscrit(e) le : 09/06/2010

http://fatedtosomething.forumgratuit.org/
Jessmercu 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