*RESOLU* [PHPBB3] Un nouveau bandeau

Page 1 sur 2 1, 2  Suivant

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

*RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Lun 14 Aoû 2017 - 23:55
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonsoir,

Je fais apparaitre sur le portail de mon forum au centre le widget prédéfini "News" qui présente les photos postées dans le forum "Les Best" (le second forum de ma page d'accueil).

Serait-il possible d'avoir en haut de la page d'accueil, un script (Peut-être placé dans les généralités) pour avoir un bandeau avec les miniatures des photos présentées dans le module News du portail?

le bandeau pourrait se présenter ainsi:

Spoiler:


Merci pour votre aide.


Dernière édition par photoclic le Ven 18 Aoû 2017 - 23:52, édité 1 fois

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mar 15 Aoû 2017 - 12:14
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,

tu peux tester ceci stp:

Tu auras un défilement d'image ou tu pourras modifier l'ordre de défilement vers la droite ici:

Code:
direction="left"
right :pour un défilement vers la droite


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur toutes les pages.

Déposes ceci:
Code:

$(function(){
$('#main-content ul:first').before('<div id="M14Load_portal"><marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" style="height:200px;width:100%;" class="M14_recepLoad">
</marquee></div>');
$('#M14Load_portal marquee').load('/portal .module.mod_news  .content img');
});

Penses a cliquer sur le bouton Valider


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposes ceci:
Code:

/*Le conteneur*/
#M14Load_portal
{
width: 100%;
height: 200px;
background: #626262;
border: 1px solid #ccc;
color: #fff;
height: 200px;
padding-top:10px;
}
/*Les images dans le conteneur*/
#M14Load_portal img
{
height: 180px;
float: left;
margin-left: 1em;
margin-right: 1em;
text-align: center;
}


Penses à valider les modifications en cliquant sur le bouton Valider



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mar 15 Aoû 2017 - 14:56
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonjour Philippe

C'est déjà extra.

Quelques modifs si c'est possible, j'en demande peut-être trop:
. Ne pas avoir les smileys (je crois que Arnaud teste la taille des images pour les éviter).
. Avoir un titre centré au dessus du bandeau:"Les photos en Best" (comme sur l'mage jointe ci-dessus).
. Ne pas avoir de défilement, mais les photos fixes avec un overflow.
. Avoir sous chaque photo le nom de l'auteur
. Arrivé sur le post quand on clique sur la photo.

Un grand merci Phil déjà pour tout ça.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mar 15 Aoû 2017 - 17:42
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Serge,
merci de préciser tout cela avant , cela évite de se repastiller tout clin oeil .

Bon me voilà encore bien ennuyé car sur le portail tout fonctionne.
Le soucis que je rencontre c'est de l'importer sur l'index et je n'y arrive pas pascontentGrrrrrr .

Ps: je me suis permis de piquer tes images pour les essais Serge impeccable

La css modifiée:
Code:
/*Le conteneur*/
#M14Load_portal
{
width: 100%;
height: 200px;
background: #626262;
border: 1px solid #ccc;
color: #fff;
height: 200px;
padding-top:10px;
overflow-y:auto;
}
#M14Load_portal img{height: 180px;}
#M14Load_portal div
{
float: left;
margin:4px;
text-align: center;
border: 2px solid white; 
}

Le script avec l'auteur, le lien du sujet avec son infobulle précisant le titre du sujet.

Code:

$(function(){
$('.portal').before('<div id="M14Load_portal"></div>');
$('.module.mod_news .inner').each(function(){
var M14_portalIMG=$(this).find('.content img').filter(function(){return this.width>200&&this.height>200;}).attr('src');
  if(M14_portalIMG){
var M14_title=$(this).find('.h3').text();
var M14_author=$(this).find('p span strong').text();   
var M14_portalLINK=$(this).find('p.row3 a[href^="/t"]').attr('href');
$('#M14Load_portal').append('<div>Posté par :'+M14_author+'<br /><a href="' +M14_portalLINK+ '" title="'+M14_title+'"><img src="'+M14_portalIMG+'"/></a></div>');
}

});
});




Ce qui donne:



Si @no_way ( Arnaud ) peut y remédier clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mar 15 Aoû 2017 - 19:35
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Formidable ça Philippe.
Vraiment désolé de ne pas avoir précisé plus tôt, et pour les photos, tu nous flattes en les utilisant.

Vraiment curieux que cela ne puisse être mis sur la page d'accueil, alors que ton premier script le faisait.
Ce serait effectivement génial si Arnaud y arrivait.

Juste 2 points;
. Serait-il possible d'avoir en haut du bandeau ce titre centré au dessus du bandeau:"Les photos en Best"
. Par souci de cohérence avec mes autres bandeaux, avoir l'auteur en dessous de la photo et non au dessus.

J'avoue être épaté par ce vous arrivez à faire en programmation.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mar 15 Aoû 2017 - 20:12
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Tu peux remplacer la c.s.s par celle-ci:

Code:
/*Le conteneur*/
#M14Load_portal
{
width: 100%;
height: 200px;
background: #626262;
border: 1px solid #ccc;
color: #fff;
height: 200px;
padding-top:10px;
overflow-y:auto;
}
/*Le titre*/
#M14Load_portal span
{
position: absolute;
width: 10%;
margin-top: -30px;
line-height: 20px;
height: 20px;
background: #626262;
left: 40%;
text-align:center;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px; 
}
#M14Load_portal img{height: 180px;}
#M14Load_portal div.M14_blocPortal
{
float: left;
margin:4px;
text-align: center;
border: 2px solid white; 
}

Puis le script:
Code:

$(function(){
$('.portal').before('<div id="M14Load_portal"><span>Les photos en Best</span></div>');
$('.module.mod_news .inner').each(function(){
var M14_portalIMG=$(this).find('.content img').filter(function(){return this.width>200&&this.height>200;}).attr('src');
  if(M14_portalIMG){
var M14_title=$(this).find('.h3').text();
var M14_author=$(this).find('p span strong').text();   
var M14_portalLINK=$(this).find('p.row3 a[href^="/t"]').attr('href');
$('#M14Load_portal').append('<div class="M14_blocPortal"><a href="' +M14_portalLINK+ '" title="'+M14_title+'"><img src="'+M14_portalIMG+'"/></a><br />Posté par :'+M14_author+'</div>');
}

});
});


Vraiment curieux que cela ne puisse être mis sur la page d'accueil, alors que ton premier script le faisait.

Il faut connaitre le placement du script Serge, il est placé sur toutes les pages mais concerne le portail, il faut prendre les données que j'ai mises en oeuvre et les placer sur la page d'accueil , même avec un get , je n'y arrive pas.....


. Serait-il possible d'avoir en haut du bandeau ce titre centré au dessus du bandeau:"Les photos en Best"
. Par souci de cohérence avec mes autres bandeaux, avoir l'auteur en dessous de la photo et non au dessus.

Le script a été modifié Serge clin oeil





-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mar 15 Aoû 2017 - 21:36
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
C'est parfait Philippe, un grand merci.
il y a juste le titre qui monte avec l'overflow.

Reste plus qu'à trouver l'astuce pour mettre cela sur la page d'accueil.

Je pensais innocemment qu'en mettant comme sur le premier script
Code:
$('#main-content ul:first').before
à la place de
Code:
$('.portal').before
cela collerait  marreordi

Si notre ami Arnaud @no_way passait par là, ce serait top.

Merci encore pour tout en tous cas.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mer 16 Aoû 2017 - 6:19
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
je viens de corriger via les script et la c.s.s le positionnement du bouton clin oeil .

Je pensais innocemment qu'en mettant comme sur le premier script

Code:
$('#main-content ul:first').before

Cela n'a rien a voir avec une partie html dans la page d'accueil Serge, ce n'est qu'une question d'importer la div , c'est tout clin oeil .




-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mer 16 Aoû 2017 - 8:49
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Il existe une autre solution qui consiste a passer par le template des news et faire des modifications, puis on load avec ce script.

Edit:
regardes plutôt le message suivant :
https://www.milouze14.com/t30873-phpbb3-un-nouveau-bandeau#587293

Code:
$(function(){
$('#main-content ul.linklist:first').before('<div class="M14Load_portal_title"><div>Les photos en Best</div></div><br/><div class="M14Load_portal"></div>');
jQuery.get('/portal ',function(data){jQuery('.M14Load_portal').html(jQuery(data).find('.portal td:nth-child(2) ').html());});
});


La c.s.s associée:
Code:
.M14Load_portal
{
width: 100%;
height: 200px;
background: #626262;
border: 1px solid #ccc;
color: #fff;
height: 200px;
padding-top:10px;
overflow-y:auto;
}
.M14Load_portal .inner .h3,.M14Load_portal a[name^="news"],.M14Load_portal div[style="height:2px"],.M14Load_portal .inner p.M14_portal_title
{display:none;}


.M14Load_portal .content img{height: 180px;max-width:180px;}
.M14Load_portal .module.mod_news
{
  width:190px;
  float:left;
  margin:3px;
  border:3px solid white;
}
.M14Load_portal .M14_portal_titleBis
{
display: block !important;
font-size: 11px !important;
line-height: 11px !important;
}
.M14Load_portal img[longdesc]{display:none;}

Dans le template mod_recent_topics:
Affichage/Templates/Portail/mod_news

Recherches ceci:
Code:
<p>{post_row.TIME} {BY} <strong>{post_row.POSTER}</strong></p>

Supprimes et remplaces par:
Code:

<p class="M14_portal_title">{post_row.TIME} {BY} <strong>{post_row.POSTER}</strong></p>

Plus bas recherches ceci:

Code:

</div>
<!-- END post_row -->

Juste avant déposes ceci:
Code:
 <p class="M14_portal_titleBis"style="display:none;text-align:center;"><strong>{post_row.POSTER}</strong></p>




Ce code html qui ne sera visible que dans la div du load , il servira a mettre le pseudo en bas du message.


Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer  puis  Ajout


Le seul hic avec cette astuce, c'est que le script (load) importe tous les message du widget news.




Dernière édition par Milouze14 le Mer 16 Aoû 2017 - 10:53, édité 1 fois



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mer 16 Aoû 2017 - 10:52
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Avant de me sauver une autre mouture Serge.

On part du même principe mais au survol des vignettes le tire s'affichera et au click cela t'amènera au message concerné.

La c.s.s (avec le bouton en haut afficher le titre oublié dans mon message précédent):
Code:
.M14Load_portal_title div
{
position: absolute;
width: 15%;
margin-top: -5px;
line-height: 20px;
height: 20px;
background: #626262;
color:white;
left: 45%;
text-align:center;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

.M14Load_portal
{
width: 100%;
height: 200px;
background: #626262;
border: 1px solid #ccc;
color: #fff;
height: 200px;
padding-top:10px;
overflow-y:auto;
}
.M14Load_portal .inner .h3,.M14Load_portal a[name^="news"],.M14Load_portal div[style="height:2px"],
.M14Load_portal .inner p.M14_portal_title,.M14Load_portal  .M14_Portal_linkNone{display:none;}

.M14Load_portal .module.mod_news .content{min-height:206px;}
.M14Load_portal .module.mod_news .content img{height: 180px;max-width:180px;}
.M14Load_portal .module.mod_news
{

  width:190px;
  height:auto;
  float:left;
  margin:3px;
  border:3px solid white;
}

.M14Load_portal .M14_portal_titleBis
{
display: block !important;
font-size: 11px !important;
line-height: 11px !important;
}
.M14Load_portal .M14_Portal_link{display: block !important;}

.M14Load_portal img[longdesc]{display:none;}


Le template complétement modifié:
Code:
<!-- BEGIN post_row -->
<!-- BEGIN saut -->
<div style="height:2px"></div>
<!-- END saut -->
<a name="news_{post_row.ID}"></a>

<div class="module mod_news">
   <div class="inner">
      <span class="corners-top"><span></span></span>

      <div class="h3" style="text-align:{LEFT};">{post_row.TITLE}</div>
      <p class="M14_portal_title">{post_row.TIME} {BY} <strong>{post_row.POSTER}</strong></p>
          <div class="content"> <div class="M14_Portal_linkNone">{post_row.TEXT}</div><br /><br />
                  <a class="M14_Portal_link"href="{post_row.U_VIEW_COMMENTS}"style="display:none;"title="{post_row.TITLE}">{post_row.TEXT}</a>
      <!-- BEGIN switch_attachments -->
      <dl class="attachbox">
         <dt>{post_row.switch_attachments.L_ATTACHMENTS}</dt>
         <dd class="attachments">
            <!-- BEGIN switch_post_attachments -->
            <dl class="file clearfix">
         <dt>
                  <img src="{post_row.switch_attachments.switch_post_attachments.U_IMG}" />

                  <!-- BEGIN switch_dl_att -->
                  <a class="postlink" href="{post_row.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {post_row.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                  <!-- END switch_dl_att -->

                  <!-- BEGIN switch_no_dl_att -->
                  {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                  <!-- END switch_no_dl_att -->
               </dt>

               <!-- BEGIN switch_no_comment -->
               <dd>
                  <em>{post_row.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
               </dd>
               <!-- END switch_no_comment -->

               <!-- BEGIN switch_no_dl_att -->
               <dd>
                  <em><strong>{post_row.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
               </dd>
               <!-- END switch_no_dl_att -->

               <dd>({post_row.switch_attachments.switch_post_attachments.FILE_SIZE}) {post_row.switch_attachments.switch_post_attachments.NB_DL}</dd>
            </dl>
            <!-- END switch_post_attachments -->
         </dd>
      </dl>
      <!-- END switch_attachments -->

      {post_row.OPEN}<a href="{post_row.U_READ_FULL}" rel="nofollow">{post_row.L_READ_FULL}</a>{post_row.CLOSE}</div>
      <p class="row3"><a href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</p>

      <span class="corners-bottom"><span></span></span>
   </div>
  <p class="M14_portal_titleBis"style="display:none;text-align:center;"><strong>{post_row.POSTER}</strong></p>
</div>
<!-- END post_row -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.mod_news .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->




Si tu veux supprimer la ligne commentaire il suffira d'ajouter ceci dans la feuille de style:
Code:
.M14Load_portal .module.mod_news p.row3{display:none;}



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mer 16 Aoû 2017 - 19:31
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonsoir Phil,

J'ai essayé ton dernier code https://www.milouze14.com/t30873-phpbb3-un-nouveau-bandeau#587293

avec je suppose ce JS:
Code:
   $(function(){
    $('#main-content ul.linklist:first').before('<div class="M14Load_portal_title"><div>Les photos en Best</div></div><br/><div class="M14Load_portal"></div>');
    jQuery.get('/portal ',function(data){jQuery('.M14Load_portal').html(jQuery(data).find('.portal td:nth-child(2) ').html());});
    });


J'ai un bandeau avec le chiffre 1 dedans et c'est tout, sans les images.

Tenace cette page d'accueil  marreordi

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mer 16 Aoû 2017 - 19:50
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
je ne vois rien sur ton fofo est ce normal ?

As tu modifié le template ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Mer 16 Aoû 2017 - 21:40
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Re Philippe,

J'avais effectivement installé ton template modifié ainsi que le css donné avec et le JS cité sur mon dernier message.

Comme cela ne collait pas, j'avais remis le script du bandeau sur portail en attendant.

Je viens de remettre tes derniers scripts Phil, pour que tu puisses regarder où ça cloche.

Edit:
Je viens de faire différents essais espérant déceler une piste.
Il semblerait que ce soit le sélecteur css qui soit incorrect dans le JS.
Spoiler:


Dans le JS j'ai par exemple remplacé ce bout de code:
Code:
jQuery.get('/portal ',function(data){jQuery('.M14Load_portal').html(jQuery(data).find('.portal td:nth-child(2) ').html());});

Par celui-ci:
Code:
jQuery.get('/portal ',function(data){jQuery('.M14Load_portal').html(jQuery(data).find('div:nth-child(6) ').html());});

Et là ça m'affiche bien une image mais avec des textes au dessus et au dessous de l'image, mais comme ce n'est pas non plus le bon sélecteur css ....
Spoiler:



D'autre part Phil, il semble que bizarrement, le CSS du titre n'est pas appliqué. Celui-ci reste à gauche sans déco.
Pour le texte au dessus et en dessous de limage, si cela est possible, seul l'auteur en dessous des images m'intéresserait comme tu l'avais fait plus haut avec l'image cliquable et les images espacés d'une quinzaine de px.

J'espère que ces essais vont t'aider Phil, et merci pour le temps passé.
je laisse tes derniers scripts en place.

Edit2:
J'ai remis en plus tes codes (JS et CSS adapté) qui fonctionnent parfaitement sur le portail, en remplaçant le nom de toutes les variables pour qu'il n'y ait pas de conflits (remplacé M14 par M15).
ça donne ainsi sur le portail l'image du bandeau idéal pour moi.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 8:18
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge,
ah je me suis basé sur mon fofo de test qui n'a que le module news au milieu du portail.

Ce qui correspond à cette partie dans le script:
Code:

.find('.portal td:nth-child(2) ').html());});

ça donne ainsi sur le portail l'image du bandeau idéal pour moi.

Bon il ne reste plus qu'à attendre Arnaud alors pour trouver
comment importer tout cela clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 11:01
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Hello Philippe,

Désolé de te poser des sujets complexes. Mais ça fait avancer.

Je pensais que tu avais des outils particuliers pour trouver les sélecteurs css.

Oui, attendons Arnaud qui est peut-être surbooké ou mieux en vacances.
A moins de demander une aide à Ange Tuteur, mais je ne parle pas anglais clin oeil

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 11:08
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je pensais que tu avais des outils particuliers pour trouver les sélecteurs css.

Non ce n'est pas le cas Serge ,
car le script recherchait le contenu de la colonne du milieu
ensuite avec le load , je ne pense pas que l'on puisse trouver autre chose .

Mais ta préférence va pour le bandeau présent sur ton portail, donc il vaut mieux attendre Arnaud clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 11:12
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
OK Phil, pas de souci et merci pour tout.

Je vais essayé de trouver un sujet plus simple -:)

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 11:15
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je vais essayé de trouver un sujet plus simple -:)

Je ne comprend pas Serge ???



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 12:02
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Milouze14 a écrit:
Je vais essayé de trouver un sujet plus simple -:)

Je ne comprend pas Serge ???

Juste une blague Phil en référence à ma femme qui trouve que je suis très compliqué.
ça fait pourtant travailler mes méninges.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 12:04
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Juste une blague Phil en référence à ma femme qui trouve que je suis très compliqué.

J'avoue j'avoue Serge, mais bon il faut savoir ce que l'on veut clin oeil .
Ton sujet restera ouvert le temps qu'Arnaud puisse faire quelque chose hinhin



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 12:23
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Vraiment sympa Philippe. Merci.
Aucune urgence de toute façon.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 15:05
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Re Phil,

Je viens de me rendre compte qu'avec le template modifié, les photos apparaissent à partir de la 2ième en double dans le module Portail mod_News.

D'autre part, en complétant ainsi cette partie dans le script:

Code:
.find('.portal > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)').html());});

j'obtiens bien toute les photos mais aussi les textes et les modules du dessus.

j'ai réussi à retiré l'un des modules du dessus avec ce CSS:
Code:
.M14Load_portal div.module div.inner div#rssEphotos1{display:none;}

Mais il reste des choses que je n'arrive pas à masquer.
J'aimerais tout retirer sauf les photos bien sur et l'auteur en dessous.

Je ne sais pas si tout cela fait avancer le schmilblik.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:21
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Coucou la compagnie, désolé je ne reçois pas les notifications depuis quelques temps.

J'ai repris mon boulot en équipes décalées, donc assez peu de temps mais je pense qu'il serait bon de régler en premier lieu le souci:
les photos apparaissent à partir de la 2ième en double dans le module Portail mod_News

Je vous préviens j'ai pas tout compris dans vos échanges ^^.

@++

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:23
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Arnaud,
tout d'abord merci de prendre de ton temps,
je laisse Serge te dire ce qu'il souhaite clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:31
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonsoir Arnaud et Phil.

Merci à vous de prendre le temps pour cette aide.

J'ai laissé en place ce JS:
Code:
$(function(){
    $('#main-content ul.linklist:first').before('<div class="M14Load_portal_title"><div>Les photos en Best</div></div><br/><div class="M14Load_portal"></div>');
  jQuery.get('/portal ',function(data){jQuery('.M14Load_portal').html(jQuery(data).find('.portal > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)').html());});
    });

Et le template de Philippe ici: https://www.milouze14.com/t30873-phpbb3-un-nouveau-bandeau#587293
J'ai remarqué tout à l'heure qu'avec ce template, les images présentées sur le portail dans le module News sont en double.

Mon souhait si cela est possible est d'avoir sur la page d'accueil, le bandeau que Philippe m'a développé sur le portail présent actuellement ici avec le titre les photos en Best : http://photoclic.forum-pro.fr/portal

Je me connecte à la chatbox de mon forum pour un éventuel live.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:44
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Re Serge,

cette ligne ne peut pas t'apporter ce que tu souhaites:
Code:
.find('.portal > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(2)').html());});

Elle veut dire en gros , je cherche la première table puis la première ligne et ensuite la deuxième cellule

il faut préciser que ton souhait est plus basé sur ce message:
https://www.milouze14.com/t30873-phpbb3-un-nouveau-bandeau#587261



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:50
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Pas de souci si je peux aider.

Alors vite fait un code qui extrait les infos voulues ( de ce que j'ai compris):
Code:
$.get('/portal',function(d){
  $('.mod_news',d).each(function(i,e){
    /*e=une news*/
    eTitle=$('.h3',e).text();
    ePhoto=$('.content img',e).filter(function(){return this.width>200&&this.height>200;});
    eLink=$('.content+p a[href^="/"]',e);
    if(eTitle&&ePhoto.length&&eLink.length)console.log(eTitle, ePhoto[0].src, eLink[0].href);
  });
})
Je laisse @Milouze14 zieuter tout ça, je suis attendu là.
@++ ;)

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:52
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Oui, tu as raison Philippe,

En effet ce massage https://www.milouze14.com/t30873-phpbb3-un-nouveau-bandeau#587261
et le suivant répondent parfaitement à la demande.

Juste à trouver un truc pour que le contenu puisse être affiché sur la page d’accueil.

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:53
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Arnaud, nos messages se sont croisés.
Faut-il que je mette ton JS en place?

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:55
no_way
avatar
Nouveau membre

Messageno_way

  • 16px
  • 24px
  • Zoom
Non surtout pas, c'est notre ami qui se fera une joie (niark niark) d'adapter cette portion de code à son script vu qu'avec toutes les modifications faites je ne sais plus où vous en êtes ^^

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 19:58
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Ah ok. Je ne touche à rien .....

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 20:25
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Je regarde tout cela demain Serge clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Jeu 17 Aoû 2017 - 20:49
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
OK. Pas de souci. Un grand merci à vous les amis coucou

Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Ven 18 Aoû 2017 - 8:57
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Serge et Arnaud,


Serge, afin de pouvoir règler le soucis de l'importation des news , on va tester quelque chose pour que le script cherche quelque chose de concret
on va ajouter une class à la cellule du milieu ou se trouvent les news

Dans le template portal_body
Affichage/Templates/Portail/portal_body


Recherches ceci:
Code:

</td><td valign="top" width="{C2SIZE}">
<!-- BEGIN giefmod2 -->

