Sujets similaires

Bonjour à tous !! ^^
Alors, après une bonne heure de recherche, je pense qu'il n'y a pas encore ce problème de résolu sur le forum. Ce qui m'amène à vous demander votre aide humblement... Rolling Eyes

Je pense que mon problème est on ne peut plus simple... Je voudrais mettre ma chatbox en spoiler sur toutes les pages mais pas en spoiler qui apparaît sur les côtés de la page, juste un spoiler en haut de chaque page... En fait, c'est exactement comme ce qu'il y a sur CSS-actif sur la page d'accueil là.
Et j'aimerai aussi le "(15) utilisateurs sur la chatbox" En cliquant sur "Chatbox", le spoiler se déroule et il y a une petite image à côté qu'on peut cliquer pour ouvrir la Chatbox en grand dans un nouvel onglet... Par exemple cette image : [Tutoriel en Rédaction] Chatbox déroulante {Haribot' ♪} Chat

[Tutoriel en Rédaction] Chatbox déroulante {Haribot' ♪} Chat

J'utilise actuellement un forum en phpBB2 et j'ai accès aux templates.
S'il vous faut mes templates et mon CSS, n'hésitez pas à me demander surtout !
Et s'il faut plus d'explications parce que je m'explique mal... Bah, dîtes-le et je serai ravi de vous éclairer !

J'espère que quelqu'un prendra en considération ce message.
Merci d'avance à tous ! ^^

Bonjour ^^

Votre demande n'est pas réellement une demande d'aide vu que vous n'avez pas de codes de bases, mais plutôt une commande ou une demande de tutoriel.
Vu qu'il n'y a pas de place de libre dans la première section de commande, je vous propose de répondre à ce formulaire et d'éditer votre demande. Je vais la déplacer dans demande de tutoriel.
Je vous suggère aussi de jeter un coup d'oeil sur ce tuto qui propose la création d'un accordéon, peut-être que ça répondra à vos espérances.

Merci de votre compréhension Wink

Merci pour ta réponse rapide et merci de votre compréhension ^^"
Euh... oui, ça m'a un peu aidé pour l'effet accordéon là...
Mais comme c'est pas au complet ce que je veux... Je vais suivre tes conseils et remplir le forumulaire joint.

Bonjour,

Chatbox en spoiler: Il s'agit donc de mettre la chatbox en spoiler comme pour le site de CSS-actif.
Détails: Je voudrais mettre ma chatbox en spoiler sur toutes les pages mais pas en spoiler qui apparaît sur les côtés de la page, juste un spoiler en haut de chaque page... En fait, c'est exactement comme ce qu'il y a sur CSS-actif sur la page d'accueil là.
Et j'aimerai aussi le "(15) utilisateurs sur la chatbox" En cliquant sur "Chatbox", le spoiler se déroule et il y a une petite image à côté qu'on peut cliquer pour ouvrir la Chatbox en grand dans un nouvel onglet... Par exemple cette image :
Aperçu: Bah... Je pense qu'il n'est pas très important de faire un aperçu puisque c'est quasi comme la chatbox de CSS actif qui apparait quand on clique dessus ! ^^" (et comme vous êtes des membres fidèles et expérimentés de CSS-actif, c'est pas un problème non ? :p )
Autoriser un membre à répondre [X] Oui [] Non (En cochant oui, vous donnez le droit aux membres de CSSActif qui ne sont pas codeurs officiels de répondre à votre demande) (bien sûr que les membres peuvent répondre ! ^^)

Veuillez m'excuser du double post.. C'est juste pour vous dire que ma demande est encore d'actualité ! ^^
J'espère qu'une âme charitable viendra la prendre en considération... n_n"

Bonsoir

C'est interdit d'actualiser ta demande, c'est en effet le travail des modérateurs.
Je te prie d'en tenir compte la prochaine fois.

Merci de ta compréhension Wink

Ah... Je pensais qu'il fallait l'actualiser sous 7jours sinon c'est délesté...
J'attends donc qu'un modo vienne me demander si c'est toujours d'actualité, c'est ça ?
ça marche !! Excuse-moi pour le dérangement, j'en prendrai compte ! ^^

Coucou (:
Pour information, le délestage automatique n'est actif dans que les commandes de codes, où tu dois effectivement remonter ta commande ^^
En règle générale sur le reste du forum, ce sont les modérateurs qui s'occupent de remonter les sujets, auxquels tu dois dire si c'est toujours d'actualité ou pas ^^
Voilà =D

Tu veux ça :

?

Merci pour l'info Psycho ! ^^ Je pensais alléger le travail des modos comme ça, mais si c'est exactement votre travail, je ne m'immiscerai pas ! ^^"
Euh Haribot, je clique sur ta chatbox là mais j'ai l'impression qu'il ne se passe rien... oO Ou bien c'est parce qu'il faut s'inscrire d'abord pour pouvoir ouvrir la chatbox ?

En tout cas, si vous trouvez que mes explications ne sont pas très claires, ça ne me dérange pas de me répéter ! Smile

Effectivement, il faut être inscrit.
Ça t'intéresse ou pas ?

J'ai essayé de m'inscrire sur ton site de test pour voir ce que ça donne, mais j'ai pas réussi à me logger...
Dooonnccc... Bah, ça devrait ressembler à ce que je cherche normalement... Il suffit juste que ça s'affiche sur toutes les pages et qu'il y a l'option "Nombre de membres connectés" dessus ! ^^
Donc, ça m'intéresse tout de même ouais ! ^^

Ok. Je vais quand même demander à Orange s'il souhaite garder l'originalité de CSSActif ou si ça l'importe que je publie le tutoriel Wink

Oui oui, mieux vaut demander au big boss ce qu'il en pense ! ^^
J'espère qu'il acceptera au moins de t'autoriser à en dévoiler une partie des profonds secrets bien garder de CSS Actif ! (à lire avec une voix basse, ça fait genre encore plus grave ! Very Happy

)

J'ai demandé à Orange son accord et il est d'accord. Le tutoriel paraîtra demain midi Wink

Yaaayyy !!! ^^
Merci beaucoup à Orange et à toi !! ^^

Coucou!

Voilà : http://www.css-actif.com/t10027-mettre-la-chatbox-en-spoiler#100425

Pour l'afficher sur toutes les pages, il va falloir placer le code dans le template overall_header. Je vais chercher et te dire où précisément car je n'ai pas encore cherché Wink

Sinon, ça te convient ?

OMG !! Tu gères, gères, gères grave !!!! Merciiiii !!! n_n
Un petit pas pour Haribot, un grand pas pour Yuki !! ^^"

J'attends juste que tu puisses fournir le moyen de le mettre sur toutes les pages... Sinon, vraiment nickel, c'est précisément ce que je voulais !! Encore merci !! ^^

En effet, ça a été résolu pour la demande, mais juste en partie... J'attendais juste son aide pour mettre la Chatbox sur toutes les pages.
Sauf si ce coup-ci, ce n'est plus du ressort de cette catégorie mais à faire une nouvelle demande dans Aide et Support ?

Arf... Je ne sais pas, auriez-vous l'amabilité de m'éclairer svp ? (je sais je sais, j'suis noob --" )

Je viens de regarder toutes les possibilités pour l'afficher sur toutes les pages.
Donc, comme je l'ai dit plus haut, le seul template qui pouvait faire l'affaire été overall_header (ou bien overall_footer mais bon, la chatbox en bas de page :/). Bref, dans les deux cas avec overall_header ou overall_footer, c'est techniquement impossible.

Je m'explique :

Pour afficher la chatbox, il faut bien évidemment, une variable qui est donc {CHATBOX_TOP} ou {CHATBOX_BOTTOM}. Les variables citées se chargent de l'affichage de la chatbox en haut ou bas de page. Cependant, ces variables ne sont pas fonctionnelles sur les templates overall_header ou overall_footer.

Voilà. Techniquement parlant, c'est impossible, désolé.

Oh nooonnn !!! ><" C'est vraiment dommage !! snif snif... ça n'avait d'intérêt réel pour moi que si ça s'affichait sur toutes les pages... 'fin, je vais réadapter, ton travail n'aura pas été vain, t'en fais pas ! ^^"
Merci en tout cas pour ton aide si précieuse !!
Je mets le sujet en résolu.

Comme le dit Haribot', mettre la Chatbox sur l'ensemble du forum est difficile et impossible avec les variables des templates.

En revanche, en me servant du code source je suis parvenu à ce résultat. Pour cela il te faut rajouter le code suivant au début des templates viewtopic_body (pour les forums) et viewtopic_body (pour les sujets).

Je te laisse agrémenter ce bout de code pour le rendre déroulable selon le tuto d'Haribot'.

Exemple : http://espeon-test.forumgratuit.org/

Code:: <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row1"><div id="chatbox_top" align="center" style="overflow: none; height: 300px;"></div><script type="text/javascript">insertChatBox('chatbox_top', '/chatbox/index.forum?page=front&');</script></td></tr></table><table width="100%"><tr><td align="right"><img src="http://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_top');" alt="" style="cursor: se-resize;" /></td></tr></table><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">

Pour les détails techniques, de ce que j'en ai repéré (sauf erreur donc) il s'agit du contenu de {CHATBOX_TOP} (peut-être même de {CHATBOX_BOTTOM}). En le mettant "en dur" dans un template, on ne laisse pas le choix au code et cela fonctionne parfaitement ! Tout du moins, ça en à l'air.

Je viens donc d'adapter en fonction de mon tutoriel. Pour que ça déroule il suffit de remplace le code d'Espeon par ceci :

Code:: <br> <center>
<table border="0">
<tr>
<td align="right"><img src="http://s1.pictupload.free.fr/images/chat.png" border="0" /></td>
<td align="left"><a class="btn-slide">Chatbox</a></td>
<td><span class="genmed" style="font-variant: normal; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-align:left;">{TOTAL_CHATTERS_ONLINE}</span></td>
</tr>
</table>

<div id="panel">
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row1"><div id="chatbox_top" align="center" style="overflow: none; height: 300px;"></div><script type="text/javascript">insertChatBox('chatbox_top', '/chatbox/index.forum?page=front&');</script></td></tr></table><table width="100%"><tr><td align="right"><img src="http://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_top');" alt="" style="cursor: se-resize;" /></td></tr></table><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
</div></center>

Espeon, c'est normal que tu fermes pas ta dernière balise (table) ?

Non c'est pas normal du tout, c'est de ma faute j'ai eu la main un chouïa trop lourde : j'ai ouvert un nouveau tableau inutile que je n'ai pas refermé.

La dernière balise ouvrante table est à supprimer, ce qui donne le code final suivant (merci Hari' ^^) :

Code:: <br> <center>
<table border="0">
<tr>
<td align="right"><img src="http://s1.pictupload.free.fr/images/chat.png" border="0" /></td>
<td align="left"><a class="btn-slide">Chatbox</a></td>
<td><span class="genmed" style="font-variant: normal; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; text-align:left;">{TOTAL_CHATTERS_ONLINE}</span></td>
</tr>
</table>

<div id="panel">
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="row1"><div id="chatbox_top" align="center" style="overflow: none; height: 300px;"></div><script type="text/javascript">insertChatBox('chatbox_top', '/chatbox/index.forum?page=front&');</script></td></tr></table><table width="100%"><tr><td align="right"><img src="http://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_top');" alt="" style="cursor: se-resize;" /></td></tr></table>
</div></center>

[Tutoriel en Rédaction] Chatbox déroulante {Haribot' ♪}

[Tutoriel en Rédaction] Chatbox déroulante {Haribot' ♪}

Sujets similaires

Sujets similaires

Partenaires Or