Alignement des widgets forum

[Invité]

Bonjour, suite à l'astuce de Milouze sur les widgets à droite du forum sur la version AwesomeBB,

https://forum.forumactif.com/t399892-placer-les-widgets-sur-le-cote-droit-sur-awesomebb#3338688

J'aurai voulu savoir si il est possible d'aligner ces widgets à partir de la première catégorie et non comme actuellement à partir de mon bloc accueil. Merci.

[*Splash*]

Hi Surricate,
Ajoute ceci à ta CSS :

Code:

.M14_getlastPoST {margin-top: 60px;}

Ajuste le margin-top en fonction

[Invité]

Hi Surricate,
Ajoute ceci à ta CSS :

Code:

.M14_getlastPoST {margin-top: 60px;}

Ajuste le margin-top en fonction

Hello Splash, merci. J'ai mis une valeur de 600px. C'est énorme . Le soucis est que je pensais que mon bloc d'accueil allait reprendre l'espace afin d'être centré sur la page mais là il reste placé sur la gauche. Y'aurait-il une solution pour que mon bloc prenne la largeur du forum ?

[*Splash*]

Il me semble que ce bloc ce centre par rapport à la largeur du forum, normal qu'il reste positionné sur la gauche
J'imagine qu'il suffit d'ajouter un margin 100% pour qu'il prenne la largeur de la page, sans certitude par contre

[Invité]

Il me semble que ce bloc ce centre par rapport à la largeur du forum, normal qu'il reste positionné sur la gauche
J'imagine qu'il suffit d'ajouter un margin 100% pour qu'il prenne la largeur de la page, sans certitude par contre

Il se place en tenant compte des widgets même avec ton code précédent parce que mon forum est à 1400px ce qui est déjà conséquent.
Merci Splash, je vais attendre si quelqu'un à une solution.

[*Splash*]

Tu peux déjà mettre ici le code de ton message d'accueil

[Invité]

Tu peux déjà mettre ici le code de ton message d'accueil

Ce n'est pas un code mais des infos directement mis dans le bloc d'accueil que j'ai aligné et colorisées avec des balises. Je ne crois pas que cela a un intérêt pour ma demande. Rien dans le css ou d'autres codes/script par rapport à ça.

[Invité]

[Invité]

Hello Surricate,
la seule solution et de passer par un style comme l'a souligné *Splash*:

Code:

aside#sidebar.sidebar-home{position: relative;top: 578px;}

J’ajoute ce style pour le widget des groupes ou ils débordent de leur conteneur:

Code:

/*ON DONNE UNE TAILLE DE POLICE A ZERO PX*/
#block-online em {font-size:0px;}
/*ON IMPOSE UNE TAILLE DE POLICE*/
#block-online em a.gensmall,#block-online em b{font-size: 13px!important;}
/*ON DONNE UN NOM A LA LEGENDE*/
#block-online em b:first-child:before{content:'Légende:';position:absolute;margin-top: -20px;}
/*TOUS LES GROUPES*/
#block-online em b{display:list-item;list-style:none;line-height: 5px !important;}

Le résultat final:



Et voilou.

a++

[Invité]

Hello Surricate,
la seule solution et de passer par un style comme l'a souligné *Splash*:

Code:

aside#sidebar.sidebar-home{position: relative;top: 578px;}

J’ajoute ce style pour le widget des groupes ou ils débordent de leur conteneur:

Code:

/*ON DONNE UNE TAILLE DE POLICE A ZERO PX*/
#block-online em {font-size:0px;}
/*ON IMPOSE UNE TAILLE DE POLICE*/
#block-online em a.gensmall,#block-online em b{font-size: 13px!important;}
/*ON DONNE UN NOM A LA LEGENDE*/
#block-online em b:first-child:before{content:'Légende:';position:absolute;margin-top: -20px;}
/*TOUS LES GROUPES*/
#block-online em b{display:list-item;list-style:none;line-height: 5px !important;}

Le résultat final:



Et voilou.

a++

Hello Milouze, merci, mais je ne suis pas sure que nous nous soyons bien compris. Je n'ai pas de soucis avec le contenu des widgets. Ce que j'aimerai c'est que mon bloc accueil, là où j'ai mis ma présentation, prenne toute la largeur du forum et que de ce fait, les widgets descendent pour être en alignement horizontal avec le début des catégories. Le code de Splash permet effectivement de faire descendre les widgets mais le soucis c'est que mon bloc accueil reste dans la même position en largeur.

[Invité]

Re,

Je n'ai pas de soucis avec le contenu des widgets.

Pourtant, voici ce que je vois sur ton fofo:



Ensuite, il ne faut trop en demander avec cette version,
c'est déjà un sérieux avancement .

a++

[Invité]

Re,

Je n'ai pas de soucis avec le contenu des widgets.

Pourtant, voici ce que je vois sur ton fofo:



Ensuite, il ne faut trop en demander avec cette version,
c'est déjà un sérieux avancement .

a++

Ah ! De mon côté je n'ai pas ce soucis, je suis sur google chrome. Alors merci pour l'info et l'astuce.


N'empêche, ma demande initiale c'est bien ce que je tente désespérément d'expliquer.

[Invité]

Re,
et donc Surricate, tout est ok pour toi ?

a++

[Invité]

Re,
et donc Surricate, tout est ok pour toi ?

a++

Re Milouze, pas vraiment parce que ma demande initiale concerne la largeur de mon bloc accueil et la position des widgets comme je l'ai expliqué précédemment. Après je ne sais pas si cela est possible, sinon tant pis, c'est vrai que déjà avoir eu le code des widgets sur le forum c'est déjà une belle avancée depuis la création d'AwesomeBB je pense que beaucoup étaient déçus de ne pas pouvoir les mettre sur le côté. Si tu le veux bien confirme si ma demande est infaisable et je mettrai en résolu. Si tu as besoin que je réexlique pas de soucis. C'est déjà très aimable et gentil de ta part de m'avoir aidé.

[Invité]

Re,
tu as le code html et la css associée pour ce que tu as déposé dans ta page d'accueil stp.
Je vais regarder mais sans grande conviction.

a++

[Invité]

Re,
tu as le code html et la css associée pour ce que tu as déposé dans ta page d'accueil stp.
Je vais regarder mais sans grande conviction.

a++

D'accord je t'envois ça.

[Invité]

Re,
alors, on va juste sortir sur l'index le code html qui gère la page d'accueil.

Il faudra donc supprimer de ta feuille de style:

Code:

   aside#sidebar.sidebar-home{position: relative;top: 578px;}

Dans le template index_body:
Affichage/Templates/Général/index_body


Recherches ceci:

Code:

<!-- BEGIN message_admin_index -->
        <div class="block introduction">
            <!-- BEGIN message_admin_titre -->
            <div class="block-header">{message_admin_index.message_admin_titre.MES_TITRE}</div>
            <!-- END message_admin_titre -->

            <!-- BEGIN message_admin_txt -->
            <div class="block-content">{message_admin_index.message_admin_txt.MES_TXT}</div>
            <!-- END message_admin_txt -->
        </div>
        <!-- END message_admin_index -->


Supprimes et places le tout au début de ton template juste avant:

Code:

<main id="index">

Penses à enregistrer puis à valider en cliquant respectivement sur   puis


Et voilou, tout devrait être ok pour toi,
la page d'accueil prendra toute la largeur et les widgets se positionneront au dessous.

a++

[Invité]

Super ça marche Milouze ! Un énorme merci pour ton aide et de m'avoir aider avec tes connaissances
Une bonne soirée à toi.