Mon forum est penché

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

Résolu Mon forum est penché

Message par LetPet le Mer 10 Oct 2012 - 20:39

Bonjour,
Désolé si je ne me suis pas présenté, sinon je le ferais ^^
Je viens vous exposer mon problème en espèrant qu'il soit dans la bonne catégorie :/ .
Alors voilà:
J'avais crée un thème pour mon forum dans "Thème temporaire" et j'ai voulu l'installer provisoirement pour voir le rendu. Ensuite, j'ai remis l'ancien thème qui était un peu différent mais là n'est pas le problème.
J'ai envoyé un MP à ma co-administratrice pour lui dire ce qu'elle pensait du header et elle m'a dit qu'elle voyait le forum penché. je lui ai demandé de me faire un screen et voici ce qu'elle voit:
Spoiler:
Tendis que moi j'ai ça:
Spoiler:
Elle utilise Google Chrome ch et moi Internet Explorer ie .
Je ne comprend pas pourquoi ça fait ça?
L'adresse de mon forum: (j'enlève si c'est interdit) http://lesmangastoutunart.forumgratuit.org/
Merci d'avoir lu.
Cordialement, LetPet


Dernière édition par LetPet le Sam 13 Oct 2012 - 13:38, édité 1 fois

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par Artdrock le Mer 10 Oct 2012 - 21:06

Bonjour,
Je vois ton forum moi aussi penché et j'ai aussi Chrome
La souris 'molette haut bas' fait bouger l'image en diagonale !


Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon forum est penché

Message par sandra b le Mer 10 Oct 2012 - 21:10

Shocked Je crois pas a mes yeux , je viens de voir sur explorer 9 et google crhome et je vois votre forum bien penché , Embarassed j'espere que ça va se arranger pour vous LetPet , vraiment , c'est bizarre ça .

sandra b
***

Féminin
Messages : 180
Inscrit(e) le : 25/04/2011

http://cuisine.annuairedeforums.com/forum   http://diamantmandar
sandra b a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon forum est penché

Message par nickylarson le Mer 10 Oct 2012 - 21:12

Bonsoir

Sur tablette toshiba at100 avec le navigateur d'origine il est bien penche bisard

Drôle

Bonne soirée

nickylarson
****

Messages : 332
Inscrit(e) le : 26/01/2012

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

Résolu Re: Mon forum est penché

Message par Manumanu le Mer 10 Oct 2012 - 21:19

Hilarant en tout cas.

Bref, sur .bodyline il y a ceci :

Code:
.bodyline {
-webkit-transform: rotate(340deg);
background: url('http://img15.hostingpics.net/pics/540361pattern.png'\');
transform: rotate(340deg);
}

Pas de mystère. Vous lui dites de faire une rotation de 340degrés, il le fait. Enfin, vous le dites à safari et Chrome via -webkit-, et à IE10 qui est le seul à prendre en compte la propriété finale "transform" sans préfixe. Donc Firefox et IE9 voient la version "normale".

enlevez les deux propriétés transform, ne laissez que background.

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: Mon forum est penché

Message par LetPet le Jeu 11 Oct 2012 - 18:59

Merci les gens Very Happy

C'est bizarre, moi je voici ceci:
Code:
  .bodyline {
background : url(\'http://img15.hostingpics.net/pics/540361pattern.png\');
}
\');

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par Manumanu le Jeu 11 Oct 2012 - 19:03

Dans la zone css ?

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: Mon forum est penché

Message par AenigmA le Ven 12 Oct 2012 - 18:28

Bonsoir,
Manu a totalement raison, il y a bien ces 3 lignes

Pas mal l'astuce pour le 1er avril en mettant 180° hihi

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon forum est penché

Message par FANCH 56 le Ven 12 Oct 2012 - 18:34

@Manumanu a écrit:Hilarant en tout cas.

Bref, sur .bodyline il y a ceci :

Code:
.bodyline {
-webkit-transform: rotate(340deg);
background: url('http://img15.hostingpics.net/pics/540361pattern.png'\');
transform: rotate(340deg);
}

Pas de mystère. Vous lui dites de faire une rotation de 340degrés, il le fait. Enfin, vous le dites à safari et Chrome via -webkit-, et à IE10 qui est le seul à prendre en compte la propriété finale "transform" sans préfixe. Donc Firefox et IE9 voient la version "normale".

enlevez les deux propriétés transform, ne laissez que background.

Sous FF, je vois également la version penchée. cheers

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mon forum est penché

Message par sandra b le Ven 12 Oct 2012 - 18:49

affraid Toujours penché votre forum ! pale j’espère vraiment que ça se arrange pour vous .

sandra b
***

Féminin
Messages : 180
Inscrit(e) le : 25/04/2011

http://cuisine.annuairedeforums.com/forum   http://diamantmandar
sandra b a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon forum est penché

Message par Ziel74 le Ven 12 Oct 2012 - 18:53

Bizarre en effet ! Bon courage pour trouver le problème !

Ziel74
****

Féminin
Messages : 220
Inscrit(e) le : 10/10/2012

http://cavalierspayssavoie.forumactif.com/
Ziel74 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon forum est penché

Message par LetPet le Ven 12 Oct 2012 - 19:23

Oui, j'ai bien regardé dans le CSS ^^
Quelqu'un peut pas modifier mon CSS T_T Je ne le vois pas moi D:
Désolé du dérangement :/

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par Manumanu le Ven 12 Oct 2012 - 22:37

Copie-colle le entièrement ici, je te le modifie (et corrige si besoin), comme ça tu auras juste à le copier-coller à nouveau.

@FANCH 56 a écrit:Sous FF, je vois également la version penchée. cheers
Oui, Firefox a publié la version 16 tout récemment, et ils prennent en charge la propriété finale transform, ce qui porte au nombre de trois le nombre de navigateur la supportant : IE10, Firefox 16 et Opera 12.1. Plus qu'à attendre Chrome...

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: Mon forum est penché

Message par LetPet le Sam 13 Oct 2012 - 8:29

Je te remercie énormément Manumanu pour l'aide que tu m'apporte. Ca me fait vraiment plaisir de savoir qu'il y est quelqu'un qui veuille bien m'aider (:
Attention c'est long:
Code:
/* PAGE D\'ACCUEIL */
.tableau_le {
  background-color: #0000;
  border-radius: 50px;
    border-bottom: 1px dotted #000d8ff;
    border-top: 1px dotted #00d8ff;
}
.image_staff,  .image_partenaire,  .image_bienvenue, .image_concours
{
  border-bottom: 1px dotted #00d8ff;
}
.partenaire {
  overflow : auto;
}
 .image{
-moz-transition-duration:2s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:2s;
-webkit-transition-timing-function:linear;
transition-duration:2s;
transition-timing-function:linear;
}

.image:hover {
-moz-transform:rotate(340deg);
-webkit-transform:rotate(340deg);
transform:rotate(340deg);
}

.presentation_fora{
  font-size: 12px;}



.forumline{
border: 1px solid black;
}

/* LIEN */

#i_logo{
  margin-top:-10px;
  margin-bottom:-48px;
  margin-left:-10px;
  margin-right:-10px;
}
a {
      opacity:1;
        color : #ffff99;
        transition : all;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        text-decoration: none !important;
}
a:link,a:active,a:visited {
    color : #ffffff;
      text-decoration: none;
 
    }
a:link{
    color: #42514e;
      text-decoration: none;
    }
a:visited{
    color: #42514e;
      text-decoration: none;
    }
a:active{
    color: #5f6c69;
      text-decoration: none;
}
a:hover{
      opacity: 1;
    color : #5f6c69;
        text-decoration: none !important;
      text-shadow : 0px 0px 3px black;
    }


 


/* SPOILER CODE CITATION */
.spoiler_closed {
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #fffdde;
   line-height: 125%;
   border: 1px solid black;
  font-variant:small-caps;
   border-top: none;
   border-radius: 5px 5px 5px 5px;
   background: url(hhttp://i45.servimg.com/u/f45/16/15/17/76/font10.png);
   box-shadow: 0px 0px 5px black;
   }
.spoiler_content {
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #00ffff;
   line-height: 125%;
   border-width: 5px;
  font-variant:small-caps;
   -moz-border-image: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png) 5 repeat;
   -webkit-border-image: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png) 5 repeat;
   -o-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-image: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png) 5 repeat;
   border-radius: 5px 5px 5px 5px;
   background: #fffdde;
   box-shadow: 0px 0px 5px black;
}
 
.quote {
     display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #00ffff;
   line-height: 125%;
  font-variant:small-caps;
   border-width: 5px;
   -moz-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -webkit-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -o-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-radius: 5px 5px 5px 5px;
   background: #fffddd;
   box-shadow: 0px 0px 5px black;
}

.code {
       display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-width: 5px;
  font-variant:small-caps;
   -moz-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -webkit-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -o-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-radius: 5px 5px 5px 5px;
   background: #fffddd;
   box-shadow: 0px 0px 5px black;
}

/* ITALIQUE GRAS SOULIGNEMENT */


i:hover {
  color : white;
}

u {
  text-decoration : none;
  border-bottom : 1px solid black;
  border-top : 1px solid black;
  box-shadow : 0px 0px 5px rgba(00,00,00,0.5);

}
.titres {
text-transform : uppercase;
text-shadow : 0px 2px 3px black;
color : white;
text-align : center;
font-size : 20px;
border-bottom-style : double;
margin-bottom : 3px;
margin-left : 25px;
margin-right : 25px;}

.fond {
padding-top : 3px;
padding-bottom : 3px;
background : #00ffff;
 -moz-border-radius : 20px;
border : 2px white solid;
width : 500px;
}

.textes {
background : #00ffff;
border-top : 2px dashed white;
border-bottom : 2px dashed white;
 width : 450px;
text-align : justify;
line-height : 10px;
  font-variant:small-caps;
 padding-bottom : 3px;
  font-variant:small-caps;
 padding-top : 3px;
margin-left : 25px;
margin-right : 25px;
}




/* TITRE FORUM */

.forumlink {
width:500px;
height: 20px;
  font-variant:small-caps;
Border: 1px solid black;
font-weight: normal;
font-family:Georgia;
text-align: center;
font-size: 16px;
border-radius: 0px 0px 5px 5px;
background: #ccffff;
box-shadow: 0px 0px 5px black;
color:#ccffff;
position: relative;
}



/* QEEL */
.fondqeel {
  background: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png);
  width:700px;
  border-radius: 20px;
  margin-left:30px;
}
.imgqeel {
  border-radius: 20px 20px 0px 0px;
}

.titreqeel {
width:240px;
height: 20px;
  font-variant:small-caps;
Border: 1px solid black;
font-weight: normal;
font-family:Georgia;
text-align: center;
font-size: 16px;
border-radius: 0px 0px 5px 5px;
background: #00d8ff;
box-shadow: 0px 0px 5px black;
color:#fff;
position: relative;
}

.boxqeel {
width:230px;
height: 200px;
font-family:  Georgia;
font-size: 12px;
font-weight:normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left:5px;
margin-top:-10px;
padding-top: 15px;
overflow: auto;
}

.titreqeelbas {
width:240px;
height: 20px;
Border: 1px solid black;
font-weight: normal;
font-family:Georgia;
text-align: center;
font-size: 16px;
border-radius: 0px 0px 5px 5px;
background: #00d8ff;
box-shadow: 0px 0px 5px black;
color:#fff;
position: relative;
}

.boxqeelbas {
width:230px;
height: 150px;
font-family:  Georgia;
font-size: 12px;
font-weight:normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left:5px;
margin-top:-10px;
padding-top: 15px;
overflow: auto;
}

.a {
  font-variant:small-caps;
}

        .onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
 width:110px;
            font-family:nom police;
  font-size:taille de la police en px;
  color:#couleur police;
background-color:#couleur de font;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
  padding:5px;
        }
        .onglet_0
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
            font-family:nom police;
  font-size:taille police en px;
  color:#couleur police;
