Changer de version

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

Résolu Changer de version

Message par lunasims57 le Ven 27 Avr 2012 - 21:02

Bonjour !

Voilà, en fait je pensait passer de la version punBB3 à punBB2.
Avec les thèmes temporaires, j'ai l'impression que ma fiche de CSS ne marche pas. Je suppose donc que mon CSS n'est pas adapté à la version punBB2. Voici ma feuille de CSS :

Spoiler:
Code:
en_tete{
  width:880px;
  min-height:400px;
  height:400px;
  background:url("http://i46.servimg.com/u/f46/17/06/36/36/fonden12.jpg");
  background-repeat:no-repeat;
  margin:0;
  border:none;
  -moz-border-radius: 10px;
  }

/****** Mise en page des colonnes ******/

table tr{
  vertical-align:top;
  }

#tab1_col1{
  width: 200px;
  padding:12px;
  }

#tab1_col2{
  width: 400px;
  padding:12px;
  }

#tab1_col3{
  width: 200px;
  padding:12px;
  }

#tab2_col1{
  width: auto;
  padding:12px;
  }

#tab2_col2{
  width: auto;
  padding:12px;
  }

#tab2_col3{
  width: auto;
  padding:12px;
  }


/****** Mise en page des titres ******/

#titre_en_tete{
  background-color:none;
  border:none;
  height: 24px;
  font-family:Arial;
  font-size: 30px;
  color:#7D0000;
  text-align:center;
  padding: 4px;
  border: 1px solid#7D0000;
  border-top: 1px solid#7D0000;
  -moz-border-radius: 13px;
  text-shadow: 0px 0px 3px rgb(110, 110, 110);
  }
 
/****** Mise en page du texte ******/

#en_tete_nav{
  font-family:Arial;
  font-size:16px;
  color:#7D0000 ;
  margin-left:35px;
  margin-bottom:-4px;
  }
 
#contenu_en_tete{
  font-family:Arial;
  font-size:14px;
  color:#7D0000 ;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }

#en_tete_infos_forum{
  font-family:Arial;
  font-size:12px;
  color:#7D0000 ;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }
 
#en_tete_news{
  font-family:Arial;
  font-size:16px;
  color:#7D0000 ;
  margin-left:12px;
  margin-bottom:-4px;
  }

#logo_en_tete, #staff_en_tete{
  text-align:center;
  }

#logo_en_tete a, #staff_en_tete{
  text-decoration:none;
  }

#logo_en_tete img{
  padding-bottom:4px;
  }

#staff_en_tete img{
  padding-left:6px;
  }
     
/****** Mise en page des liens ******/

#lien_en_tete{
  color:#7D0000 ;
  text-decoration:none;
  }

#lien_en_tete:hover{
  border-bottom:dotted 1px #7D0000 ;
  font-weight:bold;
  }

#vers_profil{
  color:#0d1128;
  text-decoration:none;
  font-style:italic;
  }
 
#vers_profil:hover{
  border-bottom:dotted 1px #0d1128;
  }

/****** Contour du Spoiler ******/

        .spoiler_content {
        color: #000000;
        padding: 5px;
        -moz-box-shadow: 2px 2px 6px #000;
        -webkit-box-shadow: 2px 2px 6px #000;
        box-shadow: 2px 2px 6px #000;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
        }

                dl.codebox {
        background-color: #000000;
        }
/**** Centrer fond du forum ****/

body {
background-image:auto;
background-repeat:repeat;
background-position: center center;
}

/**** Centrer titre des forums et changer la taille ****/

.forumtitle {
  font-size: 15px !important;
  text-align: right !important;
}

.table-title {
  font-size: 18px;
}

        a:hover{text-decoration: none !important;}
        a {text-decoration: none !important;}
        a:link {text-decoration: none;}
        a:visited {text-decoration: none;}

.forumtitle:hover {
          font-size: 18px !important;
        }


Seul le fond qui ici doit être centré semble fonctionner.

Bref, le vous remercie d'avance de vos réponses ! :3


Dernière édition par lunasims57 le Sam 28 Avr 2012 - 11:51, édité 1 fois

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Changer de version

Message par Ea le Ven 27 Avr 2012 - 22:06

Bonjour,


Oui une version étant la structure "entière" de la page, quasi toutes la structure change en changeant de version.

Donc le css qui met du style à une structure, il stylisera beaucoup de chose qui ne sont plus là ( donc ça n'agira pas ).

Vu que toutes les pages html ont une structure du style :

Code:
<html>
<head>
  <!-- contenu de head ( balises meta, titre de la page, feuilles de style ) -->
</head>
<body>
  <!-- structure de la page -->
</body>
</html>
Tout les styles auront toujours la balise <body>, pour ce qui est de la structure de la page ça ça peut changer beaucoup ( mais il y a des trucs similaires, par exemple la structure du module de vote ( + / - ) est le même sur toutes les versions il me semble ).

Pour voir comment est la structure de la page vous pouvez regarder les templates ou le code source de la page ( et avec firefox il y a ctrl + shift + i qui permet "d'inspecter la page", on donne même des sélecteurs css pour les éléments sélectionnés ).

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer de version

Message par lunasims57 le Sam 28 Avr 2012 - 11:50

D'accord, merci du lien et du raccourci clavier, ça va bien m'être utile !
Je vais arranger mon CSS comme je peux.

Problème résolu, si je puis dire :3.

lunasims57
**

Féminin
Messages : 85
Inscrit(e) le : 27/11/2011

http://tsuki-no-gakuen.forumactif.org/
lunasims57 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