Optimiser mon forum pour Opéra et Safari

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 le 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

Jessmercu
**

Messages : 92
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 le 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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

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

http://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 le 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

Jessmercu
**

Messages : 92
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 le 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.



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

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

http://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 le 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 =)

Jessmercu
**

Messages : 92
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 le 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;
}



{ Règles Générales } { Question & Réponses Fréquentes } { Le Staff de ForumActif }

Tech
Modéractif
Modéractif

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

http://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 le Mar 21 Fév 2012 - 22:50

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

Jessmercu
**

Messages : 92
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