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] Créer un widget Dernières publications



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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 7 Mai 2019 - 16:44

Hello les ami(e)s,



Cette version n'étant encore qu'en phase Bêta,il faudra procéder autrement pour arriver à nos fins.
Je vais vous donner l'astuce pour déposer un Widget avec les dernières publications.

Il faut créer un Widget :
https://forum.forumactif.com/t233284-installation-modification-de-widgets#2141122

Et insérer le code suivant:



Code:
<div class="M14_Publi"></div>

Il suffit ensuite de déposer ce script:


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur l'index.
Déposer ceci:
Code:

jQuery(document).ready(function(){
    jQuery(".M14_Publi").load("/publi article[class^='article']:lt(5)");
    });


Penser a cliquer sur le bouton VALIDER

Puis le style:

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

Code:

/*LES PUBLICATIONS*/
/*Les titres*/
.M14_Publi h2,.M14_Publi h5{font-size:13px!important;}
/*Les liens*/
.M14_Publi a[href^="/p"]
{
color:#9F063F;
}
/*On corrige l'alignement de la balise*/
.M14_Publi ul{margin-left:0px;padding-left:0px;}
/*on supprime les puces des balises li donne une apparence au texte*/
.M14_Publi li{list-style:none;font-size:11px;color:#9F063F;font-style:italic;display: inline-flex;margin: 2px;}

Penser a cliquer sur le bouton [AWESOMEBB] Créer un widget Dernières publications Sans_t10

hinhin

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