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

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

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

Message par hedhaichaihai-shiku le Dim 17 Mai 2015 - 22:09

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.


Dernière édition par hedhaichaihai-shiku le Sam 23 Mai 2015 - 11:31, édité 1 fois

hedhaichaihai-shiku
*

Messages : 48
Inscrit(e) le : 05/04/2015

http://zeldahistory.forumdefans.com/forum
hedhaichaihai-shiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Colonne latérale : Décaler tout le bloc forum

Message par horusbk le Lun 18 Mai 2015 - 11:51

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 Right Modules  Right  Gestion des widgets du forum
Right  Vous pouvez définir la taille du widget et son espacement avec les autres
Right  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   :enreg:  pour ne pas perdre votre travail.

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

Maintenant comment modifier un widget ?
Right  Sur les widgets personnalisables, il suffit de cliquer sur  edit
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

horusbk
*****

Masculin
Messages : 616
Inscrit(e) le : 14/02/2015

http://forumtest-horus.forumactif.org/
horusbk a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Colonne latérale : Décaler tout le bloc forum

Message par FANCH 56 le Lun 18 Mai 2015 - 13:36

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;}

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Colonne latérale : Décaler tout le bloc forum

Message par hedhaichaihai-shiku le Lun 18 Mai 2015 - 20:05

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
*

Messages : 48
Inscrit(e) le : 05/04/2015

http://zeldahistory.forumdefans.com/forum
hedhaichaihai-shiku a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Colonne latérale : Décaler tout le bloc forum

Message par hedhaichaihai-shiku le Sam 23 Mai 2015 - 11:31

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

hedhaichaihai-shiku
*

Messages : 48
Inscrit(e) le : 05/04/2015

http://zeldahistory.forumdefans.com/forum
hedhaichaihai-shiku 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