Connexion

Récupérer mon mot de passe

Derniers sujets
» Petit soucis avec l'outil de navigation rapide
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Aujourd'hui à 8:04 par Jean22

» Les mots croisés
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Aujourd'hui à 7:29 par Quad Daniel

» Note de service " Blagounette"
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Aujourd'hui à 7:27 par Quad Daniel

» Petite annonce "histoire"
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Hier à 15:28 par Jean22

» Paris-Lyon "histoire"
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Hier à 15:27 par Jean22

» Disparu "histoire"
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Hier à 15:26 par Jean22

» La pendule "histoire"
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Hier à 14:36 par Quad Daniel

» [PHPBB3]Afficher une navigation rapide sur les messages
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Hier à 9:49 par Splash

» [PhpBB3]Aspect de la réception d'une newsletter ...
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Mer 17 Avr 2019 - 15:56 par Milouze14

» [TOUTES VERSIONS] Afficher les outils de modération via la liste des sujets
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Mer 17 Avr 2019 - 10:09 par Splash

» [PHPBB2] Ajouter un id à partir de l'attribut de l'image
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Mer 17 Avr 2019 - 4:02 par Milouze14

» [PhpBB2] Problème encodage avec un script
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Mer 17 Avr 2019 - 3:54 par Milouze14

» [Blague]Histoire courte mais très courte ....
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Lun 15 Avr 2019 - 22:00 par dédé54

» Sommes-nous tous sur écoute ? "blague"
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Lun 15 Avr 2019 - 18:10 par fred9545

» Règlement de l'entraide Forumactif
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Lun 15 Avr 2019 - 15:27 par Tony L

» Les calculettes
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Dim 14 Avr 2019 - 15:22 par Quad Daniel

» [PHPBB2] Afficher le règlement du forum en haut de sujet
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Sam 13 Avr 2019 - 14:19 par choupette60

» [PHPBB2] Remplacer le mot Invité
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Sam 13 Avr 2019 - 13:50 par Bipo

» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Sam 13 Avr 2019 - 12:46 par Ambroise

» Le ventriloque "Blagounette"
[AWESOMEBB] Widget "Derniers Sujets" Clock-10Ven 12 Avr 2019 - 14:37 par Quad Daniel

[AWESOMEBB] Widget "Derniers Sujets"

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

Splash
Splash
Milouzien

MessageSplash le Sam 10 Nov 2018 - 17:33

Hi,

La version AwesomeBB est encore en version bêta et n’a pas encore de widgets.
Voici donc comment inclure un widget "Derniers sujets"


Cette astuce vient du forum anglais forumotion.com


Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestions des codes javascripts / CRÉER UN NOUVEAU JAVASCRIPT


Mettre ce code sur l'index :

Code:
/**
 *  Latest topics - AwesomeBB by Pedxz
 *  Created August 26, 2018 <1.0>
 *  See more: http://ajuda.forumeiros.com
*/
$(function() {
 
    var title = 'Derniers Sujets', empty = 'Aucuns messages', last = $('<div>', {
        id: 'block-latest',
        class: 'block-subtle'
    }).append(
        ' <i class="material-icons">chat_bubble_outline</i>' +
        ' <div>' +
        ' <span class="headline">' + title + '</span>' +
        ' <div class="block-last-load"></div>' +
        ' </div>'
    );
 
    if (_board.tpl_version !== 'awesomebb') return;
 
    $(last).insertBefore('#block-online');
 
    $('#block-latest .block-last-load').load('/latest .block-topics-details');
 
    $('head').append(
        '<style type="text/css">' +
        '.block-last-load:empty::before {' +
        ' content: "'+ empty +'";' +
        '}'+
        '#block-latest i {' +
        ' color: #BF263C;' +
        '}' +
        '.block-last-load {' +
        ' margin-left: -.37em;' +
        ' margin-right: -.37em;' +
        ' height: 300px;' +
        ' overflow-y: auto;' +
        '}' +
        '.block-last-load a {' +
        '  text-decoration: none;' +
        '  border: 0!important;' +
        '  display: inline;' +
        '}' +
        '.block-last-load .block-topics-details {' +
        ' padding: 1em;' +
        '}' +
        '.block-last-load .block-topics-details:not(:nth-child(2n+1)) {' +
        ' background-color: #F5F7FA;' +
        '}' +
        '#block-latest h2 {' +
        ' font-size: 16px;' +
        ' text-overflow: ellipsis;' +
        ' overflow: hidden;' +
        ' white-space: nowrap;' +
        ' width: 100%;' +
        '}' +
        '#block-latest .block-topics-author,' +
        '#block-latest .block-topics-lastpost img {' +
        '  display: none;' +
        '}' +
        '#block-latest .block-topics-lastpost,' +
        '#block-latest .block-topics-author a {' +
        '  display: inline;' +
        '}' +
        '@media only screen and (max-width: 768px) {' +
        ' #block-latest {' +
        '  margin-top: 20px;' +
        ' }' +
        '}' +
        '</style>'
    );
 
});

Pensez à   Valid  

A savoir


Si vous voulez rendre ce widget disponible pour les invités, accédez à :

Panneau d'administration / Utilisateurs & Groupes / Permissions spéciales


Assurez-vous que l'option de Recherche est autorisée pour les Invités

Sinon ceci apparaîtra à l'écran

[AWESOMEBB] Widget "Derniers Sujets" No_tif10



IMPORTANT
Le qeel ne doit pas être positionné en bas de page mais sur la droite du forum, comme il est positionné lors de l'installation de cette version

A savoir 2


Pour ceux qui auraient installer cette astuce : https://www.milouze14.com/t31766-awesomebb-une-barre-de-statistiques-comme-sur-le-fdf#M14, avant d'installer ce widget

Veuillez déplacer le code pour le positionner juste après :

Code:
<!-- END disable_viewonline -->


Le résultat en image


[AWESOMEBB] Widget "Derniers Sujets" Sans_t38







:u1677:
A bientôt
impeccable
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 10 Nov 2018 - 17:36

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