Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[AWESOMEBB]Afficher les widgets à droite


2 participants

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 14 Jan 2020 - 7:16

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é:

[AWESOMEBB]Afficher les widgets à droite 159


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


Comme ceci:

[AWESOMEBB]Afficher les widgets à droite 226



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   Enregistr puis Ajout


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   Enregistr puis Ajout


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

Code:

.M14_importe_widgets{float:right;}



Dernière édition par Milouze14 le Sam 7 Déc 2024 - 8:40, édité 2 fois
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Mar 14 Jan 2020 - 8:21

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum