Connexion

Récupérer mon mot de passe

Derniers sujets
» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par chrisnvidia Hier à 19:53

» histoire du Jour sans fin
par chrisnvidia Hier à 19:34

» [PhpBB2] Première lettre des titres en majuscule
par Milouze14 Hier à 19:17

» [PhpBB2] Notification membre premium
par Milouze14 Hier à 16:41

» [EDGE] Afficher les images côte à côte
par Neptunia Hier à 0:30

» La leçon "blagounette"
par Quad Daniel Ven 20 Sep 2019 - 9:49

» *RESOLU*[Edge] Customiser les boutons "Répondre" et "Nouveau sujet"
par Milouze14 Mar 17 Sep 2019 - 15:59

» [TOUTES VERSIONS] Afficher les outils de modération via la liste des sujets
par Splash Dim 15 Sep 2019 - 20:08

» *CORBEILLE*[AwesomeBB] Afficher le texte pour les champs du contact
par Milouze14 Dim 15 Sep 2019 - 19:20

» *RESOLU*[Edge] Ajouter l'année sur les posts
par Milouze14 Dim 15 Sep 2019 - 17:22

» *RESOLU*[Edge] Arrondir les angles du forum
par Milouze14 Sam 14 Sep 2019 - 19:05

» [AwesomeBB]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 7:35

» [Edge]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 6:36

» [ModernBB]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 6:25

» [Invision]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 5:32

» [PhpBB3]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 5:13

» [PunBB]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 4:57

» [PhpBB2]Afficher les boutons " éditer, citer, supprimer, etc ... " sous forme de texte
par Milouze14 Sam 14 Sep 2019 - 4:55

» [EDGE] Afficher/Masquer les catégories avec un effet
par chrisnvidia Ven 13 Sep 2019 - 22:17

» *RESOLU*[AwesomeBB] Afficher le bouton nouveau selon les permissions
par Milouze14 Jeu 12 Sep 2019 - 3:54

*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