Titre en plein milieu

2 participants

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

Résolu Titre en plein milieu

Message par Our-dreams Jeu 7 Aoû 2014 - 13:58

Coucou , voici mon soucis en photo si dessous ! Je vous glisse également Mon CSS en qua ou le soucis viendrait de là cordialement merci !



Titre en plein milieu  Sans_t11


Code:
/* italique partenaires */
em{COLOR: #fe6d6d !important;}

/* sélectionner le contenu */
.selectCode {float:right; text-transform: lowercase; cursor:pointer;}
div.cont_code {clear: right;}

/* CODAGE MISE EN PAGE GENERAL */
a {outline: none;}
a {font-weight: none;}
a {text-decoration: none;}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

/* suppression 'dernière édition' */
tr.post span.gensmall {display: none;}

/* suppression couleur cadre categorie */
.catHead {border: none !important;}
.catBottom {border: none !important;}
.thHead{border: none !important;}
.thLeft {border: none !important;}
.thRight {border: none !important;}
.row3Right {border: none !important;}
.thCornerL, .thCornerR, .thTop {border: none !important;}
.catLeft, .catRight{border: none! important;}

/*justification des messages*/
.postbody {
padding-bottom: 10px;
padding-left: 22px;
padding-right: 20px;
text-align: justify;
display: block;}

input,textarea,select {
border: #875454 solid 1px;}

/* NAVIGATION */
a.mainmenu img{
display: none;}
a.mainmenu{
margin: -3px;
font-size: 12px;
font-family: times;
text-transform: uppercase;
-moz-transition-property: color, background-color;
-webkit-transition-property: color, background-color;
-o-transition-property: color, background-color;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;}

/* CADRE DU FORUM */
.bodylinewidth{
margin-left: auto;
margin-right: auto;
margin-top: -30px;
margin-bottom: -9px;}

/* DEBUT PROFIL */
/* nom des membres */
.pseudo{font-family: 'Rochester'; font-size: 25px; text-shadow: 0px 0px 1px #FFFFFF; text-transform: lowercase;}
/* image profil */
.postdetails.poster-profile img {width:190px;}
/* fond derrière infos personnage */
.profilentour{
max-width: 200px;
padding: 5px;
background: #FFE8DB;
border: 1px solid #875454;
border-radius: 10px;
moz-border-radius: 10px;
webkit-border-radius: 10px;}
/* FIN PROFIL */
    /*********** CODE DES CATEGORIES par PHANTASMAGORIA SUR PRD ********/
    .modifcat {
    background-color: #FFEBC4;
    padding-bottom: -10px; margin-bottom: 5px;}

    .catégoz{
    position : relative ;
    top : 70px ;  transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        -khtml-transform: rotate(4deg);}

    .catégoz h2 { font-size: 17px; font-family: Georgia; text-shadow: 0px 0px 2px #a99279;
    text-transform: uppercase; color: #7d6a5c; letter-spacing: -1px;}

    .statdescrip {
    padding: 20px 5px 5px 5px; border-radius: 10px;
    -webkit-border-radius: 10px;}

    .fond_global_cat { background-color: #3C2000; margin-left: 10px; margin-right: 10px; width: 760px;
    padding-bottom: 1px; border: 1px solid #3C2000; margin-bottom: 1px;}

    .descrip_bloc {
    width: 470px;
    height:50px;
    overflow: auto;
    text-align: justify;
    color: #fff; font-size: 9px;}

    .stat_general {

    padding: 5px;
    height:70px; width: 160px; font-size: 9px; border-radius: 10px;
    -webkit-border-radius: 10px;}

    .stat1 {
    padding: 2px; color: #FFEBC4; letter-spacing: -2px; font-size: 13px; border-bottom: 1px solid #FFEBC4;
    font-family: Georgia;}

    .forumdesc1 {
    text-align: center;
    padding: 5px; border-radius: 10px;
    -webkit-border-radius: 10px;}

    .sousfofo {

    padding-top: -15px; padding-bottom : 9px; text-align: center; height: 10px; border-top: 2px solid #FFEBC4;  }

    .sousfofo a {
    color: #FFEBC4;
    font-family: Georgia;
    font-size: 10px; text-transform : uppercase; padding-top: -5px; }

    .sousfofo a:hover {
    color: #702828;
    padding: 2px; font-family: Georgia;
    text-shadow: 0px 0px 2px solid #7d6a5c; font-size: 10px; text-transform : uppercase; }

    .forumtitre a {
    display:inline-block;
    font-size: 25px;
    color: #8a3c36; margin-bottom: -35px;
    text-decoration: none;
    font-family: Georgia;
    padding-left: 30px; letter-spacing: -4px; -moz-transition: all 1s;
    -o-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s; }

    /* Personnalisation titre - lien survolé */
    .forumtitre  a:hover, .forumtitre  a:active {
    color:#5c2924;  letter-spacing: 5px;
    font-size: 25px;
    text-decoration: none;
    font-family: Georgia;}

                /************** FIN DES CODES ********************/
/* DEBUT DU QEEL */
/* Fond */
.fondsgénéraux{
background-color: #FFEBC4;
width: 770px;
padding: 15px;
color: #ffffff;}

.blocpa{
width: 220px;
padding: 15px;
background-color: #ffffff;}

.blocpa:hover {
width: 220px;
background-color: #ffffff;
border-left: 2px solid #875454;
border-right: 2px solid #875454;}

/* Titres */
.titrePA1 {
font-family: parisienne;
font-size: 35px;
color: #ffffff;
z-index: 1px;
position: relative;}
.titrePA2 {
font-family: parisienne;
font-size: 25px;
color: #ffffff;
position: relative;}
.titrePA2:hover {
font-family: parisienne;
font-size: 25px;
color: #ffffff;
position: relative;}

/* Groupes */
.qeelonglet {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  font-family: parisienne;
  font-size: 25px;
  color: #3C2000;
  top: -2em;
  position: relative;}
.qeelonglet_1 {
  color: #3C2000;}   
.contenu_qeelonglet {
  padding: 2px;
  display: none;
  height: 90px;
  width: 300px;
  overflow: auto;
  background-color: #FFFFFF;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  position: relative;
  top: -5em;}

/* 24h */
#kaboum .row1 {
  background-color : transparent;
  color: #ffffff!important;}

/* Partenaires */
.part {
  width: 65px;
  opacity: 0.5;}
.part:hover{
  opacity: 1;
  width: 90px;
  height: 35px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}

/* Description des crédits */
.qeel1 {
 width: 300px;
  height: 156px;
  overflow: hidden;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #875454;
  background-color: #3C2000;
  color: #ffffff;}
.qeel1_img {
  position: relative;
  z-index: 2;
  width: 300px;
  height: 156px;
  margin-left: 0px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.qeel1:hover .qeel1_img {
  margin-left: 400px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.qeel1_description {   
  position: relative;
  z-index: 1;
  width: 270px;
  height: 156px;
  margin-top: -170px;
  text-align: justify;
  font-size: 11px;
  color: #ffffff;
  padding: 15px;
  overflow: auto;}

/* Description des stats */
.qeel {
 width: 250px;
  height: 173px;
  overflow: hidden;
  border-left: 2px solid #3C2000;
  border-right: 2px solid #3C2000;
  background-color: #8C5935;
  color: #FFFFFF;}
.qeel_img {
  position: relative;
  z-index: 2;
  width: 250px;
  height: 173px;
  margin-left: 0px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.qeel:hover .qeel_img {
  margin-left: 400px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.qeel_description {   
  position: relative;
  z-index: 1;
  width: 220px;
  height: 173px;
  margin-top: -170px;
  text-align: justify;
  font-size: 11px;
  color: #968087;
  padding: 15px;
  overflow: auto;}
/* FIN DU QEEL */

/* DEBUT PAGE D'ACCUEIL */
/* Fond */
.fondsgénéraux {
  background-color: #FFEBC4;
  width: 770px;
  padding: 15px;
  color: #3C2000;}

.blocpa {
  width: 220px;
  padding: 15px;
  background-color: #3C2000;}

.blocpa:hover {
  width: 220px;
  background-color: #3C2000;
  border-left: 2px solid #875454;
  border-right: 2px solid #875454;}

/* Titres */
.titrePA1 {
  font-family: parisienne;
  font-size: 35px;
  color: #3C2000;
  z-index: 1px;
  position: relative;}
.titrePA2 {
  font-family: parisienne;
  font-size: 25px;
  color: #ffffff;
  position: relative;}
.titrePA2:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #ffffff;
  position: relative;}

.titrePA3 {
  font-family: parisienne;
  font-size: 25px;
  color: #ffffff;
  position: relative;}

.titrePA3:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #ffffff;
  position: relative;}

/* Système onglets */
.paonglet {
  display: inline-block;
  cursor: pointer;}

.contenu_paonglet {
  display: none;
  width: 250px;
  height: 360px;
  background-color: #3C2000;}

.contenu_paonglet:hover {
  display: none;
  width: 250px;
  background-color: #3C2000;
  border-left: 2px solid #875454;
  border-right: 2px solid #875454;}

/* Info-bulles staff */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;}

d.info:hover {
  z-index: 25;}
 
d.info span {
  display: none;}
 
d.info:hover span {
  display: block;
  position: absolute;
  top: -2em;
 left: -2em;
  width: 155px;
  height: 80px;
  background-color: #D46F6F;
  color: #16161A;
  text-align: center;
  font-weight: none;}

/* Info-bulles prédef */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;}
 
c.info:hover {
  z-index: 25;}
 
c.info span {
  display: none;}
 
c.info:hover span {
  display: block;
  position: absolute;
  top: -7.3em;
 left: -0.2em;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  background-color: #D46F6F;
  color: #16161A;
  text-align: center;
  font-weight: none;}

/* Images Prédef */
.imgPA {
  border-radius: 50%;
  width: 80px;
  height: 80px;}

/* Images Staff */
.imgwidget {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;}

.imgwidget:hover {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);}

/* Top Sites */
.tops {
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  width: 40px;}

.tops:hover{
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 40px;}
/* FIN PAGE D'ACCUEIL */

/* MODIFICATION PAR WENDY */
/* SUJETS OFFICIELS */
.fondsuj{
width: 400px;
height: auto;
padding: 20px;
background-color: #FFFDF1;
border: 1px solid #EE615C;
border-radius: 40px;}

.titresuj{
font-size: 40px;
color: #F0A77F;
text-shadow: 1px 1px 1px #875454;
font-family: 'Parisienne', cursive;}

.citationsuj{
font-size: 10px;
margin-top: -20px;}

.secondtitre{
font-size: 25px;
color: #DA7F5D;
text-shadow: 1px 1px 1px #875454;
font-family: 'Parisienne', cursive;
text-transform: lowercase;}

.imagesuj img{
border: 2px solid #EE615C;
display: inline;
max-width: 150px;
max-height: 270px;
margin-right: 10px;}

.infopersonnage{
font-size: 10px;
width: 170px;
height: 200px;
overflow: auto;
text-align: justify;}

.questionnaire{
font-size: 10px;
width: 170px;
height: 200px;
overflow: auto;
text-align: justify;}

.gifsuj img{
max-width: 350px;
max-height: 200px;
border: 2px solid #EE615C;}

/* POUR L'HISTOIRE DES PRESENTATIONS MEMBRES */
.textehistoire {
font-size: 12px;
width: 380px;
height: 400px;
overflow: auto;
margin: auto;
text-align: justify;}

/* POUR L'HISTOIRE DES PV ET SCENARIOS */
.textehistoire2 {
font-size: 12px;
width: 380px;
height: 200px;
overflow: auto;
margin: auto;
text-align: justify;}

/* POUR LES MESSAGES GENRE REGLEMENT, INTRIGUE, CONTEXTE... */
.textesuj{
font-size: 12px;
width: 380px;
margin: auto;
text-align: justify;}
.iconesuj img{
max-width: 100px;
max-height: 100px;
border: 2px solid #EE615C;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;}

.présmembre{
font-size: 12px;
width: 280px;
height: 100px;
overflow: auto;
text-align: justify;}

/* le copyright doit figurer sur le fiche*/
.copyrightsuj{
font-size: 10px;}


Dernière édition par Our-dreams le Jeu 7 Aoû 2014 - 14:14, édité 1 fois
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre en plein milieu

Message par Neptunia Jeu 7 Aoû 2014 - 14:02

Bonjour ^^

L'adresse du forum concerné pourrait être utile  Mr. Green 

Quoi qu'il en soit, le souci provient probablement de ce passage
Code:
    .catégoz{
    position : relative ;
    top : 70px ;  transform: rotate(4deg);
        -moz-transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        -khtml-transform: rotate(4deg);}
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre en plein milieu

Message par Our-dreams Jeu 7 Aoû 2014 - 14:10

A pardon le voici http://return-to-sunnydale.forumactif.com/

Hum d’accort X) mais j'ai du mal avec le CSS pouvez vous m'expliquez s'il vous plait ?
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre en plein milieu

Message par Our-dreams Jeu 7 Aoû 2014 - 14:13

C'est bon j'ai trouvé ! Merci
Our-dreams

Our-dreams
**

Messages : 74
Inscrit(e) le : 27/03/2014

Our-dreams a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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