[AWESOMEBB]Afficher les widgets à droite

Hello les ami(e)s,


Quelle histoire avec ces fameux Widgets récalcitrants sur cette version.
Cette astuce va vous permettre de placer tous les widgets à droite avec très peu de changements.
L'aperçu imagé:




Pour avoir les widgets à droite, il faut impérativement que les widgets soient positionnés à droite dans votre P.A.


Comme ceci:





On va commencer a changer la class du conteneur des widgets:

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

Recherchez ceci:

Code:

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

Supprimez et remplacez par:

Code:

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

Pensez a enregistrer puis à valider en cliquant respectivement sur   puis


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

Recherchez ceci:

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} : {GROUP_LEGEND}</em>
        </div>
    </div>
</aside>
<!-- END disable_viewonline -->

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



Supprimez et remplacez par:

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>
</aside>
<br />
<div class="M14_importe_widgets"></div>
<script>
  $(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>


Pensez a enregistrer puis à valider en cliquant respectivement sur   puis


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Ajoutez ceci:

Code:


.M14_importe_widgets{float:right;}



Merci Milouze14 pour ce sujet: ( [AWESOMEBB]Afficher les widgets à droite )