Titre en plein milieu
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Titre en plein milieu
Coucou , voici mon soucis en photo si dessous ! Je vous glisse également Mon CSS en qua ou le soucis viendrait de là cordialement merci !
- 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- **
- Messages : 74
Inscrit(e) le : 27/03/2014
Re: Titre en plein milieu
Bonjour ^^
L'adresse du forum concerné pourrait être utile
Quoi qu'il en soit, le souci provient probablement de ce passage
L'adresse du forum concerné pourrait être utile
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);}
Re: Titre en plein milieu
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 ?
Hum d’accort X) mais j'ai du mal avec le CSS pouvez vous m'expliquez s'il vous plait ?
Our-dreams- **
- Messages : 74
Inscrit(e) le : 27/03/2014
Re: Titre en plein milieu
C'est bon j'ai trouvé ! Merci
Our-dreams- **
- Messages : 74
Inscrit(e) le : 27/03/2014
Sujets similaires
» Titre des sujets qui ne sont pas au milieu...
» Publicité en plein milieu du forum
» Deux soucis les pubs en plein milieu et facebook connect tuto n'est plus à jour
» Aligner titre et icones des catégories au milieu du fond titre
» Titre des forums au milieu
» Publicité en plein milieu du forum
» Deux soucis les pubs en plein milieu et facebook connect tuto n'est plus à jour
» Aligner titre et icones des catégories au milieu du fond titre
» Titre des forums au milieu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum