Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Ouverture d'une balise object ou iframe au clic sur un bouton
par fascicularia Aujourd'hui à 19:53

» [PhpBB3] Supprimer : Dernière édition le .....
par Milouze14 Aujourd'hui à 18:57

» [Edge] Page html
par Milouze14 Aujourd'hui à 18:51

» Règlement de l'entraide Forumactif
par Coventgarden Aujourd'hui à 18:35

» *RESOLU*[PhpBB3] Miniature agrandie sur réponse rapide
par Milouze14 Hier à 15:19

» [PhpBB2] positionnement css
par Milouze14 Lun 18 Nov 2019 - 17:50

» histoire du Jour sans fin
par Quad Daniel Lun 18 Nov 2019 - 7:28

» *RESOLU*[PhpBB2] Notifications Push
par Milouze14 Lun 18 Nov 2019 - 6:06

» *RESOLU*[PhpBB2] Modifier la toolbar
par Milouze14 Lun 18 Nov 2019 - 6:03

» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par HardRock Sam 16 Nov 2019 - 21:23

» *RESOLU*[PhpBB3] Couleur de lien dans les messages
par Milouze14 Sam 16 Nov 2019 - 19:04

» *CORBEILLE*[PhpBB2] avertissement lors de la publication d'un email 2 le retour
par Milouze14 Sam 16 Nov 2019 - 7:16

» [PhpBB2]Module de connexion type forumactif
par petitefeuille Jeu 14 Nov 2019 - 13:12

» *RESOLU*[PhpBB3] Retirer bouton contact aux invités
par Milouze14 Mer 13 Nov 2019 - 15:59

» [PhpBB2] Avertissement lors de la publication d'un email
par Milouze14 Mer 13 Nov 2019 - 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

Page 2 sur 2 Précédent  1, 2

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

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 5 Nov 2019 - 16:52

Rappel du premier message :

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

MessageMilouze14 le Sam 9 Nov 2019 - 8:30

Coucou Serge,

alors voici la page HTML dans sa totalité..
J'ai volontairement gardé les mêmes identifiants et class afn que tu puisses mieux te repérer.
Pour le désign, il faut juste faire attention aux dimensions des images,ne le grossit pas plus car il faut laisser
la div en position absolute afin qu'elle reste positionnée au même endroit sinon, l'effet est vraiment horrible.


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">
.tooltipster-base{border:3px solid #345;}
body{background-color: #454444;color: #c3c4c7; }
* {scrollbar-color: #28aab8 #FFF;scrollbar-width: thin;}      
      
/*la barre de navigation*/
.M14_navigation
{
width:80%;
margin-left:10%;
height:30px;
text-align:center;
}
/*les liens de la barre de navigation*/
.M14_linkNAV
{
color:#3bd9eb;
text-decoration: none;
cursor:pointer;
}

/*reception des tags*/
div[class^="M14_recept_tags"]
{
width:70%;
margin-left:15%;
margin-top:100px;
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:10px 0px 10px 0px;
}      
div[class^="M14_recept_tags"] div:last-child{margin-bottom: 30px;}
      
/*les liens des sujets*/
a.M14_link
{
position: absolute;
color:#3bd9eb;
text-decoration: none;
margin: 3px;
cursor:pointer;
line-height: 60px;
width:25%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*les liens des forums*/
.M14_linkfofo
{
color:#3bd9eb;
text-decoration: none;
}
/*les images*/
.M14_src
{
width:48px;
height:48px;
margin-left:26%;
vertical-align: middle;
border-radius:60px;
position:absolute;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}  
.M14_src:hover
{
width:96px;
height:96px;
border-radius:96px;

}      
.M14_pseudo
{
float:right;
line-height:60px;
margin-right:20px;
}
      
/*on cache toutes les autres divs*/
.Portrait,.Panoramas,.Studio,.Instants,.Serie,.Nu_charme,.Concert,.Animaux,
.Noir_Blanc,.Flore,.Macro,.Urbex ,.Architecture,.Sport,.Inclassables  
{
display:none;      
}
 /*les separations entre les liens*/
span.M14_separate
{
display:inline-block;
width: 8px;
height: 8px;
margin: ;
background-color:#28aab8;
border-radius: 8px;
line-height: 8px;
      margin-left: 5px;
}      
    </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="Paysages"class="M14_linkNAV">Paysages</a><span class="M14_separate"></span>
<a id="Panoramas"class="M14_linkNAV">Panoramas</a><span class="M14_separate"></span>
<a id="Portraits"class="M14_linkNAV">Portraits</a><span class="M14_separate"></span>
<a id="Instants"class="M14_linkNAV">Instants de vie et rue</a><span class="M14_separate"></span>
<a id="Studio"class="M14_linkNAV">Studio</a><span class="M14_separate"></span>
<a id="Serie"class="M14_linkNAV">Petite série</a><span class="M14_separate"></span>
<a id="Nu_Charme"class="M14_linkNAV">Nu / Charme</a><span class="M14_separate"></span>
    <a id="Concert"class="M14_linkNAV">Concerts et spectacles</a>
    <br />
<a id="Animaux"class="M14_linkNAV">Animaux</a><span class="M14_separate"></span>    
<a id="Noir_Blanc"class="M14_linkNAV">Noir et Blanc</a><span class="M14_separate"></span>
<a id="Flore"class="M14_linkNAV">Flore</a><span class="M14_separate"></span>
<a id="Macro"class="M14_linkNAV">Macro et Proxy</a><span class="M14_separate"></span>
<a id="Urbex"class="M14_linkNAV">Urbex Engins et véhicules</a><span class="M14_separate"></span>
<a id="Architecture"class="M14_linkNAV">Architecture et Graphisme</a><span class="M14_separate"></span>
<a id="Sport"class="M14_linkNAV">Sport</a><span class="M14_separate"></span>
<a id="Inclassables"class="M14_linkNAV">Inclassables</a>
  </div>
    <br />  <br />
  <div class="M14_btn_login"style="text-align:center;"><a href="/login" class="M14_linkfofo not_login">Connectez vous</a> ou <a href="/register" class="M14_linkfofo not_register">enregistrez vous</a></div>

  <div class="M14_recept_tags Paysages"></div>  
  <div class="M14_recept_tags Panoramas"></div>  
  <div class="M14_recept_tags Portrait"></div>
  <div class="M14_recept_tags Instants"></div>
   <div class="M14_recept_tags Studio"></div>
   <div class="M14_recept_tags Serie"></div>
  <div class="M14_recept_tags Nu_charme"></div>
 <div class="M14_recept_tags Concert"></div>
 <div class="M14_recept_tags Animaux"></div>
   <div class="M14_recept_tags Noir_Blanc"></div>
   <div class="M14_recept_tags Flore"></div>
  <div class="M14_recept_tags Macro"></div>
   <div class="M14_recept_tags Urbex"></div>
   <div class="M14_recept_tags Architecture"></div>
  <div class="M14_recept_tags Sport"></div>
   <div class="M14_recept_tags Inclassables"></div>
  

<script>
$(function(){
$('a#Paysages').click(function(){
$('.M14_recept_tags:not(.Paysages)').fadeOut();
$('.M14_recept_tags.Paysages').fadeIn();
});
$('a#Panoramas').click(function(){
$('.M14_recept_tags:not(.Panoramas)').fadeOut();
$('.M14_recept_tags.Panoramas').fadeIn();
});
$('a#Portraits').click(function(){
$('.M14_recept_tags:not(.Portrait)').fadeOut();
$('.M14_recept_tags.Portrait').fadeIn();
});
$('a#Instants').click(function(){
$('.M14_recept_tags:not(.Instants)').fadeOut();
$('.M14_recept_tags.Instants').fadeIn();
});
$('a#Studio').click(function(){
$('.M14_recept_tags:not(.Studio)').fadeOut();
$('.M14_recept_tags.Studio').fadeIn();
});
$('a#Serie').click(function(){
$('.M14_recept_tags:not(.Serie)').fadeOut();
$('.M14_recept_tags.Serie').fadeIn();
});
$('a#Nu_Charme').click(function(){
$('.M14_recept_tags:not(.Nu_Charme)').fadeOut();
$('.M14_recept_tags.Nu_charme').fadeIn();
});
$('a#Concert').click(function(){
$('.M14_recept_tags:not(.Concert)').fadeOut();
$('.M14_recept_tags.Concert').fadeIn();
});
  $('a#Animaux').click(function(){
$('.M14_recept_tags:not(.Animaux)').fadeOut();
$('.M14_recept_tags.Animaux').fadeIn();
});
  $('a#Noir_Blanc').click(function(){
$('.M14_recept_tags:not(.Noir_Blanc)').fadeOut();
$('.M14_recept_tags.Noir_Blanc').fadeIn();
});
$('a#Flore').click(function(){
$('.M14_recept_tags:not(.Flore)').fadeOut();
$('.M14_recept_tags.Flore').fadeIn();
});
$('a#Macro').click(function(){
$('.M14_recept_tags:not(.Macro)').fadeOut();
$('.M14_recept_tags.Macro').fadeIn();
});
$('a#Urbex').click(function(){
$('.M14_recept_tags:not(.Urbex)').fadeOut();
$('.M14_recept_tags.Urbex').fadeIn();
});
$('a#Architecture').click(function(){
$('.M14_recept_tags:not(.Architecture)').fadeOut();
$('.M14_recept_tags.Architecture').fadeIn();
});
$('a#Sport').click(function(){
$('.M14_recept_tags:not(.Sport)').fadeOut();
$('.M14_recept_tags.Sport').fadeIn();
});
$('a#Inclassables').click(function(){
$('.M14_recept_tags:not(.Inclassables)').fadeOut();
$('.M14_recept_tags.Inclassables').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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').text();
var vue=$(this).find('dl dd:eq(5)').text();

  $('.Paysages').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Panoramas' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Panoramas').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Portrait').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Instants_de_vie_et_rue' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Instants').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Studio' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Studio').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Petite_série' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Serie').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Nu__Charme' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Nu_charme').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Concerts_et_spectacles' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Concert').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Animaux' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Animaux').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Noir_et_Blanc' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Noir_Blanc').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Flore' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Flore').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Macro_et_Proxy' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Macro').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Urbex_Engins_et_véhicules' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Urbex').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Architecture_et_Graphisme' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Architecture').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Sport' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Sport').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Inclassables' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Inclassables').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
 

</body>

</html>
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 9 Nov 2019 - 13:36

Bonjour Philippe,

Quel super boulot tu m'as fais là  super
Un très grand grand merci.

Pour savoir sur quelle rubrique on se situe, serait-il possible de mettre un fond sur la rubrique sur laquelle on a cliqué, ainsi on saurait quelle rubrique est présentée.
Couleur du fond par exemple #593E41

Aussi, j'abuse peut-être, si cela est possible, avoir en haut de la page la barre de navigation.



fascicularia
fascicularia
Milouzien

Messagefascicularia le Sam 9 Nov 2019 - 14:25

Ne reste plus qu'à faire un tutoriel sur le sujet pasvuT

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 9 Nov 2019 - 16:07

Re Serge,
peux-tu éclairer ma lanterne car je ne comprends pas de quoi tu parles mon ami!!

Ne reste plus qu'à faire un tutoriel sur le sujet

Pas besoin Stéphane clin oeil , il faut juste reprendre le contenu de la page HTML et de modifier les titres de la barre de navigation et
les divs recevant les tags car ils ont les mêmes class et ids.

fascicularia
fascicularia
Milouzien

Messagefascicularia le Sam 9 Nov 2019 - 22:25

Merci Phiippe.
Il n'y a pas une histoire de tag automatique sur les images ?

photoclic
photoclic
Milouzien

Messagephotoclic le Sam 9 Nov 2019 - 23:32

Hello Stéphane et Philippe,

@Stéphane: La page html développée par Philippe permet de récupérer les sujets tagués, les tags devant être ajoutés dans le message manuellement.
Je ferais une autre demande pour voir s'il est possible quand on poste un nouveau message, de mettre le tag en bas du 1ier message automatiquement; le tag devant être pour ma demande le préfixe du titre du sujet.

@Philippe: ce que je demandais, si cela est possible, c'est de mettre un fond sur le tag sélectionné, ainsi on saurait à quel tag se rapportent les sujets présentés.
Couleur du fond par exemple #72363D


En image:
*RESOLU*[PhpBB3] Photos par thèmes - Page 2 Captur25


Et peut-être aussi au passage de la souris un :hover blanc.
En espérant avoir été plus précis.





fascicularia
fascicularia
Milouzien

Messagefascicularia le Dim 10 Nov 2019 - 0:32

Merci Serge,

Dommage qu'il faille qu'un tag soit présent. Vu la cossardise naturelle des internautes, j'ai peur qu'il faille une équipe administrative très, très motivée pour apporter un tag à chaque apposition d'image.
Perso, je suis seul à tout gérer donc ...


pour la modif
Code:
.M14_linkNAV {
 
    background-color: #72363D;
}

.M14_linkNAV:hover {
 
    background-color: white;
}





Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 10 Nov 2019 - 6:01

Coucou les amis,
alors, le faite de taguer un sujet , un message et quelque soit le contenu,
on retrouve l'élément très facilement..


Serge, tu peux tester cette page HTML, normalement tout est fonctionnel avec les ajouts demandés:

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;}     
     
/*la barre de navigation*/
.M14_navigation
{
width:80%;
margin-left:10%;
height:30px;
text-align:center;
}
/*les liens de la barre de navigation*/
.M14_linkNAV
{
font-size: 14px;
color:#3bd9eb;
text-decoration: none;
cursor:pointer;
padding: 3px 6px;
background-color: #454444;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*les liens de la barre de navigation au survol*/
.M14_linkNAV.selected:hover {background-color: white;color:#72363D;}
.selected{background-color:#72363D;}

/*reception des tags*/
div[class^="M14_recept_tags"]
{
width:70%;
margin-left:15%;
margin-top:100px;
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:10px 0px 10px 0px;
}     
div[class^="M14_recept_tags"] div:last-child{margin-bottom: 30px;}
     
/*les liens des sujets*/
a.M14_link
{
position: absolute;
color:#3bd9eb;
text-decoration: none;
margin: 3px;
cursor:pointer;
line-height: 60px;
width:25%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*les liens des forums*/
.M14_linkfofo
{
color:#3bd9eb;
text-decoration: none;
}
/*les images*/
.M14_src
{
width:48px;
height:48px;
margin-left:26%;
vertical-align: middle;
border-radius:60px;
position:absolute;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

.M14_src:hover
{
width:96px;
height:96px;
border-radius:96px;

}     
.M14_pseudo
{
float:right;
line-height:60px;
margin-right:20px;
}
     
/*on cache toutes les autres divs*/
.Portrait,.Panoramas,.Studio,.Instants,.Serie,.Nu_charme,.Concert,.Animaux,
.Noir_Blanc,.Flore,.Macro,.Urbex ,.Architecture,.Sport,.Inclassables 
{
display:none;     
}
 /*les separations entre les liens*/
span.M14_separate
{
display:inline-block;
width: 8px;
height: 8px;
background-color:#28aab8;
border-radius: 8px;
line-height: 8px;
margin-left: 5px;
}
/*Barre de navigation native*/     
.recep_Nav_bar{text-align:center;height:100px;}
/*Barre de navigation native lien*/
.recep_Nav_bar ul li a 
{
font-size: 14px!important;
color:#3bd9eb!important;
text-decoration: none!important;
}
/*Barre de navigation native separation*/
.recep_Nav_bar ul li:not(:last-child):after
{
content:'';
display:inline-block;
width: 8px;
height: 8px;
background-color:#28aab8;
border-radius: 8px;
line-height: 8px;
margin-left: 5px;
margin-right: 5px;
}

/*Barre de navigation native positionnement*/
.recep_Nav_bar ul li
{
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
/*Barre de navigation native on supprime ce qui nous interresse pas*/
.recep_Nav_bar ul li  img,.recep_Nav_bar #search-box
{display:none;}


    </style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<script>
$(function(){
 
  $.get('/' , function(data){
$(data).find('#page-header .navbar  .inner').each(function(){
var navbar=$(this).html();$('.recep_Nav_bar').html(navbar);
var M14_login=$(this).find('a[id="logout"]').length;
var M14_not_login=$(this).find('a[href^="/login"]:not(#logout)').length;
if(M14_login)
{
$('.M14_btn_login').remove();
}
if(M14_not_login)
{
$('.M14_navigation,div[class^="M14_recept_tags"]').remove(); 
}
 
  });});});</script>
  <div class="recep_Nav_bar"><img src="https://i.servimg.com/u/f20/20/11/87/27/loadin10.gif"/></div>
  <div class="M14_navigation">
<a id="Paysages"class="M14_linkNAV selected">Paysages</a><span class="M14_separate"></span>
<a id="Panoramas"class="M14_linkNAV">Panoramas</a><span class="M14_separate"></span>
<a id="Portraits"class="M14_linkNAV">Portraits</a><span class="M14_separate"></span>
<a id="Instants"class="M14_linkNAV">Instants de vie et rue</a><span class="M14_separate"></span>
<a id="Studio"class="M14_linkNAV">Studio</a><span class="M14_separate"></span>
<a id="Serie"class="M14_linkNAV">Petite série</a><span class="M14_separate"></span>
<a id="Nu_Charme"class="M14_linkNAV">Nu / Charme</a><span class="M14_separate"></span>
<a id="Concert"class="M14_linkNAV">Concerts et spectacles</a>
    <br /><br />
<a id="Animaux"class="M14_linkNAV">Animaux</a><span class="M14_separate"></span>   
<a id="Noir_Blanc"class="M14_linkNAV">Noir et Blanc</a><span class="M14_separate"></span>
<a id="Flore"class="M14_linkNAV">Flore</a><span class="M14_separate"></span>
<a id="Macro"class="M14_linkNAV">Macro et Proxy</a><span class="M14_separate"></span>
<a id="Urbex"class="M14_linkNAV">Urbex Engins et véhicules</a><span class="M14_separate"></span>
<a id="Architecture"class="M14_linkNAV">Architecture et Graphisme</a><span class="M14_separate"></span>
<a id="Sport"class="M14_linkNAV">Sport</a><span class="M14_separate"></span>
<a id="Inclassables"class="M14_linkNAV">Inclassables</a>
  </div>
    <br />  <br />
   
 <div class="M14_btn_login"style="text-align:center;"><a href="/login" class="M14_linkfofo not_login">Connectez vous</a> ou <a href="/register" class="M14_linkfofo not_register">enregistrez vous</a></div>
  <div class="M14_recept_tags Paysages"></div> 
  <div class="M14_recept_tags Panoramas"></div> 
  <div class="M14_recept_tags Portrait"></div>
  <div class="M14_recept_tags Instants"></div>
  <div class="M14_recept_tags Studio"></div>
  <div class="M14_recept_tags Serie"></div>
  <div class="M14_recept_tags Nu_charme"></div>
 <div class="M14_recept_tags Concert"></div>
 <div class="M14_recept_tags Animaux"></div>
  <div class="M14_recept_tags Noir_Blanc"></div>
  <div class="M14_recept_tags Flore"></div>
  <div class="M14_recept_tags Macro"></div>
  <div class="M14_recept_tags Urbex"></div>
  <div class="M14_recept_tags Architecture"></div>
  <div class="M14_recept_tags Sport"></div>
  <div class="M14_recept_tags Inclassables"></div>
 
<script>
 $(function(){
$('.M14_navigation').find('.M14_linkNAV').each(function(){

$(this).click(function(){
  $('.M14_linkNAV.selected').removeClass('selected');
$(this).addClass('selected');
});});});
  </script>
<script>
$(function(){
$('a#Paysages').click(function(){
$('.M14_recept_tags:not(.Paysages)').fadeOut();
$('.M14_recept_tags.Paysages').fadeIn();
});
$('a#Panoramas').click(function(){
$('.M14_recept_tags:not(.Panoramas)').fadeOut();
$('.M14_recept_tags.Panoramas').fadeIn();
});
$('a#Portraits').click(function(){
$('.M14_recept_tags:not(.Portrait)').fadeOut();
$('.M14_recept_tags.Portrait').fadeIn();
});
$('a#Instants').click(function(){
$('.M14_recept_tags:not(.Instants)').fadeOut();
$('.M14_recept_tags.Instants').fadeIn();
});
$('a#Studio').click(function(){
$('.M14_recept_tags:not(.Studio)').fadeOut();
$('.M14_recept_tags.Studio').fadeIn();
});
$('a#Serie').click(function(){
$('.M14_recept_tags:not(.Serie)').fadeOut();
$('.M14_recept_tags.Serie').fadeIn();
});
$('a#Nu_Charme').click(function(){
$('.M14_recept_tags:not(.Nu_Charme)').fadeOut();
$('.M14_recept_tags.Nu_charme').fadeIn();
});
$('a#Concert').click(function(){
$('.M14_recept_tags:not(.Concert)').fadeOut();
$('.M14_recept_tags.Concert').fadeIn();
});
  $('a#Animaux').click(function(){
$('.M14_recept_tags:not(.Animaux)').fadeOut();
$('.M14_recept_tags.Animaux').fadeIn();
});
  $('a#Noir_Blanc').click(function(){
$('.M14_recept_tags:not(.Noir_Blanc)').fadeOut();
$('.M14_recept_tags.Noir_Blanc').fadeIn();
});
$('a#Flore').click(function(){
$('.M14_recept_tags:not(.Flore)').fadeOut();
$('.M14_recept_tags.Flore').fadeIn();
});
$('a#Macro').click(function(){
$('.M14_recept_tags:not(.Macro)').fadeOut();
$('.M14_recept_tags.Macro').fadeIn();
});
$('a#Urbex').click(function(){
$('.M14_recept_tags:not(.Urbex)').fadeOut();
$('.M14_recept_tags.Urbex').fadeIn();
});
$('a#Architecture').click(function(){
$('.M14_recept_tags:not(.Architecture)').fadeOut();
$('.M14_recept_tags.Architecture').fadeIn();
});
$('a#Sport').click(function(){
$('.M14_recept_tags:not(.Sport)').fadeOut();
$('.M14_recept_tags.Sport').fadeIn();
});
$('a#Inclassables').click(function(){
$('.M14_recept_tags:not(.Inclassables)').fadeOut();
$('.M14_recept_tags.Inclassables').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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').text();
var vue=$(this).find('dl dd:eq(5)').text();

  $('.Paysages').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Panoramas' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Panoramas').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Portrait').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Instants_de_vie_et_rue' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Instants').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Studio' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Studio').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Petite_série' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Serie').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Nu__Charme' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Nu_charme').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Concerts_et_spectacles' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Concert').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Animaux' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Animaux').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Noir_et_Blanc' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Noir_Blanc').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Flore' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Flore').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Macro_et_Proxy' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Macro').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
  <script>
$(function(){
$.get('/tags/Urbex_Engins_et_véhicules' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Urbex').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Architecture_et_Graphisme' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Architecture').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Sport' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Sport').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>
<script>
$(function(){
$.get('/tags/Inclassables' , 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();
var date=$(this).find('dl dd:eq(0)').text();
var fofotext=$(this).find('dl dd:eq(2) .postdetails').text();
var fofolink=$(this).find('dl dd:eq(2) .postdetails').attr('href');
var rep=$(this).find('dl dd:eq(4)').html();
var vue=$(this).find('dl dd:eq(5)').html();
$('.Inclassables').append('<div> <a href="'+link+'"class="M14_link" title="'+text+'">'+text+'</a><img src="'+img+'"class="M14_src"/><span class="M14_pseudo">Posté dans le forum <a href="'+fofolink+'"class="M14_linkfofo">'+fofotext+'</a> par: <strong>'+auteur+'</strong> '+date+' '+rep+' '+vue+'</span></div>');
});
});});
</script>

</body>

</html>

Comme dirait les jeunes, je la kif grave mdr

Le contenu ne sera pas affiché pour les invités,
ils n'auront que le menu :
"Connectez vous ou enregistrez vous".



Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 10 Nov 2019 - 10:04

Hello Serge,
je pense avoir trouver la solution pour injecter directement
le tag lors d'une sélection d'un préfixe, mais le hic est toujours les mots composés.
Donc faire un choix en taguant normalement à l'aide de l'éditeur ou alors revoir les préfixes

Le script des préfixes modifié:
Code:
//Préfixes sur titres nouveaux sujets
var prefixes = ["Paysages","Panoramas","Portraits","Instants de vie et rue","Studio","Petite série","Nu /Charme","Concerts et spectacles","Animaux","Noir et Blanc","Flore","Macro et Proxy","Urbex Engins et véhicules","Architecture et Graphisme","Sport","Inclassables"];
        var _pm = false;
        var chk = false;
        function toMenu(a) {
          var htmlpre = '<select style="margin-right:5px" id="prefix" size="1"><option value="">Préfixe</option>';
          for (i in a)
          htmlpre += '<option value="' + a[i] + '">' + a[i] + '</option>';
          htmlpre += '</select>';
          return htmlpre;
        }
        function checkpre(ar, input) {
          for (i in ar) {
              var p = new RegExp("\\" + ar[i], "g");
              var title = input.substr(0, input.indexOf(']'));
              if (p.test(title)) return ar[i];
          }
          return "";
        }
        $(function () {
          if (_pm) chk = /\privmsg/.test(location.href);
          if (/\/post/.test(location.href)&&!$('form[name="post_ads"]').length || chk) {
              $(toMenu(prefixes)).insertBefore("input[name=subject][type=text]");
              var mw = $("#prefix").width() + 5;
              $("input[name=subject]").css("width", $("input[name=subject]").width() - mw);
              var t = $("[name=subject]").val();
              

              var cur = checkpre(prefixes, t);
              if (cur != "") {
                $("[value=" + cur + "]").attr("selected", "selected");
  
                $("input[name=subject]").val(t.replace('[' + cur + ']', '').trim());
              }
              $("input[name=post]").click(function () {
var texta=$('#text_editor_textarea').sceditor("instance").val();
var sub = $("input[name=subject]").val().trim();
if (sub != "" && $("#prefix").val() != "")
$("input[name=subject]").val("[" + $("#prefix").val() + "] " + sub);
var test=$("#prefix").val();
                if(test)
                {
$('#text_editor_textarea').sceditor("instance").val(''+texta+'"\n#'+test+'');
                }
              });
          }
        });

Avec le script suivant pour les préfixes en complétant les espaces vides par des _ ,
lors de l'envoi, le tag est fonctionnel:

Code:
//Préfixes sur titres nouveaux sujets
    var prefixes = ["Paysages","Panoramas","Portraits","Instants_de_vie_et_rue","Studio","Petite_série","Nu/Charme","Concerts_et_spectacles","Animaux","Noir_et_Blanc","Flore","Macro_et_Proxy","Urbex_Engins_et_véhicules","Architecture_et_Graphisme","Sport","Inclassables"];
            var _pm = false;
            var chk = false;
            function toMenu(a) {
              var htmlpre = '<select style="margin-right:5px" id="prefix" size="1"><option value="">Préfixe</option>';
              for (i in a)
              htmlpre += '<option value="' + a[i] + '">' + a[i] + '</option>';
              htmlpre += '</select>';
              return htmlpre;
            }
            function checkpre(ar, input) {
              for (i in ar) {
                  var p = new RegExp("\\" + ar[i], "g");
                  var title = input.substr(0, input.indexOf(']'));
                  if (p.test(title)) return ar[i];
              }
              return "";
            }
            $(function () {
              if (_pm) chk = /\privmsg/.test(location.href);
              if (/\/post/.test(location.href)&&!$('form[name="post_ads"]').length || chk) {
                  $(toMenu(prefixes)).insertBefore("input[name=subject][type=text]");
                  var mw = $("#prefix").width() + 5;
                  $("input[name=subject]").css("width", $("input[name=subject]").width() - mw);
                  var t = $("[name=subject]").val();
               

                  var cur = checkpre(prefixes, t);
                  if (cur != "") {
                    $("[value=" + cur + "]").attr("selected", "selected");
   
                    $("input[name=subject]").val(t.replace('[' + cur + ']', '').trim());
                  }
                  $("input[name=post]").click(function () {
    var texta=$('#text_editor_textarea').sceditor("instance").val();
    var sub = $("input[name=subject]").val().trim();
    if (sub != "" && $("#prefix").val() != "")
    $("input[name=subject]").val("[" + $("#prefix").val() + "] " + sub);
    var test=$("#prefix").val();
                    if(test)
                    {
    $('#text_editor_textarea').sceditor("instance").val(''+texta+'"\n#'+test+'');
                    }
                  });
              }
            });


Dernière édition par Milouze14 le Dim 10 Nov 2019 - 10:59, édité 1 fois
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 10 Nov 2019 - 11:05

Bonjour Philippe,

Quel joli cadeau dominical tu me fais là!
Je kiffe grave aussi ce développement :-)

Alors sur le html:
. sur mon fofo, j'ai plusieurs barre de navigation, et là il y en a une qui apparait de façon parasite, c'est l'id= "M14_navPerso". Elle serait à retirer.
. Le :hover se fait au clic et non au passage de la souris
. Sur la barre de navigation est ce que l 'on peu retirer Évènements Publications Newsletters Calendrier FAQ Membres Groupes Profil Rechercher Alerte membres, et avoir un hover blanc au passage de la souris.

Sur le JS préfixe:
. Les tags sont bien mis en fin de message posté, (c'est magique ça).
Par contre sur les tags avec des mots composés les _ entre les mots ne sont pas ajoutés.
Alors si trop compliqué à faire dans le script, ils pourraient être mis directement dans la liste des préfixes dans la page html.

Voila Phil suite à mes premiers essais.
Les scripts et html sont installés sur mon fofo.
J'ai crée un bouton (cinquième) dans ma barre de navigation "Sujets par thème" pour lancer le html.

Merci pour tout ça Phil.


photoclic
photoclic
Milouzien

Messagephotoclic le Dim 10 Nov 2019 - 11:09

Hello Phil,

Nos messages se sont croisé pour le JS.
Je teste et je reviens vers toi.



Edit:
J'ai pris ton dernier JS, et ça me semble OK Merci
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 10 Nov 2019 - 11:51

Re Serge,
à cette heure, je n'ai plus beaucoup de temps.

Je viens de corriger l'essentiel, c'est à dire le bug concernant la deuxième barre présente sur ton fofo, le script le prend désormais en compte.

Les liens non autorisé sont masqués dans la feuille de style:
Code:
.recep_Nav_bar li:nth-child(7),.recep_Nav_bar li:nth-child(8),.recep_Nav_bar li:nth-child(9),
.recep_Nav_bar li:nth-child(10),.recep_Nav_bar li:nth-child(11),.recep_Nav_bar li:nth-child(12),
.recep_Nav_bar li:nth-child(13),.recep_Nav_bar li:nth-child(14),.recep_Nav_bar li:nth-child(16),.recep_Nav_bar li:nth-child(17)
          {display:none;}

Ensuite ,on peut laisser la sélection sur le bouton cliqué non et ajouter ce style(effectue dans la feuille de style)
Code:
.M14_linkNAV:not(selected):hover{background-color:#72363D;color:white;}




Ensuite l'avantage de mettre des _ dans le script des préfixes et que tu auras toujours le même résultat sur les tags de la page html ci-dessus.
photoclic
photoclic
Milouzien

Messagephotoclic le Dim 10 Nov 2019 - 12:01

Tout est parfait Philippe. T'est génial!

Un grand merci pour tout l'ami tape la


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Dim 10 Nov 2019 - 17:51

De rien Serge,


Hello


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

A bientôt pour une prochaine demande clin oeil



Page 2 sur 2 Précédent  1, 2

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