owesomeBB widgets à gauche

[Amarige]

Bonjour à tous,

Mon bloc de widgets que je souhaite à gauche du forum, est en dessous du forum ! En faisant des recherches j'ai lu que les widgets prédéfinis ne s'activaient pas sur la version awesomeBB, pourtant ils sont bien là mais en dessous.  

Visible ici :
J'ai aussi essayé la technique de Milouze en activant le java, ca marche mais à droite et sans les prédéfinis. Une astuce pour déplacer mes widgets ? Merci
Cordialement, Amarige

[Invité]

Hello Amarige,
hum, tu peux redonner le lien ou je mentionne ce script stp!!

a++

[Amarige]

Bonjour Milouze14, j'avais été sur votre forum et là je viens de trouver ceci que j'essaie

https://forum.forumactif.com/t399892-placer-les-widgets-sur-le-cote-droit-sur-awesomebb?highlight=awesomeBB+widgets
------------

En faisant cela, j'ai mon widget qui est au-dessus du forum.

Code:

<main id="index">
    <div class="main-inner">
    </div>
</main>

[Invité]

Re,
alors en partant de template non modifié.

Voir le rendu ici:
https://milouze.1fr1.net/forum

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

Remplaces le contenu par celui-ci:

Code:

<!-- BEGIN disable_viewonline -->
<aside id="sidebar" class="sidebar-home">
    <div id="block-online" class="block-subtle">
        <i class="material-icons">assessment</i>
        <div>
            <span class="headline">{L_WHO_IS_ONLINE}</span>

            {TOTAL_USERS_ONLINE}<br /><br />
            {RECORD_USERS}<br />

            {LOGGED_IN_USER_LIST}<br />

            {L_ONLINE_USERS}
            {L_CONNECTED_MEMBERS} <br />

            {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

            <br />
            <em>{LEGEND} :&nbsp;{GROUP_LEGEND}</em>
        </div>
      
    </div>
  <div class="M14_importe_widgets"></div>
</aside>
<br />

<script type="text/javascript">
  $(function() {
var widget= $('.WrapPer').html();
var a=$('#sidebar').css('width');
$('.M14_importe_widgets').css('width',a).html(widget);
});
</script>

<!-- END disable_viewonline -->



<script type="text/javascript">
    $(document).ready(function() {
        if (!$('#sidebar').length) {
            $('#index').css('margin', 0);
  $('.M14_importe_widgets').remove();
        }
    });
</script>


<main id="index">
    <div class="main-inner">
        <!-- 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 -->

        {CHATBOX_TOP}
        {BOARD_INDEX}
        {CHATBOX_BOTTOM}
    </div>
</main>



Penses a enregistrer puis à valider en cliquant respectivement sur  puis


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

Recherches ceci:

Code:

<div id="{ID_RIGHT}" class="wrap"  style="display: none">

Remplaces par:

Code:


<div id="{ID_RIGHT}" class="WrapPer"style="display:none;">


Penses a enregistrer puis à valider en cliquant respectivement sur  puis



Puis le style:
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


#index{margin-right: 0px!important;margin-left:322px;}
#sidebar {float: left!important;}


Penses à cliquer sur le bouton


Voilou, normalement les widgets doivent tous se trouver à gauche.

Si tu désires descendre toute la partie gauche, un margin-top: xx px ici :
Exemple

Code:


#sidebar
 {
float: left!important;
margin-top:60px;
}


a++

[Amarige]

J'ai changé les templates et le forum est resté identique. Je refais...

[Invité]

Re,
comme mentionné sur mon fofo les widgets doivent être impérativement à droite et non à gauche dans ton P.A:




a++

[Amarige]

Et ça marche ! Merci infiniment pour votre précieuse aide, votre temps ainsi que votre rapidité !

[Invité]

Re,
de rien Amarige .

a++