Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB3] Retirer bouton contact aux invités
par photoclic Aujourd'hui à 9:46

» histoire du Jour sans fin
par Quad Daniel Aujourd'hui à 7:30

» [PhpBB2] Avertissement lors de la publication d'un email
par Milouze14 Aujourd'hui à 3:53

» *RESOLU*[PhpBB2] Annonce Google décalée
par Milouze14 Lun 11 Nov 2019 - 21:08

» [PhpBB2] Ajouter à vos favoris
par Milouze14 Lun 11 Nov 2019 - 18:22

» [PhpBB2] Changer le nom d'un groupe
par petitefeuille Lun 11 Nov 2019 - 15:53

» *RESOLU*[Edge] Bannière defilante
par Milouze14 Lun 11 Nov 2019 - 8:57

» *RESOLU*[PhpBB3] Bouton uniquement sur premier post
par Milouze14 Dim 10 Nov 2019 - 19:19

» *RESOLU*[PhpBB3] Photos par thèmes
par Milouze14 Dim 10 Nov 2019 - 17:51

» Le ver de terre "Blagounette"
par soleda Sam 9 Nov 2019 - 6:14

» *RESOLU*[PhpBB3] L'heure sous la date dans un Blog
par Milouze14 Ven 8 Nov 2019 - 19:30

» [PhpBB2] Ajout de boutons barre Windows 10
par Milouze14 Ven 8 Nov 2019 - 17:53

» [Edge]Avatar par défaut dans le Qeel
par Milouze14 Ven 8 Nov 2019 - 17:25

» [PhpBB2] Barre windows 10
par Milouze14 Mer 6 Nov 2019 - 18:15

» [Edge] Icônes Font Awesome devant les titres de forums
par Milouze14 Mar 5 Nov 2019 - 19:12

» [Edge] Supprimer la bulle des icones du forum
par Milouze14 Mar 5 Nov 2019 - 16:03

» [PhpBB2] Installe rmarque ligne
par Milouze14 Lun 4 Nov 2019 - 19:52

» [PhpBB2] Indexation d'une section par auteur et par ordre alphabétique
par Milouze14 Lun 4 Nov 2019 - 14:54

» [AwesomeBB] Modifier l'icône du bouton d'accueil
par Splash Lun 4 Nov 2019 - 11:51

» *RESOLU*[PhpBB3] Retour à la page d'accueil
par Milouze14 Dim 3 Nov 2019 - 20:39

*RESOLU*[Edge] Afficher les derniers tutoriels en ligne

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

chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Dim 8 Sep 2019 - 15:34

  • Version du forum :
    Edge
  • Templates modifiés :
    non
  • Navigateur :
    Firefox
coucou  Tout le monde

Je cherche l'astuce pour mettre derniers tutoriels en ligne en haut du forum comme ceci ;

*RESOLU*[Edge] Afficher les  derniers tutoriels en ligne Dernie10

Merci beaucoup pour votre aide les amis ;).


Dernière édition par chrisnvidia le Mar 10 Sep 2019 - 9:38, édité 1 fois
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 8 Sep 2019 - 20:09

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 !!!!
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Dim 8 Sep 2019 - 20:53

Ah merde 


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

Messagefascicularia le Dim 8 Sep 2019 - 21:04

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


Dernière édition par fascicularia le Lun 9 Sep 2019 - 10:33, édité 2 fois (Raison : correction orthographique)
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 9 Sep 2019 - 4:08

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

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 Valid


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 *RESOLU*[Edge] Afficher les  derniers tutoriels en ligne Sans_t10



chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Lun 9 Sep 2019 - 12:39

Merci pour ton aide mon ami Phil

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

MessageSplash le Lun 9 Sep 2019 - 15:34

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 :
*RESOLU*[Edge] Afficher les  derniers tutoriels en ligne Tuto_t21

Aperçu de la page d'accueil :
*RESOLU*[Edge] Afficher les  derniers tutoriels en ligne Tuto_t22


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 :
*RESOLU*[Edge] Afficher les  derniers tutoriels en ligne Tuto_t23

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
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 9 Sep 2019 - 18:28

@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 clin oeil
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Lun 9 Sep 2019 - 20:55

Impecable mes loulous super 


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

MessageMilouze14 le Mar 10 Sep 2019 - 3:56

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 *RESOLU*[Edge] Afficher les  derniers tutoriels en ligne Sans_t10


chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Mar 10 Sep 2019 - 9:38

coucou  mon ami Phil




Merci c'est impec je valide tape la 




Merci beaucoup pour votre aides mes amis clin oeil
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 10 Sep 2019 - 11:26


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

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