Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Photos par thèmes


3 participants

Page 1 sur 2 1, 2  Suivant

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 5 Nov 2019 - 16:52

  • Version du forum :
    PhpBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour tout le monde,

Serait-il possible de créer une rubrique ("Photos par thème" par exemple) dans laquelle on retrouverait toutes les photos postées sur le forum, classées par thèmes.

On aurait un sujet par thème, les thèmes étant les préfixes dans le titre du sujet (paysage, portrait, architecture,...).

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

Ou alors, rajouter une rubrique juste dans le Menu avec les différents préfixes.

Je ne sais pas ce qui est le plus simple.

Merci pour votre aide.


Dernière édition par photoclic le Dim 10 Nov 2019 - 12:01, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 5 Nov 2019 - 18:41

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





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");
        });




avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 5 Nov 2019 - 19:00

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.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 5 Nov 2019 - 19:10

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:

[PHPBB3] Photos par thèmes 0138











avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mar 5 Nov 2019 - 19:29

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.


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Nov 2019 - 16:59

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 6 Nov 2019 - 17:08

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.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Nov 2019 - 17:53

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  clin oeil



Dernière édition par Milouze14 le Mer 6 Nov 2019 - 18:35, édité 2 fois
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 6 Nov 2019 - 18:19

Re Phil,

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Nov 2019 - 18:22

Merci et pour le reste Serge:

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



avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 6 Nov 2019 - 18:35

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


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Nov 2019 - 18:38

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 clin oeil .

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 6 Nov 2019 - 18:45

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;
}


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Nov 2019 - 18:49

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Nov 2019 - 19:01

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 6 Nov 2019 - 19:09

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.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 6 Nov 2019 - 19:17

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.....


avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Mer 6 Nov 2019 - 20:34

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.



fascicularia
fascicularia
https://altitudetropicale.forums-actifs.com/

Messagefascicularia Jeu 7 Nov 2019 - 11:54

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

[PHPBB3] Photos par thèmes Pour_e10


avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 7 Nov 2019 - 15:00

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.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 7 Nov 2019 - 16:22

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.







avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 7 Nov 2019 - 18:41

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.


Dernière édition par photoclic le Jeu 7 Nov 2019 - 19:03, édité 2 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 7 Nov 2019 - 19:01

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 ?


Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 7 Nov 2019 - 19:13

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.

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Jeu 7 Nov 2019 - 19:15

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.


Dernière édition par photoclic le Jeu 7 Nov 2019 - 19:31, édité 2 fois

Page 1 sur 2 1, 2  Suivant

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