Centrer une PA

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

Résolu Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 11:22

Bonjour j'ai une PA que j'aimerais centrer, en effet celle-ci ne prend pas toute la place et donc je voulais la centrer via les bases
Code:
<center>....</center>
mais après les avoir mis rien ne change...


Aidez-moi s'il vous plait.
Cordialement,

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Ünicorn le Mer 31 Oct 2012 - 11:25

Bonjour !

Avez-vous essayé avec les balises suivantes ?

Code:
<div align="center">Votre page d'accueil.</div>

Si cela ne fonctionne toujours pas essayez de repérer si vous n'avez pas une balise qui dans le CSS ou directement dans le code HTML aligne le texte à gauche. Parce que sauf modifications de votre part le texte d'une page d'accueil est toujours centré par défaut.

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Résolu Re: Centrer une PA

Message par SandyL le Mer 31 Oct 2012 - 11:34

Bonjour,

Je crois surtout qu'il faudrait nous expliquer ce que vous voulez center. Very Happy

Si c'est le forum de votre profil, il est centré. Pour moi PA = Page d'accueil ou Panneau d'administration.

Peut-être parlez vous de votre Message sur la page d'accueil..




SandyL
+ Hyperactif +

Féminin
Messages : 26992
Inscrit(e) le : 14/06/2007

http://www.monzoo.net/myzoo.php?pseudo=Arkana
SandyL a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 11:35

ça ne marche toujours pas, et dans mon CSS & HTML c'est pas dit centré.

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 11:39

Désolé du double-post pour vous répondre :
J'aimerais centrer les images & texte de la Page d'Accueil, vu qu'ils sont tous vers la gauche : je veux bien centré...Les contours et tout...

Cordialement,

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Ünicorn le Mer 31 Oct 2012 - 11:42

Pourriez-vous faire un screen de ce que vous voulez centrer s'il-vous-plaît. Parce que pour le coup moi aussi je vois tout les éléments de la page d'accueil centrés. Il n'y a que cette dernière qui ne l'est pas.

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 11:47




Ce qui est encadré en rouge.

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Ünicorn le Mer 31 Oct 2012 - 11:49

Bon alors c'est bien ce que je pensais. Du coup le message de Sandyl et puis votre réponse m'a perturbé et j'étais parti sur autre chose que mon idée de départ. Bref, pourriez-vous me fournir tous les codes de votre pa pour que je fasse des essais s'il-vous-plaît ?

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 11:55

HTML:
Code:
<div align="center"><div class="fondpa"><div class="bordures rectangle_dessus gauche"><font class="titrepa">Votre Staff</font><span class="vignettes_staff"><div class="godwrath"><span class="fond_vignettes"><a href="http://one-piece-revolution.keuf.net/privmsg?mode=post&u=1" class="postlink" target="_blank" rel="nofollow">Godwrath D. Shaknoss</a>
<font color="darkred">Fondateur</font></div><a href="http://one-piece-revolution.keuf.net/u1" class="postlink" target="_blank" rel="nofollow">Godwrath</a></span></span><span class="vignettes_staff"><div class="shinji"><span class="fond_vignettes"><a href="http://one-piece-revolution.keuf.net/privmsg?mode=post&u=3" class="postlink" target="_blank" rel="nofollow">Shinjî Hiki</a>
<font color="blue">Modérateur</font></div><a href="http://one-piece-revolution.keuf.net/u3" class="postlink" target="_blank" rel="nofollow">Shinjî Hiki</a></span></span></span></div><div class="bordures rectangle_dessus droite"><font class="titrepa">Contexte</font><span class="cadre_contexte">Dans ce forum, nous jouons dans l'univers de One Piece, identique au manga, sauf que les personnages qui sont dans le manga, n'ont jamais existé, se n'est qu'une histoire qu'on raconte aux enfants.

Cependant, il se trouve malheureusement que l'histoire risque de se faire comme dans la mythe, mais pas avec les mêmes personnages, que va t-il se passer ? Qui va déclarer la guerre ? On ne sait rien d'autre.

Sachant qu'on n'en parle dans les livre d'enfants comme une mythe, qui c'est ?

En outre, les personnages du manga n'existent pas, nous avons donc décidé de vous laisser pouvoir prendre <strong><u>une</strong></u> chose et seulement une, d'un personnage du manga, c'est à dire, ou son avatar, ou son pouvoir, ou son prénom, ou son nom de famille.

Par <u>exemple</u> je m'appelle Godwrath D. Shaknoss et j'ai le pouvoir du Magma de <strong>Akainu</strong>. Si je n'ai que son pouvoir je peux mais je ne peux pas m'appeler Portgas D. Xéné avec le pouvoir du <u>Séisme</u>, ça fait deux choses qui existent dans le manga.

Donc, vous pouvez au maximum prendre une chose qui existe dans le manga.</span></div><div class="clear"></div><div class="bordures rectangle_dessous top_site"><font class="titrepa">Voter</font><span class="logo1"><a href="http://www.root-top.com/topsite/azzare34/in.php?IDmark=7758" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span></span><span class="logo1"><a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?IDmark=3507" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span><span class="logo1"><a href="http://en.root-top.com/toplist/gilgamesh/in.php?IDmark=6192" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span><span class="logo1"><a href="http://www.root-top.com/topsite/buffy/in.php?IDmark=1289" class="postlink" target="_blank" rel="nofollow"><img src="http://image.noelshack.com/fichiers/2010/21/1274701142-mugiwara.png" border="0" alt="" /></a></span></div><div class="bordures rectangle_dessous friends"><font class="titrepa">Amis</font><a target="_blank" href="http://ft-millenium.forumactif.com/"><img width="88px" height="33px" src="http://i49.tinypic.com/103wy6g.jpg" alt=""></a>
<a target="_blank" href="http://endworld.forumsgratuits.net/"><img width="88px" height="33px" src="http://image.noelshack.com/fichiers/2012/43/1351351559-2.png" alt=""></a><a href="http://reborn-rpg.pureforum.net" class="postlink" target="_blank" rel="nofollow"><img src="http://i13.photobucket.com/albums/a289/kileroy/Ban88x31.png" border="0" alt="" /></a></div><div class="bordures rectangle_dessous news"><font class="titrepa">M.A.J</font><span class="texte_new">• Images améliorées.<br />
• Ajout d'un code.</span></div><div class="bordures rectangle_dessous credits"><span class="titrepa">Crédits</span> Merci à <a href="http://one-piece-revolution.keuf.net/u1?tid=90c74252acca8229de4a568ec2e819c7" class="postlink">Godwrath D. Shaknoss</a> pour la PA.
<br/><br/>
<span class="logo1"><a href="http://one-piece-revolution.keuf.net/u1?tid=90c74252acca8229de4a568ec2e819c7" class="postlink"><img src="http://image.noelshack.com/fichiers/2012/43/1351350461-contexte.png" border="0" alt="" /></a>
<strong>Ne pas utiliser IE pour ce forum.</strong></span></div></div></div>

CSS:
Code:
/*-------------CSS Page daccueil----------------*/


/*page daccueil*/

.fondpa {height: 607px;
 
width: 790px;
color: black;}


/*gros titre marron*/

.titrepa {display: block;
  font-size: 40px;
color: #BF1C1C;
  font-face: "segoe print", Chaparral Pro Light;
font-style: italic;
margin-top: -40px;}

/*bordure & couleurs*/

.bordures {border: 1px solid #7E3117;
margin-top: 35px;
background-color: #C9A77D;}


/*Css Staff*/



.vignettes_staff {border: 2px dotted #7E3117;
height: 210px;
  margin: 5px;
  display: inline-block;
  width: 60px;}


/*fond ecriture staff*/

.fond_vignettes {background-color: #DEC497;
display: block;
  height: 210px;
width: 60px;
  text-align: center;
  opacity:0;
filter:alpha);
  -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}

.fond_vignettes:hover {
  text-align: center;
  opacity:1;
filter:alpha);
  -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}





/*rectangle contexte & Staff*/

.rectangle_dessus {float: left;
height: 255px;
 padding: 10px;
  margin-bottom: 45px;
}

.gauche {width: 385px;
margin-left: 10px;
margin-right: 10px;}

.droite { width: 325px;}

/*cadre ecriture du contexte*/

.cadre_contexte {overflow: auto;
  display: block;
text-align: justify;
  padding-top: 5px;
height: 210px;
width: 320px;}

/*rectange new friends credits & top site*/

.rectangle_dessous {float: left;
 padding: 10px;
height: 200px;
margin: 5px;}

.top_site {width: 160px;
  margin-left: 10px;
}
.friends {width: 200px;}
.news {width: 155px;}
.credits {width: 130px;}

/*carre top site & friends*/

.logo1 {display: inline-block;
height: 50px;
width: 50px;
  border: 1px dotted #7E3117;
margin: 4px; }

.logo2 {display: inline-block;
height: 31px;
width: 88px;
border: 1px dotted #7E3117;
margin: 4px;}

/*new new*/

.texte_new {overflow: auto;
  margin-top: 5px;
height: 170px;
 text-align: justify;
display: block;}
/* GODWRATH STAFF */
.godwrath {background-image: url(http://image.noelshack.com/fichiers/2012/43/1351348675-news.png);}
/* SHINJI STAFF */
.shinji {background-image: url(http://image.noelshack.com/fichiers/2012/43/1351347245-staff.png);}

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Ünicorn le Mer 31 Oct 2012 - 12:14

Hop !

J'ai trouvé une solution. Ce n'est pas la meilleure, c'est même du bidouillage mais ça fonctionne. Bref, voici ma méthode.

Dans un premier temps supprimez les balises de centrage.

Code:
<div align="center">...</div>

Dans un second temps ajoutez cette ligne à votre class .fondpa

Code:
padding-left: 5px;
Il vous suffira de jouer sur le nombre pour centrer artificiellement votre page d'accueil. Sur mon forum de test la valeur 5 a suffit mais mon forum est moins large que le votre donc n'hésitez pas à faire des tests jusqu'à trouver ce qui vous convient le plus !

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 12:18

ça ne change rien n'apporte quel chiffre c'est bien ça ? :
Code:
/*page daccueil*/

.fondpa {height: 607px;
padding-left: 5px;
width: 790px;
color: black;}

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Ünicorn le Mer 31 Oct 2012 - 12:24

C'est bien cette class. Et selon que le nombre soit plus ou moins grand, l'espace avec la bordure gauche de ce qui contient la page d'accueil sera plus ou moins grand.

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 12:26

ça ne marche pas, même avec "3000" x')

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Ünicorn le Mer 31 Oct 2012 - 12:38

Bien. Essayons de passer par les templates. Supprimez la ligne de code que je vous ai fait ajouter.

Ensuite rendez-vous dans les templates » Général » Index_body » Cherchez cette variable

Code:
{message_admin_index.message_admin_txt.MES_TXT}

Et remplacez-là de cette manière

Code:
<div align="center">{message_admin_index.message_admin_txt.MES_TXT}</div>

Enregistrez et publiez (et moi je croise les doigts !).

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 12:43

ça n'a rien fait...

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

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

Résolu Re: Centrer une PA

Message par Ünicorn le Mer 31 Oct 2012 - 12:46

Et en essayant avec un padding comme ceci ?

Code:
<div style="padding-left: 10px;">{message_admin_index.message_admin_txt.MES_TXT}</div>

Ünicorn
**

Masculin
Messages : 61
Inscrit(e) le : 14/11/2011

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

Résolu Re: Centrer une PA

Message par Araneas le Mer 31 Oct 2012 - 12:50

Merci je vous aime ! ça marche.

Résolu ! Merci.

Araneas
*

Messages : 42
Inscrit(e) le : 02/09/2012

http://onepiecefrench.forumactif.fr/
Araneas 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