[PHPBB3] Photos par thèmes

Coucou Serge,
pinaise,
ton fofo est vraiment sobre, tu as bien travaillé mon ami, félicitations   .





Il vaudrait mieux se pencher vers cette méthode:

Ou peut-être en utilisant la fonctionnalité du tag.
En cliquant sur ce sujet, on arriverait à la page de type : https://photoclic.forum-pro.fr/tags/paysage

Tu peux tester ce script pour voir:

Code:



 jQuery(document).ready(function(){
$('body').append('<div id="M14_tagPaysage"><div>');
        jQuery("#M14_tagPaysage").load("/tags/paysage .search.post.row1 .postbody img");
        });


Bonsoir Phil, j'espère que tu vas bien.

Oui, j'ai revu un peu le look du forum pour le moderniser. C'est pour ça que tu me voyais moins.

Je t'ai mis en admin.

J'ai un script qui gère déjà les tags.
Donc en tapant le lien https://photoclic.forum-pro.fr/tags/paysage sans ton script, j'arrive sur les 2 premiers messages avec les photos et en mettant ton scripts j'ai la même chose avec en plus en dessous les 2 photos.

Cette méthode pourrait fonctionner, mais il faudrait taguer tous les messages déjà postés et de mander aux membres de taguer chacun de leur post. Or j'ai les préfixes avant le titre du sujet déjà et ce serait bien de partir des préfixes pour voir les photos correspondantes.

Je vais bien merci.

J'ai un script qui gère déjà les tags.

Comment est-il nommé dans la gestion serge?

en mettant ton scripts j'ai la même chose avec en plus en dessous les 2 photos.

Les deux photos seront affichées sur toutes les pages ou alors là ou le souhaite.
Mais je me doute bien que ce n'est tout à fait ton souhait.
J'ai désactivé le script en attendant.

Tu as déjà ce système sur la liste des sujets Serge:

J'ai mis en tête le script des hashtags.

Oui, j'ai effectivement les miniatures sur la liste des sujets.
mais ce sont des miniatures et la liste n'est pas classée par rapport aux thèmes.

Coucou Serge,
la rubrique que tu veux placer sera mise en page à quel endroit Serge ?

Bonjour Philippe
J'imaginais un bouton sur la barre de navigation par exemple présentant la liste des thèmes pour en choisir un.
Y a peut être plus simple.

Bizarre mes lettres bégaient.

Bizarre mes lettres bégaient.

Hum, surement un soucis avec ton clavier,j'ai rectifié.

J'imaginais un bouton sur la barre de navigation par exemple présentant la liste des thèmes pour en choisir un.

Hum, je suis aussi partant pour cela Serge,
ensuite on peut créer une page HTML regroupant tous les thèmes sujet + image :

Un peu comme cette page des tutos présents sur ce forum,
mais pas aussi poussée:

https://www.milouze14.com/h54-liste-des-sujets

Par contre, il faudra bien décocher les invités,lorsque tu créeras le bouton sur la barre de navigation car les tags, il me semble que les invités ne sont pas autorisés.


Tu peux me donner le script des préfixes stp  

Re Phil,

J'ai mis le script en tête des JS.

Merci et pour le reste Serge:

J'ai édité mon message:
https://www.milouze14.com/t32349-phpbb3-photos-par-themes#615671

Pour la recherche, tu parles dans l'éditeur où au niveau des préfixes sur les titres?

En faite, ce qui me chagriné le plus est le non affichage des images.
J'ai compris ensuite qu'il fallait mettre le tag dans le message initial pour afficher cette dernière.

Donc je vais mettre tout cela en place, mais ne soit pas trop pressé mon ami .

Par contre, je ne pourrais pas importer si la page contient plus d'une page !!!

Pas de souci Philippe.
Pas pressé, et fait au plus simple.

Je viens de voir qu'il y a aussi du css associé aux scripts des hashtags, le voici;

Code:

