CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Déplacer le lien vers la dernière réponse | |
| Seriwyth
{ Membre }
Messages : 31
| Bonsoir à tous =) D'avance, merci à ceux qui accepteront de m'aider... C'est vraiment un soucis qui me trotte depuis un moment, et vraiment, ce serait super si vous pouviez m'aiguiller! Voilà... en fait, j'ai eu une idée mais je n'arrive pas à la mettre en place... J'aimerai déplacer l'image qui sert à faire un lien vers les nouveaux messages postées dans un forums bien défini... vous savez, cette espèce de mini feuille blanche par défaut? Et bien, j'aimerai les agencer comme ... comment dire, j'envoie un screen ? (j'espère que c'est à peu près clair mon affaire =3 ) Pour dire vrai, je sais que cela est faisable car pendant un moment, une personne de forumactif m'avait fournit le code pour le faire et il s'agissait de javascript, seulement, après une mise à jour de forumactif et des modifications faites sur les sous-forums ... et bien, plus rien ne se passe . lors, je me disais... peut-être que vous pourriez m'aiguiller? Parce qu'à vrai dire, je ne sais pas vraiment de quel côté chercher, n'étant pas très à l'aise (voire, pas du tout ) avec le javascript ... Enfin, j'aimerai avoir votre avis sur la question s'il vous plait Voici le code utilisé pour l'affichage des catégories (qui est placé dans la description de chaque catégorie) - Code:
-
<div class="recensement"><img src="http://img15.hostingpics.net/pics/819930fond.png"/><div class="panneauG" span id="valide" style="position:absolute;top:75px;left:117px;width:140px;height:px;"><a href="http://gharendar.forums-actifs.com/f46-fiches-validees">Fiches validées</a></div><div class="panneauD" span id="predefini" style="position:absolute;top:75px;left:683px;width:140px;height:px;"><a href=http://gharendar.forums-actifs.com/f61-personnages-predefinis">Prédéfinis</a></div><div class="panneauG" span id="archive" style="position:absolute;top:110px;left:117px;width:140px;height:px;"><a href="http://gharendar.forums-actifs.com/f47-fiches-archivees">Fiches archivées</a></div><div class="panneauD" span id="formulaire" style="position:absolute;top:110px;left:683px;width:140px;height:px;"><a href="http://gharendar.forums-actifs.com/h2-formulaire ">Le formulaire</a></div></div> <script type="text/javascript"> jQuery("#valide,#archive,#predefini,#formulaire").hover(function(){jQuery(this).parent().addClass(jQuery(this).attr("id"))},function(){jQuery(this).parent().removeClass(jQuery(this).attr("id"))}); </script>
<table class="description"><tr><td width="250px"></td><td width="390px">Voici la partie réservée aux Présentations. Le nom dit tout non? Alors ici vous allez pouvoir présenter votre personnage en suivant le formulaire. C'est un passage obligatoire avant de commencer votre aventure.</td><td width="230"></td></tr></table></div> Et le code que l'on m'avait fourni (je n'ai rien osé toucher XD ) Dans le javasript - Code:
-
$(function(){ $(".row1.over .sprite-icon_minipost_new").each(function(){ $("a.info[href*='"+$(this).parent().next().attr("href")+"'],a.infod[href*='"+$(this).parent().next().attr("href")+"']").append($(this).attr("src","http://img4.hostingpics.net/pics/585952minew.png").parent().addClass("new-message")); }); }); - Code:
-
.row1.over span.gensmall {display:display:none;} a.new-message { position: absolute;top: 4px; left: 44px;width:17px;height:17px; display: blocks ; repeat: no-repeat;} Voici l'adresse du forum: http://gharendar.forums-actifs.com Voilà, si jamais vous avez besoin d'autres informations, n'hésitez pas à me demander Merci beaucoup | | |
| | | Vintage Phonic
{ Membre }
Messages : 50
| Alors désolée, mais je dois avouer n'avoir rien compris à ta demande ôO. Tu n'as pas essayé de retrouver comment la personne de FA t'avais expliqué de le faire sur leur forum et de le réinstaller? ça fonctionne parfois =) | | |
| | | Druyk
{ Membre actif }
Messages : 339
| C'est vrai que c'est pas très clair. Mais je crois avoir compris. En fait tu souhaites modifier l'emplacement de l’icône qui renvoi le dernier message, ou les nouveaux messages d'un forum ? (en gros sur ton forum ce serait les petits ronds verts) Si c'est ça, ça reste relativement simple. Il suffit de trouver la variable qui correspond à cette fonction dans les templates de ton forum et de la « déplacer à l'endroit voulue ». | | |
| | | Seriwyth
{ Membre }
Messages : 31
| Oups xD Je me disais bien que c'était pas trop compréhensif en relisant mieux, vraiment désolée ^^', si vous voulez que je re-explique un peu mieux, il n'y a pas de soucis
Vintage Phonic: Oui, j'ai essayé, en fait, c'est la première chose que j'ai fait, mais ça n'a pas fonctionné... snif ! Ceci dit, merci pour ton conseil, c'est sympa =)
Druyk: Oui, c'est exactement ça! Merci d'avoir répondu aussi =) Mais,le problème, c'est que ... Comment dire... Tu vois le nom des sous forums sur l'image? ceux qui sont dans les panneaux, en fait, ce sont des liens que j'ai ajouté directement dans les catégories, ils n'ont aucun lien avec les noms des sous-forums déjà mis dans le template par forumactif (enfin.. les balises {catrow.forumrow.L_LINKS} et {catrow.forumrow.LINKS}) c'est à dire que l'icône qui renvoie au dernier message ne fonctionnera peut-être pas si je le mets sous les liens que j'ai mis ... Enfin... Je sais pas si je suis bien claire là ^^'
| | |
| | | Fire-Fly
{ Membre actif }
Messages : 429
| Hello hello! Bon, alors pour ce qui est du petit icone qui est un lien vers le message le plus récemment posté, je comprends pourquoi c'est du javascript parce qu'elle est ''incluse'' dans cette variable: {catrow.forumrow.LAST_POST} dans Index_box. Par contre, je ne peux pas t'aider étant une crêpe en Javascript. Je ferai signe à Espeon pour qu'il vienne jetter un coup d'oeil sur ton code. Par contre, il nous faudrait assurément ton INDEX_BOX pour voir les modifications que tu as fait. Merci | | |
| | | Seriwyth
{ Membre }
Messages : 31
| Youpi! Merci beaucoup =) D'accord, je vous l'envoie... attention les yeux, ça pique (je suis un codeur du dimanche pluvieux férié): - Code:
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <!-- DEBUT MODIF ONGLETS --></td></tr></table><table style="margin-right:20px;"><tr><td> <script type="text/javascript"> <!-- document.write('<style>.onglete{font-size:11px;margin-right:50px;}</style><div align="center" style="display:none;margin-top:-270px;" id="conteneur_barre_onglet"> <div style="margin-top:50px;margin-right:30px;background-image:url();background-position:;background-repeat:no-repeat;width:1150px;height:214px;padding-right:-60px;"> <table class="conteneur_onglets" font-size:11px; style="padding:50px;"><tr style="margin-top:450px;text-shadow: 1px 1px #000000;"> <td onMouseOver="change_cat(1)" class="onglete actif" id="onglet_1" name="onglets"><div style="margin-top:30px;"><br /><br><br><br><br><br>Debarcadère</div></td><td width=8px></td> <td onMouseOver="change_cat(2)" class="onglete " id="onglet_2"><div style="margin-top:30px;"><br><br><br><br><br><br>Vos quartiers</div></td><td width=8px></td> <td onMouseOver="change_cat(4)" class="onglete " id="onglet_4"><div style="margin-top:30px;"><br><br><br><br><br><br>Erimdis</div></td><td width=8px></td> <td onMouseOver="change_cat(5)" class="onglete " id="onglet_5"><div style="margin-top:30px;"><br><br><br><br><br><br>Arkendy\'ar</div></td><td width=8px></td> <td onMouseOver="change_cat(6)" class="onglete " id="onglet_6"><div style="margin-top:30px;"><br><br><br><br><br><br>Vithe\'er</div></td><td width=8px></td> <td onMouseOver="change_cat(7)" class="onglete " id="onglet_7"><div style="margin-top:30px;"><br><br><br><br><br><br>Dereth</div></td><td width=8px></td> <td onMouseOver="change_cat(8)" class="onglete " id="onglet_8"><div style="margin-top:30px;"><br><br><br><br><br><br>Dzargeh</div></td><td width=8px></td> <td onMouseOver="change_cat(9)" class="onglete " id="onglet_9"><div style="margin-top:30px;"><br><br><br><br><br><br>Système solaire</div></td><td width=8px></td> <td onMouseOver="change_cat(10)" class="onglete " id="onglet_10 "><div style="margin-top:30px;"><br><br><br><br><br><br>Espace non-identifé</div></td></tr></table></div></div> </div>'); var compteur_cat = 1;
function change_cat(numero) { if(document.getElementById('categorie_'+numero)) { /* affichage de la bonne categorie */ $('table[id^=categorie_]').css('display','none'); $('table[id=categorie_'+numero+']').fadeIn(); /* affichage du bon onglet */ $('.actif').removeClass("actif"); $('.onglet[id=onglet_'+numero+']').addClass("actif"); } }
function capture_cat() { if(compteur_cat == 1) { document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >'); } else { $('#conteneur_barre_onglet').css("display","block"); document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;>'); } compteur_cat++; }
//--> </script></td></tr></table></td></tr></table> <table><tr><td><table><tr><td> <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<script type="text/javascript"> <!-- capture_cat(); //--> </script>
<!-- FIN MODIF ONGLETS --> <div style="background-position:absolute;top:100px;background-image:url(http://img4.hostingpics.net/pics/533275ombre.png); background-repeat: repeat-y;">
<!-- END tablehead --> <!-- BEGIN cathead --> <!-- BEGIN inc --> <table><tr><td class="{catrow.cathead.inc.INC_CLASS}" width="46" style="margin-top-200px;"><img src="{SPACER}" height="0" width="46" /></td> <!-- END inc --> <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%"> <h{catrow.cathead.LEVEL} class="hierarchy"> <span class="cattitle" style="margin-top:-400px;"> <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </h{catrow.cathead.LEVEL}> </td> <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td> </tr> <!-- END cathead --> <!-- BEGIN forumrow --> <tr> <!-- BEGIN inc --> <td class="{catrow.forumrow.inc.INC_CLASS}" width="46" ><img src="{SPACER}" height="0" width="46" alt="." /></td> <!-- END inc -->
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50"> <h{catrow.forumrow.LEVEL} class="hierarchy"> <span class="forumlink"> <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> </span> </h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC} <div class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"></div><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="margin-top:-100px; margin-left:50px; position:relative;z-index:15;" /></span><br /> <span class="gensmall"> <!-- BEGIN switch_moderators_links --> {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS} <!-- END switch_moderators_links --> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </span><br /> <div class="seriwyth_last_poste"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div> </td> <!-- BEGIN forum_link --> <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td> <!-- END forum_link --> </tr> <!-- END forumrow --> <!-- BEGIN catfoot --> <tr> <!-- BEGIN inc --> <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46"/></td> <!-- END inc --> <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td> </tr></table></div> <!-- END catfoot --> <!-- BEGIN tablefoot --> <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --> Merci à vous | | |
| | | Espeon
Administrateur
Messages : 1819
| Bonjour, J'essaie de comprendre exactement l'effet que tu souhaites appliquer et ce qui ne marche plus exactement mais j'avoue avoir du mal à comprendre. Est-ce-que tu pourrais me résumer simplement le principe (ce que tu as, ce que tu souhaites faire et qui, apparemment, ne marche plus) ? Merci (et désolé de te demander autant de précisions mais il vaut mieux bien cerner le problème avant de faire des hypothèses | | |
| | | Seriwyth
{ Membre }
Messages : 31
| Ah merci =) Oh, c'est pas grave du tout, c'est moi qui me suis exprimée comme une charogne au départ xD Alors, très précisément: ... Actuellement, j'ai cette image qui me nargue! Heu... C'est à dire, vous savez, cet icône qui mène vers le dernier message posté dans les sous-forums, chez moi, c'est une petite boule verte. Par défaut, il se trouve à côté du titre du sous-forum auquel il renvoie, c'est une espèce de mini feuille blanche cornée ... En fait, j'aimerai le positionner aux endroits entourés en rouge sur le sreen. Sauf que dans l'idéal, j'aimerai que cette image n'apparaisse que lorsqu'il y a un nouveau message posté dans le sous forums au dessus duquel elle est. ... Oulah... C'est vraiment barbare écrit comme ça Je vais envoyer un screen, ce sera peut-être plus clair que le précédent et que cette explication plus que bitrange... J'ai un mal fou à m'expliquer, vraiment désolée Alors ... Je ne sais pas si tu comprends mieux avec cette image, Si jamais tu as besoins d'autres informations, il n'y a pas de soucis, tu peux me demander... J'essaierai d'être la plus claire possible ^^ Merci | | |
| | | Espeon
Administrateur
Messages : 1819
| J'ai bien compris oui. Pas forcément évident mais ça doit se faire.
Le problème, c'est que j'ai l'impression que la vision des forums de chaque catégorie se fait de manière fictive car il n'y a qu'une seule alerte de nouveau message par catégorie ici (= on n'a pas l'info pour chaque forum, difficile alors de détailler ici).
Juste pour confirmation : quel est le niveau de compression de ton index ? Aucun, Moyen ou Complet ? (Panneau d'Administration > Affichage > Page d'Acceuil > Structure et hiérarchie) | | |
| | | Seriwyth
{ Membre }
Messages : 31
| Heu ... oui, c'est fictif si ça répond à la question, comme je ne sais pas vraiment comment faire autrement, j'ai bidouillé chaque catégories dans leur description, mais s'il faut le refaire un peu plus proprement dans le template pour aider, je veux bien essayer ^^' Sinon, pour le niveau de compression, j'ai mis moyen et "séparer les catégories sur l'index" | | |
| | | Luffy ♣ King of Pirates
Messages : 4694
| Coucou , Ton problème est-il toujours d'actualité ? Merci d'avance | | |
| | | Espeon
Administrateur
Messages : 1819
| Plop ! Désolé Luffy c'est de ma faute. Je préviens en fait : je suis absent en ce moment (je l'ai été en fin de semaine dernière et je vais l'être de demain jusqu'à dimanche à nouveau). Donc si un codeur passe et se sent, il peut prendre le relai sans soucis =) Bon sinon, en ce qui me concerne, ce que je peux te dire c'est qu'effectivement, vu comme c'est fait actuellement, tu ne peux pas savoir (du moins pas facilement du tout) à quel sous-forum correspond ton dernier message. Ou quoiqu'il en soit, tu n'a ici l'information que du dernier message du forum, sans plus de détail, donc c'est pas vraiment envisageable de faire cela sans changer pas mal de choses. Ce qui est envisageable, plus rapidement, c'est de déplacer l'indicateur de nouveau message pour qu'il soit plus lisible. Sinon, à vrai dire, il faudrait faire ça complètement différemment (= pas de manière fictive) ou alors faire des choses un peu tordues en Javascript qui risquent de prendre du temps (et là, malheureusement, j'en ai pas du tout ). | | |
| | | Seriwyth
{ Membre }
Messages : 31
| hiii! Me revoilà, désolée, j'étais en week end. oh d'accord... Merci pour la réponse en tout cas! bon, je vais voir si j'arrive à faire quelque chose de non fictif de mon côté, je viendrai crier "au secouuuurs!!" si jamais mon forum disparaît xD en fait, dans l'idéal, il faudrait que je trouve un moyen de pouvoir afficher les liens vers les sous-forums en tableau de deux colonnes plutôt qu'en ligne comme ils sont là, du coup, je pourrai les mettre à la place des liens bidouillés que j'ai installés... bon, c'est possible avec les catégories, c'est bien le diable si c'est pas possible avec les liens vers les sous-forums ! Je vais chercher et je vous tiens au courant
Merci encore! du coup... est-ce que je considère le problème comme étant résolu le temps des recherches? ^^') | | |
| | | Murtagh
{ Modérateur }
Messages : 1492
| Bonjour, Vu que les recherches peuvent durer deux jours ou deux semaines, je pense que cela serait préférable pour éviter les relances. En revanche, n'hésite pas à envoyer un MP à un modérateur pour qu'il redéplace ton problème si besoin, ou bien à ouvrir un nouveau sujet qui sera plus clair (je ne peux rien te proposer de mieux ^^). J'attends ton accord pour déplacer. Merci. | | |
| | | Seriwyth
{ Membre }
Messages : 31
| D'accord, je n'y vois aucun inconvénients ^^ Merci beaucoup, je n'hésiterais pas alors | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello (: Si j'ai bien compris, je suis autorisée à déplacer ce sujet dans les problèmes résolus ^^ Comme l'a dit Murtagh, n'hésite pas à contacter un modérateur pour le re-déplacer si besoin est (: Merci de ta compréhension | | |
| | | Contenu sponsorisé
| | | | | Déplacer le lien vers la dernière réponse | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|