background-color:#couleur font des onglets;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
  background-color:#couleur font des onglets;
  padding:5px;
        }
        .onglet_1
        {
                background-color:#couleur font;
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
            font-family:nom police;
  font-size:taille police enpx;
  color:#couleur ecriture;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
  padding:5px;
    width:110px;
               
        }
        .contenu_onglet
        {
width:110px;
                background-color:#FF9F9F;
      width: 550px;
               
 -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
  .bodyline {
background : url(/* PAGE D\'ACCUEIL */
.tableau_le {
  background-color: #0000;
  border-radius: 50px;
    border-bottom: 1px dotted #000d8ff;
    border-top: 1px dotted #00d8ff;
}
.image_staff,  .image_partenaire,  .image_bienvenue, .image_concours
{
  border-bottom: 1px dotted #00d8ff;
}
.partenaire {
  overflow : auto;
}
 .image{
-moz-transition-duration:2s;
-moz-transition-timing-function:linear;
-webkit-transition-duration:2s;
-webkit-transition-timing-function:linear;
transition-duration:2s;
transition-timing-function:linear;
}

.image:hover {
-moz-transform:rotate(340deg);
-webkit-transform:rotate(340deg);
transform:rotate(340deg);
}

.presentation_fora{
  font-size: 12px;}



.forumline{
border: 1px solid black;
}

/* LIEN */

#i_logo{
  margin-top:-10px;
  margin-bottom:-48px;
  margin-left:-10px;
  margin-right:-10px;
}
a {
      opacity:1;
        color : #ffff99;
        transition : all;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        text-decoration: none !important;
}
a:link,a:active,a:visited {
    color : #ffffff;
      text-decoration: none;
 
    }
a:link{
    color: #42514e;
      text-decoration: none;
    }
a:visited{
    color: #42514e;
      text-decoration: none;
    }
a:active{
    color: #5f6c69;
      text-decoration: none;
}
a:hover{
      opacity: 1;
    color : #5f6c69;
        text-decoration: none !important;
      text-shadow : 0px 0px 3px black;
    }


 


/* SPOILER CODE CITATION */
.spoiler_closed {
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #fffdde;
   line-height: 125%;
   border: 1px solid black;
  font-variant:small-caps;
   border-top: none;
   border-radius: 5px 5px 5px 5px;
   background: url(hhttp://i45.servimg.com/u/f45/16/15/17/76/font10.png);
   box-shadow: 0px 0px 5px black;
   }
.spoiler_content {
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #00ffff;
   line-height: 125%;
   border-width: 5px;
  font-variant:small-caps;
   -moz-border-image: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png) 5 repeat;
   -webkit-border-image: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png) 5 repeat;
   -o-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-image: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png) 5 repeat;
   border-radius: 5px 5px 5px 5px;
   background: #fffdde;
   box-shadow: 0px 0px 5px black;
}
 
.quote {
     display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #00ffff;
   line-height: 125%;
  font-variant:small-caps;
   border-width: 5px;
   -moz-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -webkit-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -o-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-radius: 5px 5px 5px 5px;
   background: #fffddd;
   box-shadow: 0px 0px 5px black;
}