Supprimes et remplaces par:

Code:

</td><td valign="top" width="{C2SIZE}"class="M14_column_center">
<!-- BEGIN giefmod2 -->



Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis Ajout

Puis test de nouveau ce script stp sur toutes les pages:

Code:

 $(function(){
    $('#main-content ul.linklist:first').before('<div class="M14Load_portal_title"><div>Les photos en Best</div></div><br/><div class="M14Load_portal"></div>');
    jQuery.get('/portal ',function(data){jQuery('.M14Load_portal').html(jQuery(data).find('.portal .M14_column_center ').html());});
    });


Avec ce script tu devrais avoir tout le contenu de la colonne du milieu du portail sur l'index normalement.


@no_way

Arnaud, je voulais avoir des informations complémentaires concernant ton script, je travaille qu'avec des variables et je n'arrive à rien avec celui que tu nous a donné hier soir.

Comment est interprété ce dernier stp:
Comment est ce calculé ?
Code:
 /*e=une news*/
Pourquoi ce d et l'ajout i,e dans la fonction ?
Code:

$('.mod_news',d).each(function(i,e){

Est ce une variable,que veut dire le e?
Code:

eTitle=$('.h3',e).text();

Comment interpréter tout cela en html
Code:
(eTitle, ePhoto[0].src, eLink[0].href);


Désolé, mais je ne comprend pas tout mdr



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Re: *RESOLU* [PHPBB3] Un nouveau bandeau

Sujet résolu le Ven 18 Aoû 2017 - 10:46
photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Bonjour Philippe,

J'ai installé ton nouveau JS et modifié le template Portail/portal_body
J'obtiens bien tout le contenu de la colonne du milieu.
En ne gardant que les photos et l'auteur en dessous ce serait gagné.

J'ai laissé aussi le template Portail/mod_news modifié et le CSS proposé ici: https://www.milouze14.com/t30873-phpbb3-un-nouveau-bandeau#587293.
Avec ce template modifié, les photos dans le module news du portail sont présentées en double.

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