phpBB-fr.com

[mathieu23]

Bonjour, existe t-il un moyen simple, qui ne nécéssite pas trop de codage pour rajouter une sidebar à droite, dans le thème proSilver ?
Merci de vôtre aide !

[Gauldo]

Voici ma solution (faites une sauvegarde au cas où)

Dans /styles/prosilver/theme/commons.css trouver

Code: Tout sélectionner

#page-body {
   margin: 4px 0;
   clear: both;
}

Changez par

Code: Tout sélectionner

#page-body {
   margin: 4px 0;
   clear: both;
   width:715px;
}

Dans le dossier ./styles/prosilver/template/ ouvrez :
index_body.html
confirm_body.html
login_body.html
message_body.html
report_body.html
search_body.html
viewforum_body
posting_layout.html

trouvez dans chaque fichier :

Code: Tout sélectionner

<!-- INCLUDE overall_header.html -->

Dans memberlist_body.html

trouvez

Code: Tout sélectionner

<!-- INCLUDE simple_header.html -->

Et enfin dans posting_pm_layout.html

trouver

Code: Tout sélectionner

<!-- INCLUDE ucp_header.html -->

Ajouter à la suite de chacun des termes, dans chaque fichier :

Code: Tout sélectionner

<!-- INCLUDE menu_lateral.html -->

Créez un fichier menu_lateral.html que vous intègrerez dans le dossier ./styles/prosilver/template/ et copiez y :

Code: Tout sélectionner

<!-- Début du du #menulateral -->
   <div id="menulateral">
      <!-- Ici commence un bloc -->
      <div class="navbar">
         <div class="inner"><span class="corners-top"><span></span></span>

            Remplacez ici par le contenu de votre 1er bloc

         <span class="corners-bottom"><span></span></span></div>
      </div>
      <!-- Ici se termine le bloc -->
   </div>
<!-- /// Fin du #menulateral -->

Si vous avez des changements à faire sur votre sidebar, faites les dans ce fichier, et les changements se feront sur la totalité des pages. N'oubliez pas que vous pouvez reproduire un bloc le nombre de fois que vous le désirez ! (et vous mettez le contenu que vous voulez of course )

Maintenant, donnons les propriétés de menu dans ./styles/prosilver/theme/commons.css à la fin du document, copiez ceci :

Code: Tout sélectionner

/* Menu lateral */
#menulateral {
position:absolute;
width:195px;
margin-left:725px;
text-align:right;
overflow:hidden;
}

Ceci est pour un forum de largeur fixe de 960px, cette méthode ne fonctionne pas pour un forum à largeur variable !

Si vous désirez cependant fixer la largeur de votre forum, voici ma méthode (pour ProSilver)
Toujours dans ./styles/prosilver/theme/commons.css

trouvez (les données de padding: peuvent différer)

Code: Tout sélectionner

#wrap {
   padding: 20px 10px 20px 10px;
   width: 940px;
    margin-left: auto;
    margin-right: auto;
}

Changez pour

Code: Tout sélectionner

#wrap {
   padding: 20px 10px 20px 10px;
   width: 940px; /* A vous de choisir la valeur */
    margin-left: auto;
    margin-right: auto;
   background: #FFF; /* Necessaire uniquement si vous voulez donnez un fond d'une autre couleur car il prends la couleur du body par défaut */
}

Voilà, bien sur il peut y avoir des erreurs. Si vous en trouvez, je suis ouvert à toutes amélioration de la méthode et je reste disponible pour tout support. Je n'ai pas testé à long terme, donc le menu latéral peut disparaitre sur certaines pages, signalez-le ! (PS : A quand le overall_body.html ? )

EDIT : Désolé pour le double post, mais comme il s'agit d'une solution à un problème, j'ai cru bon ouvrir une nouvelle réponse.

[raraboss35]

Salut, pourait tu poster un screen ou le lien de te forum que je vois le rendu STP
Merci

a+

[Gauldo]

Je n'ai pas un rendu total, mais j'ai un screenshot d'un seul bloc comme dans l'exemple si dessus.

à noter que la sidebar n'est pas encore visible sur toutes les pages, je regarde ça aujourd'hui pour voir quels fichiers j'ai zappé ! (si quelqu'un veut ou peut m'aider, vous pouvez jeter un coup d'œil sur mon forum en alpha : http://forums.kronikr.com pour trouver sur quelles pages la sidebar n'est pas visible)

Je vous tiens au courant des avancées du projet.



(vous pouvez toujours comme mentionné plus haut aller voir directement sur le forum, qui n'est qu'en alpha : http://forums.kronikr.com )