Comment mettre "thème du mois" sur mon forum

[kilari tsukishima]

Bonjour !

j'aimerais savoir s'il étais possible de mettre comme sur forum actif ce topic appeler "thème du mois" sur mon forum sauf que sur le mien je l'appellerais nouveaux membres ppour faire defiler les tout nouveaux membres du forum.

et savoir aussi si cela est il possible sans activer la partie "dernier sujet" ?

merci de me repondre !

[kilari tsukishima]

UP !!

[Shadow]

Bonjour,

Il suffit une petite recherche par mot clé , voilà la réponse est déjà là: https://forum.forumactif.com/gerer-l-apparence-de-son-forum-f7/widget-theme-du-mois-de-fa-t276650.htm

Cordialement

[kilari tsukishima]

Merci !

mais j'aimerais savoir ou je dois la mettre, dans feuille css ou html ?
et je ne vois pas ou je dois mettre les images en questions...

[Invité]

Bonsoir, vous devez mettre votre code quand vous créé un widget.

[kilari tsukishima]

euh... je ne comprends toujour pas...

[Invité]

Okéé je vais aller dans les détails. Allez dans votre PA, Modules, Portail & Widgets, Gestion des widgets du forum.

Vous cochez Oui dans "Afficher les widgets du forum :" vous modifiez les Options ci ce n'est pas déjà fait. Vous créez un widget et vous mettez le code dans ce widget, vous validé et vous allez dans l'onglet Widgets personnels. Vous faite glissé votre Widget. Et vous enregistrez et voilà.

Ci vous ne comprenez toujours pas je vais faire des images

[kilari tsukishima]

ces fais !
mais ils ont écris "Shopactif" et il y a plusieurs images qui défilent, j'aimerais les remplacer ainsi que le nom

pour voir

www.manga-world.forumactif.biz

[Invité]

Euh vous voulez gardez le reste ?

[kilari tsukishima]

euh... si il n'ya pas d'autres moyen oui, je voudrais juste changer le nom de shopactif et le contenu

[Invité]

Pour faire cela allez dans PA, Modules, Portail & Widgets, Gestion des widgets du forum. et appuyez sur la crois rouge de shopactif pour supprimé le Widgets. Et vous voulez mettre quoi à la place de shopactif ?

[kilari tsukishima]

je voudrais l'appeler "thème du mois" sur mon forum sauf que sur le mien je l'appellerais nouveaux membres pour faire defiler les images des tout nouveaux membres du forum.

[Invité]

Moi je sais comment faire mais c'est super dur à expliquer

[kilari tsukishima]

ont peut toujours essayer

[Invité]

Oui bien sur ^^ bon reprenons à zéro. Tu veux gardez les Widgets : Rechercher, Derniers sujets, navigation, Forum et partenaire ?

[kilari tsukishima]

je veux juste enlever forum ^^

[Invité]

Ok alors va dans PA, Modules, Portail & Widgets, Gestion des widgets du forum. et appuyez sur la crois rouge de forum pour supprimé le Widgets et enregistre.

[kilari tsukishima]

ces fais

[Invité]

Maintenant on va faire ton truc pour les membres. Va dans PA, Modules, Portail & Widgets, Gestion des widgets du forum. Clique sur: créé un widget personnalisé. Dans Nom du widget: tu mets "nouveaux membres" ensuite dans Utiliser une table type: tu coches Oui. Dans titre widget : mets "nouveaux membres" et dans Source du widget *: Met:

Code:

<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 50px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<SCRIPT language=javascript>
 var counts = 5;
 img1 = new Image();
 img1.src = 'Adresse de votre image 1';
 img2 = new Image();
 img2.src = 'Adresse de votre image 2';
 img3 = new Image();
 img3.src = 'Adresse de votre image 3';
 img4 = new Image();
 img4.src = 'Adresse de votre image 4';
 img5 = new Image();
 img5.src = 'Adresse de votre image 5';
 
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';
 
url1 = 'lien de votre image 1';
url2 = 'lien de votre image 2';
url3 = 'lien de votre image 3';
url4 = 'lien de votre image 4';
url5 = 'lien de votre image 5';

alt1 = new Image();
alt1.alt = 'titre de votre image 1';
alt2 = new Image();
alt2.alt = 'titre de votre image 2';
alt3 = new Image();
alt3.alt = 'titre de votre image 3';
alt4 = new Image();
alt4.alt = 'titre de votre image 4';
alt5 = new Image();
alt5.alt = 'titre de votre image 5';
var nn = 1;
var key = 0;
function change_img() {
  if (key == 0) {
  key = 1;
  } else if (document.all) {
  document.getElementById("pic").filters[0].Apply();
  document.getElementById("pic").filters[0].Play(duration = 2);
  }
  eval('document.getElementById("pic").src=img' + nn + '.src');
  eval('document.getElementById("url_theme").href=url' + nn);
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url_theme").target = "_blank";
  document.getElementById("url_theme").style.cursor = "pointer";
  } else {
  document.getElementById("url_theme").target = "_blank"
  document.getElementById("url_theme").style.cursor = "pointer"
  }
 
  for ( var i = 1; i <= counts; i++) {
  document.getElementById("xxjdjj" + i).className = 'axx';
  }
  document.getElementById("xxjdjj" + nn).className = 'bxx';
  nn++;
  if (nn > counts) {
  nn = 1;
  }
  tt = setTimeout('change_img()', 7000);
 }
 function changeimg(n) {
  nn = n;
  window.clearInterval(tt);
  change_img();
 }
 function ImageShow() {
  document.write('<div class="picshow_main">');
  document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
  document.write('<div class="picshow_change">');
  for ( var i = 0; i < counts; i++) {
  document.write('<a href="javascript:changeimg(' + (i + 1)
    + ');" id="xxjdjj' + (i + 1)
    + '" class="axx" target="_self"><img src="' + smallImg[i]
    + '"></a>');
  }
  document.write('</div></div>');
  change_img();
 }
</SCRIPT>
<SCRIPT language="javascript" type="text/javascript">
 ImageShow();
</SCRIPT>

Ensuite enregistre. Va dans l'onglet Widgets personnels et la se trouvera "nouveaux membres" fait le glisser en appuyant sur le clic gauche et fais le glissé à coté de "Le contenu de votre forum se trouvera ici." et tu enregistres et regarde ^^

[kilari tsukishima]

ces fais,^^ mais comment changer les images ?

[Invité]

Il faut être un minimum bon(ne) en codage.

dans le code que je t'ai donner la tantôt

cherche

Code:

img1 = new Image();
 img1.src = 'Adresse de votre image 1';
 img2 = new Image();
 img2.src = 'Adresse de votre image 2';
 img3 = new Image();
 img3.src = 'Adresse de votre image 3';
 img4 = new Image();
 img4.src = 'Adresse de votre image 4';
 img5 = new Image();
 img5.src = 'Adresse de votre image 5';
 
var smallImg = new Array();
smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[3] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_10.gif';
smallImg[4] = 'http://i63.servimg.com/u/f63/11/73/76/86/index_11.gif';
 
url1 = 'lien de votre image 1';
url2 = 'lien de votre image 2';
url3 = 'lien de votre image 3';
url4 = 'lien de votre image 4';
url5 = 'lien de votre image 5';


Et tu remplaces Adresse de votre image 2 par un lien ou tu veux que quand on clic sur l'image sa nous conduit, et tu met une image, avatar ou autre à url2 = 'lien de votre image 2';

Et tu remplaces Adresse de votre image 2 par un lien ou tu veux que quand on clic sur l'image sa nous conduit, et tu met une image, avatar ou autre à url2 = 'lien de votre image 2';

Et tu remplaces Adresse de votre image 3 par un lien ou tu veux que quand on clic sur l'image sa nous conduit, et tu met une image, avatar ou autre à url3 = 'lien de votre image 3';

etc ...

[kilari tsukishima]

désoler mais mon frère veut l'ordinateur je vais devoir y aller, je continuerais demain et je t'en dirais des nouvelles !

merci beaucoup

[Invité]

De rien, moi je vais dormir ^^ bonne nuit a toi

[kilari tsukishima]

désoler j'ai été absente toute la journée

euh j'y arrive pas !

je ne sais pas si ces mon ordi mais je ne vois pas d'image.

[Invité]

Montre moi le code que tu as maintenant

[Invité]

En faite tu fais çe qu'il demande sur le code. tu remplaces Adresse de votre image ... par un lien ou tu veux que quand on clic sur l'image sa nous conduit, et tu met une image, avatar ou autre à url... = 'lien de votre image ...';

[kilari tsukishima]

oui, quand ont dit url... ces le lien direct vers l'image genre http ou genre ce que l'on met pour les signatures ?

[Invité]

ces le lien direct vers l'image

[Invité]

Désolééééééééééééé 10000000 fois désolé désolé désolé il faut que j'arrête de aidé les gents ! xD

tu remplaces Adresse de votre image 1 par une image, avatar ou autre et a un lien ou tu veux que quand on clic sur l'image sa nous conduit, url1 = 'lien de votre image 1'; Désolé encore

[kilari tsukishima]

ces pas grave !^^

mais j'ai pas vraiment de chance mon frère veut encore l'ordi Y-Y
mais demain il ne seras pas la et je pourrais m'y consecrer totalement

désolée Y_Y