/* image du bouton hashtag */
    .sceditor-button-hashtag div { background-image:url(https://i.servimg.com/u/f55/11/93/85/24/hastag10.gif) !important }
   
 /* menu déroulant des hashtags */
#fa-hashtag {
      background:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #FFF; 
      padding-left:22px;
    } 

/* options du menu des hashtags */
    .fa-hashtag-options {
      color:#666;
      font-size:11px;
      font-family:Verdana,Arial,Helvetica,sans-serif;
      line-height:14px;
      background:#EEE;
      border:1px solid #CCC;
      border-radius:3px;
      box-shadow:0 3px 6px rgba(0, 0, 0, 0.175);
      margin-top:-110px;
      padding:3px;
      position:absolute;
      z-index:100;
    }
   
    /* options du titre */
    .fa-hashtag-title {
      font-size:13px;
      border-bottom:1px solid #CCC;
      padding-bottom:3px;
      margin-bottom:3px;
    }
   
    /* options des liens */
    .fa-hashtag-options a {
      color:#333;
      text-decoration:none;
      display:inline-block;
      padding:2px 6px 2px 0;
    }
   
    .fa-hashtag-options a:hover {
      color:#666;
      text-decoration:underline;
    }
   
    /* options des mots gras */
    .fa-hashtag-options b {
      color:#333;
      padding-left:6px;
    }
   
    /* options des tags */
    .fa-hashtag-tag {
      color:#000;
      font-weight:bold;
    }

/* hashtag style */
a.fa-hashtag-1 {
  color:#666;
  text-decoration:none;
  background-color:#EEE;
  border:1px solid #CCC;
  border-radius:3px;
  display:inline-block;
  padding:3px;
}
 
a.fa-hashtag-1:hover {
  color:#333;
  background-color:#F8F9DA;
  border-color:#999;
}


Ok merci, je reviendrais vers toi dès que tout cela mis en place.

Juste une dernière question serge,
faut il importer tous les thèmes figurant dans les préfixes ?

Merci prends ton temps.

Ce serait l'idéal philippe de reprndre tous les thèmes.
Mais dans un premier temps pour voir si ce que tu prépares colle, tu peux te limiter aux 4 ou 5 premiers.

Tiens j'ai un souci avec ton bouton citer.

Ok pas de soucis, vaut mieux limiter dans un premier temps.

Pour le bouton "Citer", passes le curseur de la souris pour avoir des informations Serge.
En faite ce bouton n'est actif que sur la réponse rapide.....

Ah ok, pour le bouton citer, je n'avais pas compris qu'après avoir cliquer sur le bouton citer, il fallait ensuite cliquer sur le petit bouton rond pour que la citation se fasse.

Bonjour serge, 
juste un  petit mot pour te signaler un gros désordre visuel dur ce sujet
https://photoclic.forum-pro.fr/t19916-partenaires-photos#263282

ce désordre s'accompagne  d'une pub en bas à droite de l'écran que même adblock n'arrive pas à supprimer

fascicularia a écrit:
Bonjour serge, 
juste un  petit mot pour te signaler un gros désordre visuel dur ce sujet
https://photoclic.forum-pro.fr/t19916-partenaires-photos#263282

ce désordre s'accompagne  d'une pub en bas à droite de l'écran que même adblock n'arrive pas à supprimer

Merci Stéphane pour cette remontée. En effet le fond choisi ne collait plus avec la police d'écriture. J'ai carrément supprimé cette fonction de mon forum.
Quant à la pub, je l'ai bien en invité en bas, masi sans désordre y compris sur IE. Peut-être une anomalie passagère.

Hello Serge,

tu peux tester cette page html ,
actuellement il n'y a que deux tags de gérés.

Titre * :Ce que tu souhaites

Voulez-vous utiliser le haut et le bas de page de votre forum ? Non
Utiliser cette page en tant que page d'accueil ? Non

Déposes tout ce contenu:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Gestion des thèmes</title> 

    <style type="text/css">

body{background-color: #454444;color: #c3c4c7; }
* {scrollbar-color: #28aab8 #FFF;scrollbar-width: thin;}     
/*les balises a*/
a.M14_link
{
color:#3bd9eb;
text-decoration: none;
margin: 3px;
cursor:pointer;
}     
/*la barre de navigation*/
.M14_navigation
{
width:80%;
margin-left:10%;
height:30px;
text-align:center;
}
     
/*reception des tags*/
div[class^="M14_recept_tags"]
{
width:80%;
margin-left:10%;
margin-top:60px;
border:2px solid white;     
height:400px;
overflow-y:auto;
padding: 6px;
      position: absolute;
}
/*les divs recevants les sujets*/
div[class^="M14_recept_tags"] div
{
height:60px;     
margin-top: 10px;
}     
/*les images*/
.M14_src
{
width:60px;
height:60px;
vertical-align: middle;
border-radius:60px;
}     
.M14_pseudo
{
float:right;
}
.M14_recept_tags.Portrait
{
display:none;     
}
    </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  </head>

<body>
  <div class="M14_navigation">
    <a id="paysage"class="M14_link">Paysages</a>
    <a id="portrait"class="M14_link">Portraits</a>
  </div>
 
  <div class="M14_recept_tags Paysages"></div> 
  <div class="M14_recept_tags Portrait"></div>
 
<script>
$(function(){
$('a#paysage').click(function(){
$('.M14_recept_tags:not(.Paysages)').fadeOut();
$('.M14_recept_tags.Paysages').fadeIn();
});
 
$('a#portrait').click(function(){
$('.M14_recept_tags:not(.Portrait)').fadeOut();
$('.M14_recept_tags.Portrait').fadeIn();
});
 
});
</script>
<script>
$(function(){
$.get('/tags/Paysages' , function(data){
$(data).find('.search.post.row1').each(function(){
var link=$(this).find('.postbody h2.h3 a[href^="/t"]').attr('href');
var text=$(this).find('.postbody h2.h3').text();
var img=$(this).find('.postbody img[alt^="Tag"]').attr('src');
var auteur=$(this).find('.author a[href^="/u"]').text();
$('.Paysages').append('<div> <a href="'+link+'"class="M14_link">'+text+'</a><img src="'+img+'"class="M14_src" /><span class="M14_pseudo">Posté par :'+auteur+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Portrait' , function(data){
$(data).find('.search.post.row1').each(function(){
var link=$(this).find('.postbody h2.h3 a[href^="/t"]').attr('href');
var text=$(this).find('.postbody h2.h3').text();
var img=$(this).find('.postbody img[alt^="Tag"]').attr('src');
var auteur=$(this).find('.author a[href^="/u"]').text();
$('.Portrait').append('<div> <a href="'+link+'"class="M14_link">'+text+'</a><img src="'+img+'"class="M14_src" /><span class="M14_pseudo">Posté par :'+auteur+'</span></div>');
});
});});
</script>
 
</body>

</html>

C'est en phase de test, donc ne tiens pas compte de l'apparence, même si j'ai reprit les couleurs de ton fofo actuel.

Bonsoir Philippe,

Merci pour ton travail.

Page html mise en place.
Alors, quand je clique sur l'oeil, j'ai une page couleur de fond de mon fofo avec  2 liens à cliquer en haut.

Lorsque je clique sur les liens il ne se passe rien.



edit:
Ah, je viens de comprendre comment cela fonctionne.

Je ne voyais rien car il n'y a pas de tags correspondants à la recherche....
J'y retourne pour en mettre et je reviens.

Les pages html doivent être créées en mode avancé Serge,
je viens de modifier sur ton fofo.


Attention toutefois, le script fonctionnera seulement si le tag figure sur le message ou figure la photo serge.

C'est fonctionnel sauf pour portrait ?
Est ce normal ?

Je me sauve pour ce soir Serge,
je viens de te déposer une autre page html plus poussée nommée:
"Version améliorée Philippe THEME"

Bonne soirée et à demain.

Hello Phil,

Tu es parti sur la récupération par rapport aux tags et non aux préfixes sur les titres.

Je pensais que tu étais parti de ce que j'avais écrit ici:https://www.milouze14.com/t32349-phpbb3-photos-par-themes#615642
"Cette méthode pourrait fonctionner, mais il faudrait taguer tous les messages déjà postés et de mander aux membres de taguer chacun de leur post. Or j'ai les préfixes avant le titre du sujet déjà et ce serait bien de partir des préfixes pour voir les photos correspondantes."

Alors je viens de mettre des tags et ça fonctionne comme tu l'as prévu.
Le tag "Portraits" doit avoir un s à la fin. J'ai mis un tag "Portrait" sans s et le sujet apparait cette fois. C'est pour cela que cela ne fonctionnait pas.

Si cela est possible, ce serait de présenter les photos incluses dans les sujets.



edit:
Nos messages se sont croisés.

Bonne soirée l'ami à demain et merci encore.