| :: |
| Auteur |
Message |
cotp PR2


Inscrit le: 20 Aoû 2006 Messages: 257 Localisation: Paris
|
Posté le: Dim Aoû 12, 2007 5:44 pm Sujet du message: Centrer le forum |
|
|
Bonsoir à tous
Sur phpBB.com quelqu'un a posé la question Centering the forum (like how phpbb.com does it)
, je me demande également comment bien s'y prendre pour le centrer comme sur le forum phpBB. J'avais trouvé un tutorial de CyberAlien où il expliquait:
| Citation: | To change width you'll have to edit only few lines in css.
1. Open common.css, find this:
Code:
1. #wrap {
2. padding: 0 20px;
3. min-width: 650px;
4. }
and replace with this:
Code:
1. #wrap {
2. padding: 0 20px;
3. min-width: 650px;
4. width: 800px;
5. margin: 0 auto;
6. }
2. Open tweaks.css and delete this code:
Code:
1. * html #search-box {
2. margin-right: 35px;
3. }
4.
5. * html .rtl #search-box {
6. margin-right: 0;
7. margin-left: 35px;
8. }
|
Mais en réalité ça pête la nav de certains éléments dans l'UCP...
Cotp |
_________________ production court métrage / référencement site / chalet oasis |
|
| Revenir en haut de page |
|
 |
|
 |
dcz Administrateur - Site Admin

Inscrit le: 28 Avr 2006 Messages: 14279
|
|
| Revenir en haut de page |
|
 |
cotp PR2


Inscrit le: 20 Aoû 2006 Messages: 257 Localisation: Paris
|
Posté le: Lun Aoû 13, 2007 5:36 pm Sujet du message: Re: Centrer le forum |
|
|
Disons que le probleme n'etant pas trop un fixed width (ça fonctionne bien avec ce que j'ai indiqué ci-dessus) mais specifiquement ce que j'aimerai connaitre c'est la methode utilisée par phpbb.com  |
_________________ production court métrage / référencement site / chalet oasis |
|
| Revenir en haut de page |
|
 |
GTT PR1


Inscrit le: 28 Juil 2007 Messages: 175 Localisation: www.marylou.fr.fm
|
Posté le: Ven Aoû 17, 2007 11:34 am Sujet du message: Re: Centrer le forum |
|
|
Ma méthode pour centrer le forum sur la page est la suivante...
Dans la feuille de style, inclure ceci dans le body { } :
| Code: | margin-left: auto; /* Marge de gauche */
margin-right: auto; /* Marge de droite */
width: 950px; /* Largeur obligatoire pour être centré. Remplacer 950 par la largeur voulue */ |
Le résultat est visible sur mon forum de Miniatures 1/43 : http://www.auto-passion-forum.com/143/index.html |
_________________ http://www.auto-passion-forum.com |
|
| Revenir en haut de page |
|
 |
cotp PR2


Inscrit le: 20 Aoû 2006 Messages: 257 Localisation: Paris
|
Posté le: Lun Aoû 27, 2007 10:55 pm Sujet du message: Re: Centrer le forum |
|
|
| GTT a écrit: | Ma méthode pour centrer le forum sur la page est la suivante...
Dans la feuille de style, inclure ceci dans le body { } :
| Code: | margin-left: auto; /* Marge de gauche */
margin-right: auto; /* Marge de droite */
width: 950px; /* Largeur obligatoire pour être centré. Remplacer 950 par la largeur voulue */ |
Le résultat est visible sur mon forum de Miniatures 1/43 : http://www.auto-passion-forum.com/143/index.html |
Si je fais ta méthode j'ai une mega erreur au moment ou je rafrachi mon thème dans l'acp du genre
| Code: | Erreur générale
SQL ERROR [ mysqli ]
Incorrect string value: '\xEAtre c...' for column 'theme_data' at row 1 [1366]
SQL
UPDATE phpbb3_styles_theme SET theme_mtime = 1181989969, theme_data = '/* phpBB 3.0 Style Sheet\r\n --------------------------------------------------------------\r\n Style name: cineastes\r\n
(...)
WHERE theme_id = 2
BACKTRACE
FILE: includes/db/mysqli.php
LINE: 143
CALL: dbal->sql_error()
FILE: includes/acp/acp_styles.php
LINE: 330
CALL: dbal_mysqli->sql_query()
FILE: includes/functions_module.php
LINE: 463
CALL: acp_styles->main()
FILE: adm/index.php
LINE: 80
CALL: p_master->load_active() |
et le problème avec ma méthode c'est que quand on va dans la Boite de réception de ses PM un menu "saute" illustration en image:
 |
_________________ production court métrage / référencement site / chalet oasis |
|
| Revenir en haut de page |
|
 |
GTT PR1


Inscrit le: 28 Juil 2007 Messages: 175 Localisation: www.marylou.fr.fm
|
Posté le: Ven Aoû 31, 2007 7:31 am Sujet du message: Re: Centrer le forum |
|
|
Ma méthode fonctionne avec un thème à base de subsilver, je n'ai pas essayé pour prosilver... Je ferais quelques essais pour t'aider dès que j'ai le temps de m'y mettre...  |
_________________ http://www.auto-passion-forum.com |
|
| Revenir en haut de page |
|
 |
GTT PR1


Inscrit le: 28 Juil 2007 Messages: 175 Localisation: www.marylou.fr.fm
|
Posté le: Dim Sep 02, 2007 8:54 am Sujet du message: Re: Centrer le forum |
|
|
Salut...
Alors j'ai testé sous prosilver et effectivement, ça chagrine un peu la mise en page du forum à cause de certains éléments comme sur l'illustration ci-dessus...
Tout dépend de la largeur qu'on désigne, si elle est trop petite alors forcemment tout sera chamboulé...
Pour le cas du menu décalé dans la boîte de réception des MP, il suffirait d'aller dans le fichier correspondant (ucp_pm_viewfolder.html) et de modifier comme ceci par exemple :
| Code: | #
#-----[ TROUVER ]------------------------------------------
#
<div class="left-box"><label for="export_option">{L_EXPORT_FOLDER}: <select name="export_option" id="export_option"><option value="CSV">{L_EXPORT_AS_CSV}</option><option value="CSV_EXCEL">{L_EXPORT_AS_CSV_EXCEL}</option><option value="XML">{L_EXPORT_AS_XML}</option></select></label> <input class="button2" type="submit" name="submit_export" value="{L_GO}" /><br /></div>
<select name="mark_option">{S_MARK_OPTIONS}{S_MOVE_MARKED_OPTIONS}</select> <input class="button2" type="submit" name="submit_mark" value="{L_GO}" />
#
#-----[ REMPLACER PAR ]------------------------------------------
#
<div class="left-box"><label for="export_option">{L_EXPORT_FOLDER}: <select name="export_option" id="export_option"><option value="CSV">{L_EXPORT_AS_CSV}</option><option value="CSV_EXCEL">{L_EXPORT_AS_CSV_EXCEL}</option><option value="XML">{L_EXPORT_AS_XML}</option></select></label> <input class="button2" type="submit" name="submit_export" value="{L_GO}" /><br />
<select name="mark_option">{S_MARK_OPTIONS}{S_MOVE_MARKED_OPTIONS}</select> <input class="button2" type="submit" name="submit_mark" value="{L_GO}" /><br /></div>
#
#-----[ FERMER, SAUVEGARDER ]------------------------------------------
# |
Résultat en image :
Par contre, je n'ai aucun souci dans l'ACP, aucune erreur...
Dans quel fichier as-tu fait la modif pour la CSS ? Il faut l'intégrer à common.css :
| Code: | #
#-----[ TROUVER ]------------------------------------------
#
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 12px 0;
}
#
#-----[ REMPLACER PAR ]------------------------------------------
#
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 12px 0;
margin-left: auto; /* Marge de gauche */
margin-right: auto; /* Marge de droite */
width: 950px; /* Largeur obligatoire pour être centré. Remplacer 950 par la largeur voulue */
}
#
#-----[ FERMER, SAUVEGARDER ]------------------------------------------
# |
|
_________________ http://www.auto-passion-forum.com |
|
| Revenir en haut de page |
|
 |
dcz Administrateur - Site Admin

Inscrit le: 28 Avr 2006 Messages: 14279
|
|
| Revenir en haut de page |
|
 |
cotp PR2


Inscrit le: 20 Aoû 2006 Messages: 257 Localisation: Paris
|
Posté le: Dim Sep 02, 2007 3:57 pm Sujet du message: Re: Centrer le forum |
|
|
| dcz a écrit: | @copt :
C'est juste le ê du commentaire, il faut utiliser de l'utf-8!
| Code: | | /* Largeur obligatoire pour être centré. Remplacer 950 par la largeur voulue */ |
Pareil que là donc.
++ |
Mais qu'est-ce que tu entends par "utiliser l'utf8" c'est au moment de la sauvegarde du fichier dans dreamweaver ?
Cotp |
_________________ production court métrage / référencement site / chalet oasis |
|
| Revenir en haut de page |
|
 |
dcz Administrateur - Site Admin

Inscrit le: 28 Avr 2006 Messages: 14279
|
|
| Revenir en haut de page |
|
 |
cotp PR2


Inscrit le: 20 Aoû 2006 Messages: 257 Localisation: Paris
|
|
| Revenir en haut de page |
|
 |
dcz Administrateur - Site Admin

Inscrit le: 28 Avr 2006 Messages: 14279
|
|
| Revenir en haut de page |
|
 |
GTT PR1


Inscrit le: 28 Juil 2007 Messages: 175 Localisation: www.marylou.fr.fm
|
Posté le: Mer Sep 05, 2007 9:57 pm Sujet du message: Re: Centrer le forum |
|
|
Pour revenir au sujet premier, si le fait d'avoir des commentaires dans le code pose problème à cause des accents, il te reste la solution de virer le commentaire :
| Code: | #
#-----[ TROUVER ]------------------------------------------
#
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 12px 0;
}
#
#-----[ REMPLACER PAR ]------------------------------------------
#
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 10px;
margin: 0;
padding: 12px 0;
margin-left: auto;
margin-right: auto;
width: 950px;
}
#
#-----[ FERMER, SAUVEGARDER ]------------------------------------------
# |
 |
_________________ http://www.auto-passion-forum.com |
|
| Revenir en haut de page |
|
 |
GTT PR1


Inscrit le: 28 Juil 2007 Messages: 175 Localisation: www.marylou.fr.fm
|
Posté le: Dim Sep 09, 2007 4:08 pm Sujet du message: Re: Centrer le forum |
|
|
| Alors cotp, as-tu testé le centrage du forum avec la méthose décrite ci-dessus ? |
_________________ http://www.auto-passion-forum.com |
|
| Revenir en haut de page |
|
 |
cotp PR2


Inscrit le: 20 Aoû 2006 Messages: 257 Localisation: Paris
|
Posté le: Dim Sep 09, 2007 4:39 pm Sujet du message: Re: Centrer le forum |
|
|
| GTT a écrit: | | Alors cotp, as-tu testé le centrage du forum avec la méthose décrite ci-dessus ? |
Non j'ai finalement réussi à le faire avec ma méthode initiale...
J'ai même rajouté un cadre arrondi comme sur phpbb.com  |
_________________ production court métrage / référencement site / chalet oasis |
|
| Revenir en haut de page |
|
 |
|
|