Widgets : est-il possible de le mettre sur la page d'accueil ?
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2 • Partagez
Page 1 sur 2 • 1, 2
Widgets : est-il possible de le mettre sur la page d'accueil ?
Dernière édition par saya 3 le Mar 7 Sep 2021 - 7:03, édité 2 fois
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Afin de faciliter les recherches ultérieures, le titre de votre sujet doit respecter certaines règles :
|
Walt- Modéractif
-
Messages : 6081
Inscrit(e) le : 08/09/2015
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
oui je l'ai corrigé
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Hello saya 3,
Que veux tu faire exactement, sois explicite s'il te plait .
Car franchement on attend ta question
a++
saya 3 a écrit:
J'ai mis ce qui suit sur la page d'accueil
Derniers sujets
Nouveaux sujets
Les posteurs les plus actifs de la semaine
Top 20 des posteurs du jour
Que veux tu faire exactement, sois explicite s'il te plait .
Car franchement on attend ta question
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
tu as le code HTML , C.S.S et le script pour cet ajout s'il te plait.
Et tout cela entre les balises code .
Que je retrouve l'équivalent de ton forum .
a++
tu as le code HTML , C.S.S et le script pour cet ajout s'il te plait.
Et tout cela entre les balises code .
Que je retrouve l'équivalent de ton forum .
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
je n'ai pas compris
Milouze14
J'ai juste le code que tu m'as mis ici https://forum.forumactif.com/t405798-puis-je-le-mettre-sur-la-page-d-accueil-nouveau#3383025
https://gaming-teen.forumactif.com/
Milouze14
J'ai juste le code que tu m'as mis ici https://forum.forumactif.com/t405798-puis-je-le-mettre-sur-la-page-d-accueil-nouveau#3383025
https://gaming-teen.forumactif.com/
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
tu veux ajouter aussi un widget des derniers sujets aussi ?
et avoir juste le pseudo et l'avatar comme le top 20 des derniers posteurs?
As tu activé les widgets sur ton portail ?
Le widget "Derniers sujets" défile t'il (scroll) ou il est fixe?
a++
tu veux ajouter aussi un widget des derniers sujets aussi ?
et avoir juste le pseudo et l'avatar comme le top 20 des derniers posteurs?
As tu activé les widgets sur ton portail ?
Le widget "Derniers sujets" défile t'il (scroll) ou il est fixe?
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
ok mais l'idéal est d'avoir le même visuel chère amie .
Car sinon, on va vite remplir les widgets si tu veux avoir les profils.
Donc pseudo et avatar me semble plus judicieux sur les 4 Widgets .
a++
ok mais l'idéal est d'avoir le même visuel chère amie .
Car sinon, on va vite remplir les widgets si tu veux avoir les profils.
Donc pseudo et avatar me semble plus judicieux sur les 4 Widgets .
Milouze14 a écrit:
Tu activé les widgets sur ton portail, mais il faut les désactiver sur le forum car cela fera doublon
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
merci Milouze14
Allez-vous faire le code maintenant ?
Allez-vous faire le code maintenant ?
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
cela ne se fait pas rapidement chère amie,
et pour mes demandes avant que je me lance dans l'aventure ??????
On part ainsi ?
a++
cela ne se fait pas rapidement chère amie,
et pour mes demandes avant que je me lance dans l'aventure ??????
ok mais l'idéal est d'avoir le même visuel chère amie Wink .
Car sinon, on va vite remplir les widgets si tu veux avoir les profils.
Donc pseudo et avatar me semble plus judicieux sur les 4 Widgets
On part ainsi ?
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Oui, Milouze14, mais je n'ai pas compris la phrase suivante
ok mais l'idéal est d'avoir le même visuel chère amie
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Oui Milouze14 tu es mon ami
j'ai aussi un ami sur le forum
j'ai aussi un ami sur le forum
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
alors on va revoir le code html et le supprimer de la page d'accueil et le déposer dans le template :
car il est impératif de le laisser accessible qu'aux membres car il faut accéder au profil de chacun.
Donc les widgets seront visibles que par les membres.
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches ceci:
Juste avant déposes ceci:
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Le script est conçu sur un profil avancè:
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui
Ensuite on va juste intervenir sur le widget des derniers sujet afin d'arriver à nos fins.
Dans le template mod_recent_topics:
Affichage/Templates/Portail/mod_recent_topics
Remplaces tout le contenu par celui-ci:
Penses a enregistrer puis à valider en cliquant respectivement sur puis
On va donc remplacer aussi le script par celui-ci:
J'ai donc revu toute la C.S.S.
Supprimes tout ce que l'on a déposé précédemment et ajoutes ceci:
L'aperçu imagé:
A part le Widget "Top 20 des posteurs du jour " , tous les autres auront le lien du sujet et au survol de "Voir le sujet" tu auras une infobulle affichant le titre du sujet.
Et voilou .
a++
alors on va revoir le code html et le supprimer de la page d'accueil et le déposer dans le template :
car il est impératif de le laisser accessible qu'aux membres car il faut accéder au profil de chacun.
Donc les widgets seront visibles que par les membres.
Dans le template index_body:
Affichage/Templates/Général/index_body
Recherches ceci:
- Code:
<!-- BEGIN message_admin_index -->
Juste avant déposes ceci:
- Code:
<!-- BEGIN switch_user_logged_in -->
<table class="M14_index"width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<th>Les derniers sujets </th>
<th>Sujet(s) actif(s) du jour </th>
<th>Top 20 des posteurs du jour </th>
<th>Dernier(s) posteur(s) </th></tr><tr>
<td valign="top"class="derniers_sujets"><span class="info">Aucune information actuellement</span></td>
<td valign="top"class="sujets_actifs"><span class="info">Aucune information actuellement</span></td>
<td valign="top" class="top_day"><span class="info">Aucune information actuellement</span></td>
<td valign="top"class="Profil_PA"><span class="info">Aucune information actuellement</span></td></tr></table>
<!-- END switch_user_logged_in -->
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Le script est conçu sur un profil avancè:
Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé : Oui
Ensuite on va juste intervenir sur le widget des derniers sujet afin d'arriver à nos fins.
Dans le template mod_recent_topics:
Affichage/Templates/Portail/mod_recent_topics
Remplaces tout le contenu par celui-ci:
- Code:
<div class="module">
<div class="h3"><i class="ion-chatbubble-working"></i>{L_RECENT_TOPICS}</div>
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<div id="comments_scroll_div">
<div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
<!-- BEGIN recent_topic_row -->
<div class="mod-recent-row">
<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}" class="mod-recent-title">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a>
<span class="mod-recent-info">
<span class="mod-recent-time">
<i class="ion-clock"></i>{scrolling_row.recent_topic_row.S_POSTTIME}
</span>
<span class="mod-recent-author">
<i class="ion-ios-person"></i>
<!-- BEGIN switch_poster -->
<a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
</span>
</span>
</div>
<!-- END recent_topic_row -->
</div>
</div>
<script>
$(".marquee").marquee();
</script>
<!-- END scrolling_row -->
<!-- BEGIN classical_row -->
<div class="mod-recent-row">
<!-- BEGIN recent_topic_row -->
<div>
<a href="{classical_row.recent_topic_row.U_TITLE}" class="mod-recent-title">{classical_row.recent_topic_row.L_TITLE}</a>
<span class="mod-recent-info">
<span class="mod-recent-time">
<i class="ion-clock"></i>{classical_row.recent_topic_row.S_POSTTIME}
</span>
<span class="mod-recent-author">
<i class="ion-ios-person"></i>
<!-- BEGIN switch_poster -->
<a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
<!-- END switch_poster -->
<!-- BEGIN switch_poster_guest -->
{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
<!-- END switch_poster_guest -->
</span>
</span>
</div>
<!--
<a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
-->
<!-- END recent_topic_row -->
</div>
<!-- END classical_row -->
</div>
Penses a enregistrer puis à valider en cliquant respectivement sur puis
On va donc remplacer aussi le script par celui-ci:
- Code:
$(function(){var pabis=$('.sujets_actifs');
$.get('/search?search_id=activetopics' , function(data){
$(data).find('ul.topiclist.topics.search li ').each(function(){
var textTopic=$(this).find('a.topictitle').text();
var link=$(this).find('dd.lastpost a[href^="/t"]').attr('href');
var pseudoL=$(this).find('dd.lastpost a[href^="/u"]').attr('href');
var pseudoT=$(this).find('dd.lastpost a[href^="/u"]').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
pabis.find('.info').remove();
pabis.append('<div><a href="'+pseudoL+'"class="M14_gauche"><img src="'+img+'"/>'+pseudoT+'</a><a href="'+link+'" title="'+textTopic+'"class="M14_droit">Voir le sujet</a></div>');
}
});});});});
$(function(){
var pater=$('.top_day');
$.get('/memberlist?mode=today_posters' , function(data){
$(data).find('tbody tr td.avatar-mini').each(function(){
var link=$(this).find('a[href^="/u"]').attr('href');
var texte=$(this).find('a[href^="/u"]').text();
var img=$(this).find('a[href^="/u"] img').attr('src');
var message=$(this).closest('tr').find('td:eq(5)').text();
if(link){
pater.find('.info').remove();
pater.css('text-align','left').append('<a href="'+link+'"><img src="'+img+'"/>'+texte+' <span>'+message+' message(s) </span> </a>'); }
});});});
$(function(){
var pa=$('.Profil_PA');
$.get('/latest' , function(data){
$(data).find('ul.topiclist.topics.search li').each(function(){
var textTopic=$(this).find('a.topictitle').text();
var link=$(this).find('dd.lastpost a[href^="/t"]').attr('href');
var pseudoL=$(this).find('dd.lastpost a[href^="/u"]').attr('href');
var pseudoT=$(this).find('dd.lastpost a[href^="/u"]').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
pa.find('.info').remove();
pa.append('<div><a href="'+pseudoL+'"class="M14_gauche"><img src="'+img+'"/>'+pseudoT+'</a><a href="'+link+'" title="'+textTopic+'"class="M14_droit">Voir le sujet</a></div>');
}
});});});});
$(function(){var palast=$('.derniers_sujets');
$.get('/portal' , function(data){
$(data).find('.mod-recent-row ').find('div').each(function(){
var linkTopic=$(this).find('a.mod-recent-title').attr('href');
var textTopic=$(this).find('a.mod-recent-title').text();
var link=$(this).find('.mod-recent-author a[href^="/t"]').attr('href');
var pseudoL=$(this).find('.mod-recent-author a[href^="/u"]').attr('href');
var pseudoT=$(this).find('.mod-recent-author a[href^="/u"]').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
palast.find('.info').remove();
palast.append('<div><a href="'+pseudoL+'"class="M14_gauche"><img src="'+img+'"/>'+pseudoT+'</a><a href="'+linkTopic+'" title="'+textTopic+'"class="M14_droit">Voir le sujet</a></div>');
}
});});});});
J'ai donc revu toute la C.S.S.
Supprimes tout ce que l'on a déposé précédemment et ajoutes ceci:
- Code:
/*on defini une largeur pour le tableau*/
table.M14_index{border: 1px solid #333;}
/*on défini une largeur pour les cellules et un centrage*/
table.M14_index th,table.M14_index td{width:25%;text-align:center;}
/*on ajoute une bordure basse au descriptions*/
table.M14_index th{border-bottom:1px solid #333;}
/* on ajoute une bordure droite au deux premieres cellules*/
table.M14_index th:nth-child(-n+2),table.M14_index td:nth-child(-n+2),table.M14_index td:nth-child(-n+3)
{
border-right:1px solid #333;
}
/* on ajoute un padding sur les cellules*/
table.M14_index td{padding:2px 4px;}
/*l avatar*/
table.M14_index td img
{
background-color: #FFF;
border-color: #FFF;
border-radius:18px;
border-style: solid;
border-width: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
height: 18px;
margin-right: 6px;
vertical-align: middle;
width: 18px;
}
/*on défini les liens les un en dessous des autres*/
.M14_index td.top_day a[href^="/u"]
{
display: list-item;
list-style: none;
}
/*on affiche le nombre de message a droite*/
.M14_index td.top_day a[href^="/u"] span
{float: right;}
table.M14_index div{float:left;width: 100%;}
div .M14_gauche{float:left;}
div .M14_droit{float:right;}
L'aperçu imagé:
A part le Widget "Top 20 des posteurs du jour " , tous les autres auront le lien du sujet et au survol de "Voir le sujet" tu auras une infobulle affichant le titre du sujet.
Et voilou .
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Mon cher ami Milouze14, tu es créatif et tu mérites un grand prix
___
Mais j'ai un problème
Des changements se produisent lorsque je mets à jour le navigateur
___
Mais j'ai un problème
Des changements se produisent lorsque je mets à jour le navigateur
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
merci, il est logique qu'il y ait une petite latence sur l'affichage complet ,
c'est plusieurs requêtes donc forcément !!!!
a++
merci, il est logique qu'il y ait une petite latence sur l'affichage complet ,
c'est plusieurs requêtes donc forcément !!!!
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Hello saya 3,
cela devient compliqué de te suivre chère amie!!
Je vais tester autre chose et reviens vers toi .
a++
cela devient compliqué de te suivre chère amie!!
Je vais tester autre chose et reviens vers toi .
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Milouze14 a écrit:Hello saya 3,
cela devient compliqué de te suivre chère amie!!
Je vais tester autre chose et reviens vers toi .
a++
Hello Hello Milouze14,
Merci mon ami que Dieu te bénisse
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
alors voici mon dernier test chère amie.
On revoit le code html dans le template:
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Le script:
Et la nouvelle CSS:
Dans la liste des sujets, on ne pourra pas importer l'avatar (ou du-moins, je ne sais pas réaliser cela) .
Pour les autres j'ai revu les titres car tu ne désires afficher qu'une seule ligne.
Sujets actifs du jour se transforme en ==> Sujet actif du jour
Top 20 des posteurs du jour se transforme en ==> Meilleur posteur du jour
Dernier(s) posteur(s) se transforme en ==> Dernier posteur
Ce qui donne en aperçu ceci:
a++
alors voici mon dernier test chère amie.
On revoit le code html dans le template:
- Code:
<!-- BEGIN switch_user_logged_in -->
<table class="M14_index"width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<th>Les derniers sujets </th>
<th>Sujet actif du jour </th>
<th>Meilleur posteur du jour </th>
<th>Dernier posteur </th></tr><tr>
<td valign="top"class="derniers_sujets"><div class="M14_widgets"></div></td>
<td valign="top"class="sujets_actifs"><span class="info">Aucune information actuellement</span></td>
<td valign="top" class="top_day"><span class="info">Aucune information actuellement</span></td>
<td valign="top"class="Profil_PA"><span class="info">Aucune information actuellement</span></td></tr></table>
<!-- END switch_user_logged_in -->
Penses a enregistrer puis à valider en cliquant respectivement sur puis
Le script:
- Code:
$(function(){
var palast=$('.derniers_sujets').find('div.M14_widgets');
$.get('/portal' , function(data){
$(data).find('.mod-recent-row ').each(function(){
var lastnews=$(this).html();
palast.html(lastnews);
});});});
$(function(){var pabis=$('.sujets_actifs');
$.get('/search?search_id=activetopics' , function(data){
$(data).find('ul.topiclist.topics.search li:first ').each(function(){
var textTopic=$(this).find('a.topictitle').text();
var link=$(this).find('dd.lastpost a[href^="/t"]').attr('href');
var pseudoL=$(this).find('dd.lastpost a[href^="/u"]').attr('href');
var pseudoT=$(this).find('dd.lastpost a[href^="/u"]').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
pabis.find('.info').remove();
pabis.append('<div><a href="'+pseudoL+'"class="M14_gauche"><img src="'+img+'"/>'+pseudoT+'</a><a href="'+link+'" title="'+textTopic+'"class="M14_droit">Voir le sujet</a></div>');
}
});});});});
$(function(){var pater=$('.top_day');
$.get('/memberlist?mode=today_posters' , function(data){
$(data).find('tbody tr td.avatar-mini:first').each(function(){
var link=$(this).find('a[href^="/u"]').attr('href');
var texte=$(this).find('a[href^="/u"]').text();
var img=$(this).find('a[href^="/u"] img').attr('src');
var message=$(this).closest('tr').find('td:eq(5)').text();
if(link){pater.find('.info').remove();
pater.append('<div><a href="'+link+'"><img src="'+img+'"title="'+texte+'"/></a><br /><strong>'+texte+'</strong><br /><span>( '+message+' ) messag(e)s</span></div>');
}});});});
$(function(){
var pa=$('.Profil_PA');
$.get('/latest' , function(data){
$(data).find('ul.topiclist.topics.search li:first').each(function(){
var fofo=$(this).find('.topic-author a[href^="/f"]').text();
var textTopic=$(this).find('a.topictitle').text();
var link=$(this).find('dd.lastpost a[href^="/t"]').attr('href');
var pseudoL=$(this).find('dd.lastpost a[href^="/u"]').attr('href');
var pseudoT=$(this).find('dd.lastpost a[href^="/u"]').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
pa.find('.info').remove();
pa.append('<div><a href="'+pseudoL+'"><img src="'+img+'"title="'+pseudoT+'"/></a><br /><strong>'+pseudoT+'</strong><br /><a href="'+link+'">'+textTopic+'</a><br /><span> Dans le forum: '+fofo+'</span></div>');
}
});});});});
Et la nouvelle CSS:
- Code:
/*on defini une largeur pour le tableau*/
table.M14_index{border: 1px solid #333;}
/*on défini une largeur pour les cellules*/
table.M14_index th,table.M14_index td{width:25%;}
/*on centre le contenu des cellules*/
table.M14_index th,td.sujets_actifs,td.top_day,td.Profil_PA{text-align:center;}
/*on ajoute une bordure basse au descriptions*/
table.M14_index th{border-bottom:1px solid #333;}
/* on ajoute une bordure droite au deux premieres cellules*/
table.M14_index th:nth-child(-n+2),table.M14_index td:nth-child(-n+2),table.M14_index td:nth-child(-n+3)
{
border-right:1px solid #333;
}
/* on ajoute un padding sur les cellules*/
table.M14_index td{padding:2px 4px;}
/* les derniers sujets*/
.derniers_sujets .M14_widgets
{
height: 200px;
overflow: hidden;
overflow-y: auto;
}
/*le contenu des derniers sujets*/
.derniers_sujets .M14_widgets ,
.derniers_sujets .M14_widgets .mod-recent-title,
.derniers_sujets .M14_widgets .mod-recent-author a[href^="/u"]
{font-size:12px!important;}
/*l avatar*/
.derniers_sujets img,.sujets_actifs img
{
background-color: #FFF;
border-color: #FFF;
border-radius:18px;
border-style: solid;
border-width: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
height: 18px;
margin-right: 6px;
vertical-align: middle;
width: 18px;
}
.top_day img,.Profil_PA img
{
height:64px;
width:64px;
background-color: #FFF;
border-color: #FFF;
border-radius:64px;
border-style: solid;
border-width: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
margin-right: 6px;
vertical-align: middle;
}
/*on défini les liens les un en dessous des autres*/
.M14_index td.top_day a[href^="/u"]
{
display: list-item;
list-style: none;
}
/*on affiche le nombre de message a droite*/
.M14_index td.top_day a[href^="/u"] span
{float: right;}
table.M14_index div{float:left;width: 100%;}
div .M14_gauche{float:left;}
div .M14_droit{float:right;}
Dans la liste des sujets, on ne pourra pas importer l'avatar (ou du-moins, je ne sais pas réaliser cela) .
Pour les autres j'ai revu les titres car tu ne désires afficher qu'une seule ligne.
Sujets actifs du jour se transforme en ==> Sujet actif du jour
Top 20 des posteurs du jour se transforme en ==> Meilleur posteur du jour
Dernier(s) posteur(s) se transforme en ==> Dernier posteur
Ce qui donne en aperçu ceci:
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
tu désires l'identique ?
C'est à dire:
Top 20 des posteurs du jour ==> Tous les membres ?
Les posteurs les plus actifs de la semaine ==> un seul membre avec profil?
Il vaut mieux mettre le posteur le plus actif du jour dans ce cas!!
Et se baser sur ce widget présent sur ton portail.
Nouveau sujet==> un seule membre avec profil?
Dernier sujet ==> un seul membre avec profil?
Merci de me donner ton code html car il est différent du mien .
a++
tu désires l'identique ?
C'est à dire:
Top 20 des posteurs du jour ==> Tous les membres ?
Les posteurs les plus actifs de la semaine ==> un seul membre avec profil?
Il vaut mieux mettre le posteur le plus actif du jour dans ce cas!!
Et se baser sur ce widget présent sur ton portail.
Nouveau sujet==> un seule membre avec profil?
Dernier sujet ==> un seul membre avec profil?
Merci de me donner ton code html car il est différent du mien .
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Milouze14
j'ai un code que tu m'as donné
j'ai un code que tu m'as donné
- Code:
<table style="width: 100%;" cellpadding="0" cellspacing="0" border="0" class="M14_index">
<tbody>
</tbody>
<tr style="">
<th>
Les derniers sujets
</th>
<th>
Sujet actif du jour
</th>
<th>
Meilleur posteur du jour
</th>
<th>
Dernier posteur
</th>
</tr><tbody></tbody>
<tr style="">
<td class="derniers_sujets" valign="top">
<div class="M14_widgets">
</div>
</td>
<td class="sujets_actifs" valign="top">
<span class="info">Aucune information actuellement</span>
</td>
<td class="top_day" valign="top">
<span class="info">Aucune information actuellement</span>
</td>
<td class="Profil_PA" valign="top">
<span class="info">Aucune information actuellement</span>
</td>
</tr><tbody></tbody>
</table>
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re ,
ok et pour :
a++
ok et pour :
Milouze14 a écrit a écrit:
Top 20 des posteurs du jour ==> Tous les membres ?
Les posteurs les plus actifs de la semaine ==> un seul membre avec profil?
Il vaut mieux mettre le posteur le plus actif du jour dans ce cas!!
Et se baser sur ce widget présent sur ton portail.
Nouveau sujet==> un seule membre avec profil?
Dernier sujet ==> un seul membre avec profil?
a++
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
oui Milouze14Milouze14 a écrit:Re ,
ok et pour :Milouze14 a écrit a écrit:
Top 20 des posteurs du jour ==> Tous les membres ?
Les posteurs les plus actifs de la semaine ==> un seul membre avec profil?
Il vaut mieux mettre le posteur le plus actif du jour dans ce cas!!
Et se baser sur ce widget présent sur ton portail.
Nouveau sujet==> un seule membre avec profil?
Dernier sujet ==> un seul membre avec profil?
a++
Voilà ce que je veux
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
Re,
on repart pour un tour .
Le code html:
Le script:
La c.s.s:
Normalement tout est bon désormais.
Tu n'auras plus de dysfonctionnement concernant l'affichage des membres .
a++
on repart pour un tour .
Le code html:
- Code:
<table class="M14_index"width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
<th>Le dernier message </th>
<th>Sujet actif du jour </th>
<th>Meilleur(s) posteur(s) du jour </th>
<th>Dernier posteur </th></tr><tr>
<td valign="top"class="derniers_sujets"><div class="M14_widgets"></div></td>
<td valign="top"class="sujets_actifs"><span class="info">Aucune information actuellement</span></td>
<td valign="top" class="top_day"><span class="info">Aucune information actuellement</span><div class="M14_widgets"></div></td>
<td valign="top"class="Profil_PA"><span class="info">Aucune information actuellement</span></td></tr></table>
Le script:
- Code:
$(function(){
var palast=$('.derniers_sujets').find('div.M14_widgets');
$.get('/portal' , function(data){
$(data).find('.mod-recent-row div:first').each(function(){
var pseudoL=$(this).find('.mod-recent-author a[href^="/u"]').attr('href');
var pseudoT=$(this).find('.mod-recent-author a[href^="/u"]').text();
var titrelink=$(this).find('.mod-recent-title').attr('href');
var titretext=$(this).find('.mod-recent-title').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
palast.append('<div><a href="'+pseudoL+'"><img src="'+img+'"title="'+pseudoT+'"/></a><br /><strong>'+pseudoT+'</strong><br /><a href="'+titrelink+'" title="'+titretext+'">Voir le sujet</a></div>');
}
});});});});
$(function(){var pabis=$('.sujets_actifs');
$.get('/search?search_id=activetopics' , function(data){
$(data).find('ul.topiclist.topics.search li:first ').each(function(){
var textTopic=$(this).find('a.topictitle').text();
var link=$(this).find('dd.lastpost a[href^="/t"]').attr('href');
var pseudoL=$(this).find('dd.lastpost a[href^="/u"]').attr('href');
var pseudoT=$(this).find('dd.lastpost a[href^="/u"]').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
pabis.find('.info').remove();
pabis.append('<div><a href="'+pseudoL+'"><img src="'+img+'"title="'+pseudoT+'"/></a><br /><strong>'+pseudoT+'</strong><br /><a href="'+link+'" title="'+textTopic+'">Voir le sujet</a></div>');
}
});});});});
$(function(){var pater=$('.top_day');
$.get('/memberlist?mode=today_posters' , function(data){
$(data).find('tbody tr td.avatar-mini').each(function(){
var test=$(this).html();
if(test){pater.find('.info').remove();
pater.find('div.M14_widgets').append('<div>'+test+'</div>');
}});});});
$(function(){
var pa=$('.Profil_PA');
$.get('/latest' , function(data){
$(data).find('ul.topiclist.topics.search li:first').each(function(){
var fofo=$(this).find('.topic-author a[href^="/f"]').text();
var textTopic=$(this).find('a.topictitle').text();
var link=$(this).find('dd.lastpost a[href^="/t"]').attr('href');
var pseudoL=$(this).find('dd.lastpost a[href^="/u"]').attr('href');
var pseudoT=$(this).find('dd.lastpost a[href^="/u"]').text();
$.get(pseudoL, function(data){
var img=$(data).find('.mod-login-avatar img').attr('src');
if(img)
{
pa.find('.info').remove();
pa.append('<div><a href="'+pseudoL+'"><img src="'+img+'"title="'+pseudoT+'"/></a><br /><strong>'+pseudoT+'</strong><br /><a href="'+link+'" title="'+textTopic+'">Voir le sujet</a><br /><span> Dans le forum: '+fofo+'</span></div>');
}
});});});});
La c.s.s:
- Code:
/*on defini une largeur pour le tableau*/
table.M14_index{border: 1px solid #333;}
/*on défini une largeur pour les cellules*/
table.M14_index th,table.M14_index td{width:25%;}
/*on centre le contenu des cellules*/
table.M14_index th,table.M14_index td{text-align:center;}
/*on ajoute une bordure basse au descriptions*/
table.M14_index th{border-bottom:1px solid #333;}
/* on ajoute une bordure droite au deux premieres cellules*/
table.M14_index th:nth-child(-n+2),table.M14_index td:nth-child(-n+2),table.M14_index td:nth-child(-n+3)
{
border-right:1px solid #333;
}
/* on ajoute un padding sur les cellules*/
table.M14_index td{padding:2px 4px;}
/* les derniers sujets*/
.derniers_sujets .M14_widgets
{
height: 200px;
overflow: hidden;
overflow-y: auto;
}
/*le contenu des derniers sujets*/
.derniers_sujets .M14_widgets ,
.derniers_sujets .M14_widgets .mod-recent-title,
.derniers_sujets .M14_widgets .mod-recent-author a[href^="/u"]
{font-size:12px!important;}
/*l avatar*/
.top_day img
{
background-color: #FFF;
border-color: #FFF;
border-radius:18px;
border-style: solid;
border-width: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
height: 18px;
margin-right: 6px;
vertical-align: middle;
width: 18px;
}
.derniers_sujets img,.Profil_PA img,.sujets_actifs img
{
height:64px;
width:64px;
background-color: #FFF;
border-color: #FFF;
border-radius:64px;
border-style: solid;
border-width: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
margin-right: 6px;
vertical-align: middle;
}
/*on défini les liens les un en dessous des autres*/
.M14_index td.top_day a[href^="/u"]
{
display: list-item;
list-style: none;
}
/*on affiche le nombre de message a droite*/
.M14_index td.top_day a[href^="/u"] span
{float: right;}
table.M14_index div{float:left;width: 100%;}
div .M14_gauche{float:left;}
div .M14_droit{float:right;}
.top_day .M14_widgets div a[href^="/u"]{float:left;}
Normalement tout est bon désormais.
Tu n'auras plus de dysfonctionnement concernant l'affichage des membres .
a++
Dernière édition par Milouze14 le Lun 6 Sep 2021 - 19:04, édité 1 fois
Invité- Invité
Re: Widgets : est-il possible de le mettre sur la page d'accueil ?
merveilleux Milouze14
j'ai installé les icônes
Mais les widgets sont vides
https://gaming-teen.forumactif.com/
j'ai installé les icônes
Mais les widgets sont vides
https://gaming-teen.forumactif.com/
Page 1 sur 2 • 1, 2
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Comment mettre les widgets au milieu??
» Mettre à la ligne dans les widgets
» Impossible de mettre une page html en page d'accueil, "non" forcé :'(
» Est-il possible de mettre les widgets uniquement sur l'index?
» Comment mettre les widgets au milieu??
» Mettre à la ligne dans les widgets
» Impossible de mettre une page html en page d'accueil, "non" forcé :'(
» Est-il possible de mettre les widgets uniquement sur l'index?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum