Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PHPBB3] Bouton Voter disparu
par Milouze14 Hier à 20:09

» *RESOLU*[PHPBB2] Popup de connexion
par Milouze14 Hier à 11:14

» *RESOLU*[PHPBB3] Remplacer un bouton poster sur sujet
par Milouze14 Hier à 3:23

» *RESOLU*[PHPBB3] Remplacer un bouton par un autre
par Milouze14 Dim 5 Avr 2020 - 19:28

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par soleda Sam 4 Avr 2020 - 9:44

» [BESTOF] Hiérarchie sur sous forum et les sujets
par Milouze14 Ven 3 Avr 2020 - 19:41

» [TOUTES VERSIONS]Afficher un message aux membres ayant moins de X messages
par Ptite_Perle Ven 3 Avr 2020 - 14:52

» *RESOLU*[PHPBB3] Cadre des messages dans un sujet
par Milouze14 Jeu 2 Avr 2020 - 18:43

» [BESTOF] Supprimer le qui est en ligne sur la droite
par Milouze14 Jeu 2 Avr 2020 - 10:14

» *RESOLU*[PHPBB3] Message au dessus de l'éditeur
par Milouze14 Mer 1 Avr 2020 - 11:56

» *RESOLU*[PHPBB2] Fenetres en haut du forum suite
par Milouze14 Mar 31 Mar 2020 - 19:39

» *RESOLU*[PHPBB3] Smiley dans miniatures
par Milouze14 Sam 28 Mar 2020 - 18:23

» [PHPBB2] Petites précisions script remplace terme invité
par Milouze14 Sam 28 Mar 2020 - 18:22

» [PHPBB2] Remplacer le mot Invité
par Mi Neth Sam 28 Mar 2020 - 14:42

» [TOUTES VERSIONS] Edition rapide
par Mi Neth Ven 27 Mar 2020 - 13:05

» [TOUTES VERSIONS] Recherche de texte dans les templates
par Mi Neth Jeu 26 Mar 2020 - 17:07

» [PHPBB3] Cacher les boutons citer et multi-citation pour un membre spécifique
par Milouze14 Jeu 26 Mar 2020 - 15:53

» [PHPBB2] Descendre des infos dans le profil simple,
par Milouze14 Mar 24 Mar 2020 - 15:26

» [PHPBB2] Modifier un menu section membres
par Milouze14 Sam 21 Mar 2020 - 15:06

» *RESOLU*[PHPBB3] Modifier couleur titre de colonne dans les catégories
par Milouze14 Ven 20 Mar 2020 - 18:33

*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 !!!!


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
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





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
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




Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
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



Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

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