[Edge] Afficher les derniers tutoriels en ligne

Hello Chris,
il n'y a pas de tutoriel concernant ta demande.

Merci de donner de plus amples renseignements car c'est très évasif !!!!

Ah merde 


En faite je cherche les codes javascript et css pour mettre les derniers tuto en page d'accueil du forum

Bonjour à vous deux, 
chrisnvidia doit faire référence à un vieux tutoriel que j’avais posté à l'époque dans les tutoriels de milouziens qui  avait le même rendu que sur cette page portail
https://altitudetropicale.forums-actifs.com/portal?pid=5

je viens de faire une recherche mais, je ne l'ai hélas pas trouvé.

En cherchant un petit moment, j'ai retrouvé le tutoriel d'origine
https://help.forumotion.com/t129060-widget-recent-topics-of-a-specific-sub-forum

Hello Stéphane et Chris,
merci Stéphane pour avoir fait des recherches .

Chris, j'avais bien saisi qu'il fallait un peu de Javascript,
ce que je demande c'est quel forum etc etc.
Merci de lire de nouveau le règlement mon ami.

Alors déposes ceci dans ta page d'accueil :

Code:


<div id="newsareal1" class="newsareal">
</div>


Puis le javascript:
Remplaces:

Code:

f8-entraide-deplacee

Par le lien des sujets présents sur ton fofo.


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("#newsareal1").load("/f8-entraide-deplacee h2.topic-title:lt(10)");
        });


Penser a cliquer sur le bouton


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

Code:


 .newsareal h2.topic-title {
        display: block !important;
        margin: 2px 1px 0;
        padding: 2px 5px 5px 30px;
        border: 1px solid #B1BFC0;
        border-radius: 5px;
        background: #F3F9F9 url('https://i.servimg.com/u/f44/16/54/26/99/old-ve10.png') no-repeat 5px center;
        }
        .newsareal h2.topic-title:hover {
        background-color: #D8DEDE;
        }
        .newsareal h2.topic-title a {
        color: #708090 !important;
        text-decoration: none !important;
        text-shadow: #fff 1px 1px 0px
        }


Penser a cliquer sur le bouton

Merci pour ton aide mon ami Phil

Peut ton le mettre dans Annonce car à l'accueil j'ai déjà les derniers sujets .

Hi Chris,

chrisnvidia a écrit:
Peut ton le mettre dans Annonce car à l'accueil j'ai déjà les derniers sujets .

Oui c'est possible et si tu n'actives pas le scroll de bas en haut (ou inversement) il te faudra modifier la taille de Hauteur de la zone d'annonces (en pixels) : pour que tous les sujets soient visibles

Options des annonces :

Aperçu de la page d'accueil :

Mais... parce qu'il y a un mais de taille, en annonce les sujets ne seront pas visibles en mode hors line, à la place tu auras ceci

En mode hors line :

Je ne sais pas s'il existe une astuce pour résoudre ceci...


De toute façon il suffit d'empiler les codes les uns à la suite des autres, et si je ne dit pas de bêtise avec une balise br

Code:

<br />

Cela va créer un espace entre les différents codes

chrisnvidia a écrit:Merci pour ton aide mon ami Phil

Peut ton le mettre dans Annonce car à l'accueil j'ai déjà les derniers sujets .

Comme le souligne Fred, tu peux ajouter le code sur la page d'accueil

Impecable mes loulous  


Par contre serait il possible que sa fasse moins grand car sa prend une place énorme

Hello Chris,
il fallait s'en douter mon ami...



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

Ajouter ceci:

Code:


.newsareal,.M14_recept_latest
{
height: 200px;
overflow-y: auto;
}

Penser a cliquer sur le bouton

  mon ami Phil




Merci c'est impec je valide  




Merci beaucoup pour votre aides mes amis