.code {
       display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-width: 5px;
  font-variant:small-caps;
   -moz-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -webkit-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   -o-border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-image: url(http://i46.servimg.com/u/f46/17/26/74/77/fond10.png) 5 repeat;
   border-radius: 5px 5px 5px 5px;
   background: #fffddd;
   box-shadow: 0px 0px 5px black;
}

/* ITALIQUE GRAS SOULIGNEMENT */


i:hover {
  color : white;
}

u {
  text-decoration : none;
  border-bottom : 1px solid black;
  border-top : 1px solid black;
  box-shadow : 0px 0px 5px rgba(00,00,00,0.5);

}
.titres {
text-transform : uppercase;
text-shadow : 0px 2px 3px black;
color : white;
text-align : center;
font-size : 20px;
border-bottom-style : double;
margin-bottom : 3px;
margin-left : 25px;
margin-right : 25px;}

.fond {
padding-top : 3px;
padding-bottom : 3px;
background : #00ffff;
 -moz-border-radius : 20px;
border : 2px white solid;
width : 500px;
}

.textes {
background : #00ffff;
border-top : 2px dashed white;
border-bottom : 2px dashed white;
 width : 450px;
text-align : justify;
line-height : 10px;
  font-variant:small-caps;
 padding-bottom : 3px;
  font-variant:small-caps;
 padding-top : 3px;
margin-left : 25px;
margin-right : 25px;
}




/* TITRE FORUM */

.forumlink {
width:500px;
height: 20px;
  font-variant:small-caps;
Border: 1px solid black;
font-weight: normal;
font-family:Georgia;
text-align: center;
font-size: 16px;
border-radius: 0px 0px 5px 5px;
background: #ccffff;
box-shadow: 0px 0px 5px black;
color:#ccffff;
position: relative;
}



/* QEEL */
.fondqeel {
  background: url(http://i45.servimg.com/u/f45/16/15/17/76/font10.png);
  width:700px;
  border-radius: 20px;
  margin-left:30px;
}
.imgqeel {
  border-radius: 20px 20px 0px 0px;
}

.titreqeel {
width:240px;
height: 20px;
  font-variant:small-caps;
Border: 1px solid black;
font-weight: normal;
font-family:Georgia;
text-align: center;
font-size: 16px;
border-radius: 0px 0px 5px 5px;
background: #00d8ff;
box-shadow: 0px 0px 5px black;
color:#fff;
position: relative;
}

.boxqeel {
width:230px;
height: 200px;
font-family:  Georgia;
font-size: 12px;
font-weight:normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left:5px;
margin-top:-10px;
padding-top: 15px;
overflow: auto;
}

.titreqeelbas {
width:240px;
height: 20px;
Border: 1px solid black;
font-weight: normal;
font-family:Georgia;
text-align: center;
font-size: 16px;
border-radius: 0px 0px 5px 5px;
background: #00d8ff;
box-shadow: 0px 0px 5px black;
color:#fff;
position: relative;
}

.boxqeelbas {
width:230px;
height: 150px;
font-family:  Georgia;
font-size: 12px;
font-weight:normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left:5px;
margin-top:-10px;
padding-top: 15px;
overflow: auto;
}

.a {
  font-variant:small-caps;
}

        .onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
 width:110px;
            font-family:nom police;
  font-size:taille de la police en px;
  color:#couleur police;
background-color:#couleur de font;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
  padding:5px;
        }
        .onglet_0
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
            font-family:nom police;
  font-size:taille police en px;
  color:#couleur police;
background-color:#couleur font des onglets;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
  background-color:#couleur font des onglets;
  padding:5px;
        }
        .onglet_1
        {
                background-color:#couleur font;
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
            font-family:nom police;
  font-size:taille police enpx;
  color:#couleur ecriture;
  text-align:center;
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
  padding:5px;
    width:110px;
               
        }
        .contenu_onglet
        {
width:110px;
                background-color:#FF9F9F;
      width: 550px;
               
 -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: -40px;
  -webkit-border-bottom-left-radius: -40px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: -40px;
  -moz-border-radius-bottomleft:- 40px;
  border-radius: 10px;
  border-bottom-right-radius:- 40px;
  border-bottom-left-radius: -40px;
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
  .bodyline {
background : url(\'http://img15.hostingpics.net/pics/540361pattern.png\');
}
\');
}

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par AenigmA le Sam 13 Oct 2012 - 10:26

Bonjour, Manu te dit de faire cela

Efface ceci

Code:
.bodyline {
background : url(\'http://img15.hostingpics.net/pics/540361pattern.png\');
}
\');
}

Enregistre, puis remets ceci à la fin

Code:
.bodyline {
background : url(\'http://img15.hostingpics.net/pics/540361pattern.png\');
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mon forum est penché

Message par Manumanu le Sam 13 Oct 2012 - 12:16

Ouhlala... Confused

Effectivement, les lignes que je t'ai demandé de checher n'y sont pas... Et pour cause, il y a tellement de problèmes dans ce CSS que c'est la première fois que je vois les navigateur buguer au point d'attribuer "proprement" des propriétés destinés à d'autres sélecteurs. La moitié des propriétés sont déclarées deux fois voire trois fois, pour les mêmes sélecteurs ; et bien d'autres choses.

Voilà le code, arrangé (il prend beaucoup moins de place !) :
Code:
/* PAGE D\'ACCUEIL */
.forumline {
border: 1px solid black;
}

a {
opacity: 1;
color: #ffff99;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
text-decoration: none !important;
}

a: link,a: active,a: visited {
color: #ffffff;
text-decoration: none;
}

a: hover {
opacity: 1;
color: #5f6c69;
text-decoration: none !important;
text-shadow: 0 0 3px black;
}

a: hover {
opacity: 1;
color: #5f6c69;
text-decoration: none !important;
text-shadow: 0 0 3px black;
}

/* ITALIQUE GRAS SOULIGNEMENT */
i: hover {
color: white;
}

u {
text-decoration: none;
border-bottom: 1px solid black;
border-top: 1px solid black;
box-shadow: 0 0 5px rgba(0,0,0,.5);
}

/* TITRE FORUM */
.forumlink {
width: 500px;
height: 20px;
font-variant: small-caps;
border: 1px solid black;
font-weight: normal;
font-family: Georgia;
text-align: center;
font-size: 16px;
border-radius: 0 0 5px 5px;
background: #ccffff;
box-shadow: 0 0 5px black;
color: #ccffff;
position: relative;
}

/* QEEL */
.fondqeel {
background: url("http: http://i45.servimg.com/u/f45/16/15/17/76/font10.png");
width: 700px;
border-radius: 20px;
margin-left: 30px;
}

.imgqeel {
border-radius: 20px 20px 0 0;
}

.titreqeel {
width: 240px;
height: 20px;
font-variant: small-caps;
border: 1px solid black;
font-weight: normal;
font-family: Georgia;
text-align: center;
font-size: 16px;
border-radius: 0 0 5px 5px;
background: #00d8ff;
box-shadow: 0 0 5px black;
color: #fff;
position: relative;
}

.boxqeel {
width: 230px;
height: 200px;
font-family: Georgia;
font-size: 12px;
font-weight: normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left: 5px;
margin-top: -10px;
padding-top: 15px;
overflow: auto;
}

.titreqeelbas {
width: 240px;
height: 20px;
border: 1px solid black;
font-weight: normal;
font-family: Georgia;
text-align: center;
font-size: 16px;
border-radius: 0 0 5px 5px;
background: #00d8ff;
box-shadow: 0 0 5px black;
color: #fff;
position: relative;
}

.boxqeelbas {
width: 230px;
height: 150px;
font-family: Georgia;
font-size: 12px;
font-weight: normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left: 5px;
margin-top: -10px;
padding-top: 15px;
overflow: auto;
}

.a {
font-variant: small-caps;
}

.onglet {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
width: 110px;
text-align: center;
border-radius: 10px 10px -40px -40px;
padding: 5px;
}

.onglet_0 {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
text-align: center;
border-radius: 10px 10px -40px -40px;
padding: 5px;
}

.onglet_1 {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
text-align: center;
border-radius: 10px 10px -40px -40px;
padding: 5px;
width: 110px;
}

.contenu_onglet {
width: 110px;
background-color: #FF9F9F;
width: 550px;
border-radius: 10px 10px -40px -40px;
margin-top: -1px;
padding: 5px;
display: none;
}

ul {
margin-top: 0;
margin-bottom: 0;
margin-left: -10px;
}

h1 {
margin: 0;
padding: 0;
}

.tableau_le {
background-color: #0000;
border-radius: 50px;
border-bottom: 1px dotted #000d8ff;
border-top: 1px dotted #00d8ff;
}

.image_staff,.image_partenaire,.image_bienvenue,.image_concours {
border-bottom: 1px dotted #00d8ff;
}

.partenaire {
overflow: auto;
}

.image {
-moz-transition-duration: 2s;
-moz-transition-timing-function: linear;
-webkit-transition-duration: 2s;
-webkit-transition-timing-function: linear;
-o-transition-duration: 2s;
-o-transition-timing-function: linear;
transition-duration: 2s;
transition-timing-function: linear;
}

.image: hover {
-webkit-transform: rotate(340deg);
-moz-transform: rotate(340deg);
-o-transform: rotate(340deg);
-ms-transform: rotate(340deg);
transform: rotate(340deg);
}

.presentation_fora {
font-size: 12px;
}

/* LIEN */
#i_logo {
margin: -10px -10px -48px;
}
.code, .quote, .spoiler_content, .spoiler_closed {
display: block;
font-family: Times New Roman;
font-size: 12px;
color: #000000;
line-height: 125%;
border-width: 5px;
font-variant: small-caps;
-webkit-border-image: url("http: http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
-moz-border-image: url("http: http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
-o-border-image: url("http: http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
border-image: url("http: http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
border-radius: 5px 5px 5px 5px;
background: #fffddd;
box-shadow: 0 0 5px black;
}
.titres {
text-transform: uppercase;
text-shadow: 0 2px 3px black;
color: white;
text-align: center;
font-size: 20px;
border-bottom-style: double;
margin-bottom: 3px;
margin-left: 25px;
margin-right: 25px;
}

.fond {
padding-top: 3px;
padding-bottom: 3px;
background: #00ffff;
-moz-border-radius: 20px;
border: 2px white solid;
width: 500px;
}

.textes {
background: #00ffff;
border-top: 2px dashed white;
border-bottom: 2px dashed white;
width: 450px;
text-align: justify;
line-height: 10px;
font-variant: small-caps;
padding-bottom: 3px;
font-variant: small-caps;
padding-top: 3px;
margin-left: 25px;
margin-right: 25px;
}

.bodyline {
background: url("http: http://img15.hostingpics.net/pics/540361pattern.png");
}

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: Mon forum est penché

Message par LetPet le Sam 13 Oct 2012 - 12:22

Merci infiniment Manumanu! Very Happy
Je n'ai fais qu'une partie de CSS seulement ^^
Est-ce que le forum est toujours penché?
Par contre on ne voit plus mon
Code:
.bodyline {
background: url("http: http://img15.hostingpics.net/pics/540361pattern.png");
}
D:

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par Manumanu le Sam 13 Oct 2012 - 12:25

Non, il n'est plus penché. Par contre, l'image est toujours dans le CSS, regarde la dernière ligne, je la vois moi. Sur quel navigateur est-ce que tu ne la vois plus ?

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: Mon forum est penché

Message par sandra b le Sam 13 Oct 2012 - 12:26

Very Happy Coucou LetPet , je viens de voir sur google chrome et explorer 9 et du mon côté votre forum est nikel , même si on a des soucis de connections votre forum marche pour moi ! thumright

sandra b
***

Féminin
Messages : 180
Inscrit(e) le : 25/04/2011

http://cuisine.annuairedeforums.com/forum   http://diamantmandar
sandra b a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mon forum est penché

Message par LetPet le Sam 13 Oct 2012 - 12:51

Merci Very Happy
Elle n'aparaît pas sur mon forum D:

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par Manumanu le Sam 13 Oct 2012 - 12:52

Tu peux faire un screen ?

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: Mon forum est penché

Message par LetPet le Sam 13 Oct 2012 - 13:23

Voilà
Spoiler:

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par AenigmA le Sam 13 Oct 2012 - 13:28

Mets ceci à la place

.bodyline {
background: url(http: http://img15.hostingpics.net/pics/540361pattern.png);
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mon forum est penché

Message par Manumanu le Sam 13 Oct 2012 - 13:29

Ha, j'ai fait une petite erreur, remplace tout par ça :

Code:
/* PAGE D\'ACCUEIL */
.forumline {
border: 1px solid black;
}

a {
opacity: 1;
color: #ffff99;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
text-decoration: none !important;
}

a: link,a: active,a: visited {
color: #ffffff;
text-decoration: none;
}

a: hover {
opacity: 1;
color: #5f6c69;
text-decoration: none !important;
text-shadow: 0 0 3px black;
}

a: hover {
opacity: 1;
color: #5f6c69;
text-decoration: none !important;
text-shadow: 0 0 3px black;
}

/* ITALIQUE GRAS SOULIGNEMENT */
i: hover {
color: white;
}

u {
text-decoration: none;
border-bottom: 1px solid black;
border-top: 1px solid black;
box-shadow: 0 0 5px rgba(0,0,0,.5);
}

/* TITRE FORUM */
.forumlink {
width: 500px;
height: 20px;
font-variant: small-caps;
border: 1px solid black;
font-weight: normal;
font-family: Georgia;
text-align: center;
font-size: 16px;
border-radius: 0 0 5px 5px;
background: #ccffff;
box-shadow: 0 0 5px black;
color: #ccffff;
position: relative;
}

/* QEEL */
.fondqeel {
background: url("http://i45.servimg.com/u/f45/16/15/17/76/font10.png");
width: 700px;
border-radius: 20px;
margin-left: 30px;
}

.imgqeel {
border-radius: 20px 20px 0 0;
}

.titreqeel {
width: 240px;
height: 20px;
font-variant: small-caps;
border: 1px solid black;
font-weight: normal;
font-family: Georgia;
text-align: center;
font-size: 16px;
border-radius: 0 0 5px 5px;
background: #00d8ff;
box-shadow: 0 0 5px black;
color: #fff;
position: relative;
}

.boxqeel {
width: 230px;
height: 200px;
font-family: Georgia;
font-size: 12px;
font-weight: normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left: 5px;
margin-top: -10px;
padding-top: 15px;
overflow: auto;
}

.titreqeelbas {
width: 240px;
height: 20px;
border: 1px solid black;
font-weight: normal;
font-family: Georgia;
text-align: center;
font-size: 16px;
border-radius: 0 0 5px 5px;
background: #00d8ff;
box-shadow: 0 0 5px black;
color: #fff;
position: relative;
}

.boxqeelbas {
width: 230px;
height: 150px;
font-family: Georgia;
font-size: 12px;
font-weight: normal;
border: 1px solid black;
background-color: #00d8ff;
text-align: justify;
margin-left: 5px;
margin-top: -10px;
padding-top: 15px;
overflow: auto;
}

.a {
font-variant: small-caps;
}

.onglet {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
width: 110px;
text-align: center;
border-radius: 10px 10px -40px -40px;
padding: 5px;
}

.onglet_0 {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
text-align: center;
border-radius: 10px 10px -40px -40px;
padding: 5px;
}

.onglet_1 {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
padding: 3px;
text-align: center;
border-radius: 10px 10px -40px -40px;
padding: 5px;
width: 110px;
}

.contenu_onglet {
width: 110px;
background-color: #FF9F9F;
width: 550px;
border-radius: 10px 10px -40px -40px;
margin-top: -1px;
padding: 5px;
display: none;
}

ul {
margin-top: 0;
margin-bottom: 0;
margin-left: -10px;
}

h1 {
margin: 0;
padding: 0;
}

.tableau_le {
background-color: #0000;
border-radius: 50px;
border-bottom: 1px dotted #000d8ff;
border-top: 1px dotted #00d8ff;
}

.image_staff,.image_partenaire,.image_bienvenue,.image_concours {
border-bottom: 1px dotted #00d8ff;
}

.partenaire {
overflow: auto;
}

.image {
-moz-transition-duration: 2s;
-moz-transition-timing-function: linear;
-webkit-transition-duration: 2s;
-webkit-transition-timing-function: linear;
-o-transition-duration: 2s;
-o-transition-timing-function: linear;
transition-duration: 2s;
transition-timing-function: linear;
}

.image: hover {
-webkit-transform: rotate(340deg);
-moz-transform: rotate(340deg);
-o-transform: rotate(340deg);
-ms-transform: rotate(340deg);
transform: rotate(340deg);
}

.presentation_fora {
font-size: 12px;
}

/* LIEN */
#i_logo {
margin: -10px -10px -48px;
}
.code, .quote, .spoiler_content, .spoiler_closed {
display: block;
font-family: Times New Roman;
font-size: 12px;
color: #000000;
line-height: 125%;
border-width: 5px;
font-variant: small-caps;
-webkit-border-image: url("http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
-moz-border-image: url("http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
-o-border-image: url("http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
border-image: url("http://i46.servimg.com/u/f46/17/26/74/77/fond10.png") 5 repeat;
border-radius: 5px;
background: #fffddd;
box-shadow: 0 0 5px black;
}
.titres {
text-transform: uppercase;
text-shadow: 0 2px 3px black;
color: white;
text-align: center;
font-size: 20px;
border-bottom-style: double;
margin-bottom: 3px;
margin-left: 25px;
margin-right: 25px;
}

.fond {
padding-top: 3px;
padding-bottom: 3px;
background: #00ffff;
border-radius: 20px;
border: 2px white solid;
width: 500px;
}

.textes {
background: #00ffff;
border-top: 2px dashed white;
border-bottom: 2px dashed white;
width: 450px;
text-align: justify;
line-height: 10px;
font-variant: small-caps;
padding-bottom: 3px;
font-variant: small-caps;
padding-top: 3px;
margin-left: 25px;
margin-right: 25px;
}

.bodyline {
background: url("http://img15.hostingpics.net/pics/540361pattern.png");
}

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: Mon forum est penché

Message par LetPet le Sam 13 Oct 2012 - 13:38

Merci merci merci!
Je ne sais vraiment pas quoi faire pour te remercier Manumanu!

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

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

Résolu Re: Mon forum est penché

Message par Manumanu le Sam 13 Oct 2012 - 13:40

Tout simplement mettre ton topic en résolu et marquer les posts qui ont été utiles, au cas où d'autres auraient un problème similaire (même si c'est plutôt "précis" comme problème). Et remercie également Aenigma qui a participé.

Smile

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: Mon forum est penché

Message par LetPet le Sam 13 Oct 2012 - 14:12

D'accord.
Merci tous le monde de m'avoir gentillement proposé votre aide Very Happy

LetPet
Nouveau membre

Féminin
Messages : 9
Inscrit(e) le : 06/04/2012

http://lesmangastoutunart.forumgratuit.org/
LetPet 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