|
|
LoliChou
{ Membre }
Messages : 71
| Bonsoir (bonjour?!)
Je sais que quelques personnes ont déjà demandés ce qui va suivre, mais les sujets ne sont pas résolu...
Donc pour la chatbox de mon forum, j'aimerais qu'elle soit comme ça (je donne un exemple avec un fo, parce que je suis nul pour m'exprimer u_u' désolé.) >>. http://the-school.forumactif.com Le problème c'est que je ne sais pas comment faire, un peu plus tôt dans la journée j'ai essayé avec un widget, mais ça déforme le forum et ça n'a pas la même forme (le petit rectangle).
Enfin, je remercie déjà ceux qui viendront m'aider. Et désolé d'être aussi nul ...T.T | | |
|
| |
Nashii
{ Membre actif }
Messages : 516
| Salut, Je sais pas si je vais vraiment t'aider. MAis je tente quand même ^^. Bon je sais plus de où j'ai eu se code s'en doute ici il y a un moment mais cela permet la chatbox en onglet après les images c'est à toi de modifié ^^. Dans les templates, dans index_body. Cherche le [je peut pas mettre avant le code sur mon forum il y a le Queel modifié juste avant XD ] Colle ceci entre et [bref comme le code]. Apres valide ton template ^^. - Code:
-
<!-- END disable_viewonline -->
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table> <br clear="all" /> <!-- BEGIN switch_legend --> | | |
|
| |
LoliChou
{ Membre }
Messages : 71
| Bonjour =) Merci beaucoup pour bien vouloir m'aider ^-^ par contre j'ai pas tout compris, quand je suis dans index_body, où est ce que je dois mettre le code ? Parce que j'ai ça : - Citation :
-
- Code:
-
{CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top"> <!-- BEGIN switch_user_logged_in --> <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a> <!-- END switch_user_logged_in --> <!-- BEGIN switch_delete_cookies --> <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a> <!-- END switch_delete_cookies --> </span>...ect Enfin désolé si je suis énervante, mais je préfère demander, plutôt que de faire des bêtises. En tout cas merci =) | | |
|
| |
misslilly
{ Membre }
Messages : 25
| Bonsoir, Voici un code que j'ai trouvé sur le forum de forum actif. Il suffit simplement de le placer dans une annonce. Panneau d'administration --> Général --> Messages et emails --> AnnoncesTu actives les annonces, tu choisis de la faire apparaître sur toutes les pages, tu désactives le défilement. - Code:
-
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="url de l'image ouvrir chatbox" onClick="document.getElementById('chatboxpop').style.display=(this.src=='url de l'image ouvrir chatbox')?'block':'none';this.src=(this.src=='url de l'image ouvrir chatbox')?'url de l'image fermer chatbox':'url de l'image ouvrir chatbox';"/></td></tr></table> Bien évidemment, il ne faut pas oublier de la "cacher" sur le forum Panneau d'administration --> Modules --> Chatbox --> Configuration* Activer la chatbox * Ne pas afficher Je l'ai testé moi-même, et il fonctionne bien. La preuve - Spoiler:
- Spoiler:
Et pour personnaliser ta chatbox : - Taille : * width -> longueur * height -> hauteur - Images : * url de l'image ouvrir chatbox ->pour l'ouverture * url de l'image fermer chatbox -> pour la fermeture Pour mettre une image en fond, suivre ce tutoPetite précision, elle n'apparaît QUE sur la page d'accueil. En espérant avoir résolu ton problème. Edit : j'ai modifié pour la faire apparaître sur TOUTES les pages du forum | | |
|
| |
LoliChou
{ Membre }
Messages : 71
| Bonsoir, Je te remercie, tu as effectivement résolu mon problème, enfin c'est ce que je croyais jusqu'à ce que je test. L'image d'ouvrir la box apparaît, mais suivit de : - Spoiler:
" onClick="document.getElementById('chatboxpop').style.display=(this.src='https://2img.net/r/hpimg7/pics/808691CHAT.jpg" border="0"
Qui me prend toute la largeur du forum. J'ai essayé de trafiquer quelques petits trucs pour essayer de me débrouiller, mais rien à faire. | | |
|
| |
misslilly
{ Membre }
Messages : 25
| Je ne vois pas d'où peut venir ce souci, personnellement cela fonctionne très bien sur mon forum, mille excuses. As-tu testé avec le code initial que j'ai donné ? Je veux dire sans les liens de tes images ? | | |
|
| |
iowan
{ Membre actif }
Messages : 304
| hmm pour ce code je vois une erreur - Code:
-
" onClick="document.getElementById('chatboxpop').style.display=(this.src='http://img7.hostingpics.net/pics/808691CHAT.jpg" border="0" apres 808691CHAT.jpg il faut mettre une ' pas " essaye de changer " avec ' apres 808691CHAT.jpg ( avant = 808691CHAT.jpg" ) ( apres = 808691CHAT.jpg' ) | | |
|
| |
LoliChou
{ Membre }
Messages : 71
| Merci Iowan pour ton aide, je vous dirais demain si ça marche =) | | |
|
| |
Taelin
{ Membre }
Messages : 29
| Bonsoir !! Alors merci pour ce code, je le cherchais depuis des siècles. x] J'aimerai savoir comment l'adapter avec une CBox (chat box extérieure au forum) ou avec n'importe quel autre élément d'ailleurs à droite de l'écran. Voilà le code de ma Cbox: - Code:
-
<div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="320" height="525" src="http://www7.cbox.ws/box/?boxid=261549&boxtag=9kv5yg&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#121212 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="320" height="75" src="http://www7.cbox.ws/box/?boxid=261549&boxtag=9kv5yg&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#121212 1px solid;border-top:0px" id="cboxform"></iframe></div></div> Merci bien ! | | |
|
| |
Hiroma
{ Membre }
Messages : 24
| Coucou, le problème est t'il résolu ? | | |
|
| |
Taelin
{ Membre }
Messages : 29
| Hum... Nop, pas tout à fait (pour moi) ! XD J'ai mis la chat box de mon forum, mais j'aimerai mettre la Cbox où même les invités pourront s'exprimer. ^^ S'il n'y a pas de solutions, j'aimerai savoir si il y a la possibilité de modifier la taille de la chat box par défaut du forum, sans que celle-ci ne se coupe, comme ci-dessous (on obtient ce résultat en modifiant les valeurs du height et du width du code de mise en forme :S) : | | |
|
| |
LoliChou
{ Membre }
Messages : 71
| Bonsoir,
Pour moi, je vous dirai ça dans quelques jours, quand je changerai le design ^-^ | | |
|
| |
misslilly
{ Membre }
Messages : 25
| Taelin, pour modifier la taille de la chatbox par défaut, tu dois être le fondateur du forum. Voici la marche à suivre : Panneau d'adminstration -> Affichage -> Templates -> Portail -> mod_chatbox Voici le code d'origine - Code:
-
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" id="chatbox_container"> <tr> <td class="row1" valign="top" align="center"> <div id="chatbox_portal" style="height:300px;"></div> <script type="text/javascript"> insertChatBox('chatbox_portal', '{U_FRAME_CHATBOX}'); </script> </td> </tr> </table>
<table width="100%"> <tr> <td width="100%"> </td> <td align="right" width="20"> <img src="http://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize;" /> </td> </tr> </table> La taille se modifie dans cette ligne - Code:
-
<div id="chatbox_portal" style="height:300px;"></div> height indique la largeur, et tu peux ajouter width pour la hauteur. N'oublies pas de publier ton template pour que la modification soit effective. | | |
|
| |
Taelin
{ Membre }
Messages : 29
| AAhhh !!! =O
*se frappe un millième de fois le front*
J'avais trouvé ce template et avait modifié la hauteur (ça avait marché), mais pour la largeur, je me suis cassé la tête pour ne rien trouvé. =.............=" *aurait dû s'en douter*
Merci beaucoup en tout cas ! =] | | |
|
| |
misslilly
{ Membre }
Messages : 25
| De rien Taelin | | |
|
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Je peux donc classer ? :?: | | |
|
| |
Taelin
{ Membre }
Messages : 29
| |
| |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Oki, merci. | | |
|
| |
Invité Invité
| j'ai tester mais sa ne marche pas chez moi
:?: y as moyen de tout mettre au propre ? avec tout les morceaux de code a gauche et a droit , je fini par tout mélanger XD | | |
|
| |
misslilly
{ Membre }
Messages : 25
| - 210 a écrit:
- j'ai tester mais sa ne marche pas chez moi
Peux-tu détailler ton problème ? | | |
|
| |
Invité Invité
| la chatbox ne s'ouvre pas | | |
|
| |
misslilly
{ Membre }
Messages : 25
| D'accord, tu peux me donner ton code complet stp ? | | |
|
| |
Invité Invité
| celui ci - Spoiler:
- misslilly a écrit:
- Bonsoir,
Voici un code que j'ai trouvé sur le forum de forum actif.
Il suffit simplement de le placer dans une annonce. Panneau d'administration --> Général --> Messages et emails --> Annonces Tu actives les annonces, tu choisis de la faire apparaître sur toutes les pages, tu désactives le défilement.
- Code:
-
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="url de l'image ouvrir chatbox" onClick="document.getElementById('chatboxpop').style.display=(this.src=='url de l'image ouvrir chatbox')?'block':'none';this.src=(this.src=='url de l'image ouvrir chatbox')?'url de l'image fermer chatbox':'url de l'image ouvrir chatbox';"/></td></tr></table>
Bien évidemment, il ne faut pas oublier de la "cacher" sur le forum Panneau d'administration --> Modules --> Chatbox --> Configuration
* Activer la chatbox * Ne pas afficher Je l'ai testé moi-même, et il fonctionne bien. La preuve - Spoiler:
- Spoiler:
Et pour personnaliser ta chatbox : - Taille : * width -> longueur * height -> hauteur - Images : * url de l'image ouvrir chatbox ->pour l'ouverture * url de l'image fermer chatbox -> pour la fermeture Pour mettre une image en fond, suivre ce tutoPetite précision, elle n'apparaît QUE sur la page d'accueil. En espérant avoir résolu ton problème. Edit : j'ai modifié pour la faire apparaître sur TOUTES les pages du forum sa donne sa avec les modif - Code:
-
<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i41.servimg.com/u/f41/11/81/80/36/sans_t10.gif" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i41.servimg.com/u/f41/11/81/80/36/sans_t10.gif')?'block':'none';this.src=(this.src=='http://i41.servimg.com/u/f41/11/81/80/36/sans_t10.gif')?'url de l'image fermer chatbox':'http://i41.servimg.com/u/f41/11/81/80/36/seb21010.jpg';"/></td></tr></table> | | |
|
| |
misslilly
{ Membre }
Messages : 25
| J'ai trouvé plusieurs erreurs dans ton code : - cette image - Spoiler:
est beaucoup trop grande pour fermer ta shoutbox - ensuite dans ton code, il te faut mettre 4 fois l'image d'ouverture et 1 fois celle de fermeture, et ne pas laisser url de l'image fermer chatbox - ton erreur se trouve dans ce bout de code - Code:
-
(this.src=='http://i41.servimg.com/u/f41/11/81/80/36/sans_t10.gif')?'url de l'image fermer chatbox':'http://i41.servimg.com/u/f41/11/81/80/36/seb21010.jpg';"/> - je te propose de me donner les liens de tes images ouvrir et fermer, je te ferais ton code | | |
|
| |
Invité Invité
| Quel doit être la taille des image en pixel ? :?: | | |
|
| |
Contenu sponsorisé
| |
| |
|