Colonne latérale : Décaler tout le bloc forum

[hedhaichaihai-shiku]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://zeldahistory.forumdefans.com/forum

Description du problème

Bonjour!

Bon excusez-moi j'ai déjà deux sujet non résolu mais je rencontre un autre problème;

J'ai mis en place une colonne sur le côté, mais le problème c'est qu'elle déborde sur mon forum, donc comment décaler tout le reste du forum vers la gauche?

Et aussi petite question : comment faire pour que cette colonne soit présente sur toute les pages du forum? Parce que j'ai mis son code dans "Message sur la page d'accueil" donc la colonne n'aparait que sur l'index :/ je ne sais pas ou le mettre pour qu'elle s'affiche sur toute les pages.

J'espère avoir exposé assez clairement mes problèmes,
Merci d'avance ! ^^

Shiku.

[horusbk]

Bonjour^^

ForumActif propose l'équivalent de votre barre latérale à gauche : les widgets. Ainsi votre problème colonne qui déborde sur votre forum sera résolu. L'explication en images :

L'exemple sur ma page d'accueil :

Spoiler:

Mais vous le voulez aussi sur les autres pages ? Par exemple dans ma section de mises à jour :

Spoiler:

Ce qui est bien avec les widgets c'est qu'ils sont personnalisables à souhait. De plus vous pouvez les mettre à gauche ou à droite de votre forum. 

Pour installer un widget :
Panneau d'administration Modules    Gestion des widgets du forum
  Vous pouvez définir la taille du widget et son espacement avec les autres
  Si un widget prédéfini vous intéresse, il suffit de le prendre avec la souris et de le positionner à droite ou à gauche dans cette partie :

Puis n'oubliez pas de cliquer sur     pour ne pas perdre votre travail.

  Si vous souhaitez un widget personnalisé, cliquez sur "widgets personnels" puis créé le.

Maintenant comment modifier un widget ?
  Sur les widgets personnalisables, il suffit de cliquer sur 
Par la suite, vous vous retrouvez sur un espace pour le personnaliser : ajout de codes, images, ce que vous voulez.

Si vous voulez en savoir plus sur les widgets, vous pouvez consulter le tutoriel du staff du Forum des Forum ici.

Cordialement,
1baptiste

[FANCH 56]

Bonjour

Est-ce ce que j'ai en place sur MON FORUM du profil ?

Si oui

Voici un script "cache widget" (sur toutes les pages)

Code:


$(function() {
          var c = $("#left,#right"), d, e = function(a) {
            var a = a.direct ? 0 : 1E3, b = $(this).data("side");
            window.localStorage && localStorage[("none" == $("#" + b).css("display") ? "remove" : "set") + "Item"]("wid" + b, "1");
            $("#" + b).stop(!0, !0).animate({width:"toggle", height:"toggle", opacity:"toggle"}, a);
            $(this).toggleClass("isopened isclosed")
          };
          c.length && ($("#content-container").prepend(d = $('<div id="widget-arrows"><div style="clear:both"></div></div>')), c.each(function() {
            $(this).find("script").remove();
            var a = $(this).attr("id"), b = $('<div class="widget-arrow is' + a + ' isopened"></div>');
            "right" == a && $("#content").prepend($("#right").css("padding", "0 10px")).css("margin-right", 0);
            b.data("side", a).appendTo(d).click(e);
            window.localStorage && "1" == localStorage.getItem("wid" + a) && b.trigger({type:"click", direct:!0})
          }))
        });

Et le CSS associé

Code:

/*CACHE WIDGET  */

 .widget-arrow {
 height: 138px;
width: 40px;
border-radius: 00px;
float: left;
cursor: pointer;
background: #f5ebf7 url(http://acbpr.fr/cb/techno/ouvrir5.jpg) no-repeat 0 0; }
.widget-arrow.isright { float: right;}
.widget-arrow.isleft.isclosed, .widget-arrow.isright.isopened {
background-position: 0px 0px;}
#widget-arrows {
height: 38px;
position: fixed;
bottom: 110px;}

[hedhaichaihai-shiku]

Merci beaucoup à vous deux pour vos réponses!! ^^


J'ai utilisé ta méthode, 1baptiste,
Puis j'ai créer un widget avec mon ancien code pour sauvegarder la présentation que j'avais choisi.

Par contre, savez-vous comment modifier la taille de la colonne de widget, au delà de la limite? (il n'y a aucun widget présent dans cette colonne mais, cela me sert à décaler le reste du forum)

La taille minimum de la largeur de la colonne widget est de 180 pixels, ne peut on tout de même pas faire moins, en changeant un code quelque part?

Merci d'avance! ^^

[hedhaichaihai-shiku]

Je verrouille ce sujet pour poser ma seconde question à part, je crois que c'est mieux ; )