Membres connectés récemment
[AWESOMEBB]Afficher les widgets à droite
2 participants
Page 1 sur 1
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:
Supprimez et remplacez par:
Pensez a enregistrer puis à valider en cliquant respectivement sur puis
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherchez ceci:
Supprimez et remplacez par:
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:
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} : {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;}
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum