Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Insérer un Div dans html

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Insérer un Div dans html

Message par Artdrock le Mer 4 Mar 2015 - 22:25

Bonjour,
Est il possible d’insérer un Div ou une partie d'un Div dans une page Html ?
Je m'explique
je voudrais pouvoir mettre les archives de la CB dans un cadre à part
Mais juste les messages , sans le co/déco , en ligne , cadre haut et bas etc ...

Faire un peu comme le widget Derniers Sujets

J'ai réussi une bidouille avec des marges , mais ce n'est pas concluant

++


Dernière édition par Artdrock le Lun 9 Mar 2015 - 14:32, édité 1 fois
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Ven 6 Mar 2015 - 17:23

Up !

Je voudrais faire ça en fait :
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Sam 7 Mar 2015 - 21:16

UP !
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par [Nihil] le Sam 7 Mar 2015 - 23:51

Hello Artdrock Smile

Je ne suis pas sûre d'avoir très bien compris, pourrais tu davantage expliquer ton problème s'il te plait ?
Tu souhaiterai afficher la les archives de la CB dans une page HTML, c'est ça ?
avatar

[Nihil]
Membre habitué(e)

Messages : 1214
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Dim 8 Mar 2015 - 0:41

Bonsoir ,
Oui , juste l'archive des posts
mais sans la config de la chatbox (sans le cadre haut/bas et les membres co)
Comme sur mon image + haut

Merci ,
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par [Nihil] le Dim 8 Mar 2015 - 1:13

Alors, c'est "plus ou moins possible"... Ca dépend qui doit pouvoir avoir accès à ces informations Smile
Pour voir les archives de la chatbox il faut forcément être connecté à la chatbox Wink

C'est pour ajouter dans une page HTML ? Si oui peut-on avoir son lien ? (pour regarder s'il y a déjà jQuery ajouté dessus)
avatar

[Nihil]
Membre habitué(e)

Messages : 1214
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Dim 8 Mar 2015 - 11:11

C'est pour mettre dans un html du forum "gestion de pages html"
Evidemment il faut être co à la box pour voir les archives
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Dim 8 Mar 2015 - 15:27

J'ai + ou - réussi , mais j'ai toujours un espace Haut/Bas et Gauche

Qui correspond aux cadres connexion / message / en ligne
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par [Nihil] le Dim 8 Mar 2015 - 15:33

Pourrais tu nous copier / coller ce que tu as fait pour qu'on puisse t'aider s'il te plait Wink ?
avatar

[Nihil]
Membre habitué(e)

Messages : 1214
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Dim 8 Mar 2015 - 15:46

C'est le Html de base que je refais dans un module Html
En supprimant le div header / footer et member c'est bon !
mais il reste leurs cadre vide

Code:
<meta content="text/html; charset=utf-8" http-equiv="content-type" /><title>ChatBox</title><link href="http://artdrock.free.fr/Forum%20QT/Icones/Favicon.ico" type="image/x-icon" rel="shortcut icon" /><meta content="text/javascript" http-equiv="content-script-type" /><meta content="text/css" http-equiv="content-style-type" /><link type="text/css" href="/58-ltr.css" rel="stylesheet" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://illiweb.com/rs3/97/frm/lang/fr.js"></script><script type="text/javascript">var smilies_sid = '';</script><script type="text/javascript" src="http://illiweb.com/rs3/97/frm/chatbox/chatbox8.js"></script><link href="http://illiweb.com/rs3/97/frm/chatbox/chatbox.css" type="text/css" rel="stylesheet" /><link href="http://illiweb.com/rs3/97/frm/chatbox/chatboxAv.ltr.css" type="text/css" rel="stylesheet" /><style type="text/css">* {margin: 0; padding: 0;}html, body {overflow: hidden;}body {padding: 0;margin: 0;background-color: #ede6c5;}#help-button, #divcolor, #divsmilies, #submit_button, .format-message + label{border : 1px solid #AAA;background : #ecf3f7;color : black !important;}.format-message:checked + label{background : #0076b1;}#chatbox_contextmenu p.cb-menu-item:hover{background: white;}</style>
<div class="forabg" id="chatbox_header">
   <h2 class="chatbox-title">
      <a class="chat-title" target="chatbox" href="/chatbox/index.forum">ChatBox</a>
   </h2>
   <ul id="chatbox_main_options" class="chatbox-options">
      <li style="display:none;" id="chatbox_display_archives">
         <span style="display: none;" id="chatbox_option_with_archives"><a href="/chatbox/index.forum?archives=1"></a> </span><span style="display: ;" id="chatbox_option_without_archives"><a href="/chatbox/index.forum?archives"></a> </span>
      </li>
      <li>
         <a href="javascript:void(0)"><span style="display: none;" onclick="chatbox.connect()" id="chatbox_option_co"><strong></strong></span><span style="display: ;" onclick="chatbox.disconnect()" id="chatbox_option_disco"></span></a>
      </li>
   </ul>
</div>
<div class="chatbox-members" id="chatbox_members">
   <h4 class="member-title online">
      En ligne
   </h4>
   <ul class="online-users">
   </ul>
   <h4 class="member-title away">
      Absent
   </h4>
   <ul class="away-users">
   </ul>
</div>
<div id="chatbox">
</div>
<div style="display: ;" class="forabg" id="chatbox_footer">
   <form method="post" name="post">
      <div id="chatbox_messenger_form">
         <div class="right-box style-buttons">
            <div onclick="document.post.message.focus();" class="text-field">
               <label for="message">Message : </label><input onkeydown="number_of_refresh=0;" autocomplete="off" class="post" maxlength="1024" size="35" name="message" id="message" type="text" /><input id="submit_button" value="Envoyer" name="submit_button" type="submit" />
            </div>
         </div>
         <div class="right-box">
            <input class="format-message" id="format-bold" name="bold" type="checkbox" /><label class="fontbutton" for="format-bold" title="Gras">B</label><input class="format-message" id="format-italic" name="italic" type="checkbox" /><label class="fontbutton" for="format-italic" title="Ital.">I</label><input class="format-message" id="format-underline" name="underline" type="checkbox" /><label class="fontbutton" for="format-underline" title="Soulig.">U</label><input class="format-message" id="format-strike" name="strike" type="checkbox" /><label class="fontbutton" for="format-strike" title="Barré">S</label>
            <div class="fontbutton" id="divcolor">
               A<input value="#000000" id="scolor" name="scolor" type="hidden" />
               <div id="divcolor-preview">
               </div>
            </div>
            <div class="fontbutton" id="divsmilies">
               <img style="width: 21px; height: 20px;" title="Emoticons" alt="Emoticons" src="http://illiweb.com/fa/subsilver/wysiwyg/smilie.gif" />
            </div>
         </div>
         <div title="Commandes de la Chatbox" onclick="chatbox.openHelpPage()" class="left-box" id="help-button">
            ?
         </div>
      </div>
   </form>
</div><script type="text/javascript">var chatbox = new Chatbox("bfb489d2f6bdc942b45018eeaa23f5d9", {"archives":1,"avatar":1});chatbox.userId = 11;chatbox.connected = true;chatbox.defaultColor = '#000000';if ( document.location.href.indexOf('chatbox', 1) == -1 ) {$('#divcolor').css('display', 'none');$('#divsmilies').css('display', 'none');}chatbox.init();</script>
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par [Nihil] le Dim 8 Mar 2015 - 16:33

En rajoutant dans le CSS en haut ceci, c'est mieux ? Smile

Code:
#chatbox{position:absolute;top: 0;left: 0;bottom: 0;}#chatbox_footer{display:none;}
avatar

[Nihil]
Membre habitué(e)

Messages : 1214
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Dim 8 Mar 2015 - 16:48

Si je modifie le css , cela va s'appliquer sur la box de base
Je veux garder la box de base et faire une nouvelle fenêtre avec juste les message
Juste avec le <div id="chatbox"> pour ne garder que les archives

En gros avoir 2 fenêtres
une avec la box normale
et une avec les archives , sans les cadres où viennent les div Haut/bas et members en ligne
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par [Nihil] le Dim 8 Mar 2015 - 16:57

Je ne parle pas du CSS du forum, mais du CSS en haut Smile

Ici :
Code:
<style type="text/css">* {margin: 0; padding: 0;}html, body {overflow: hidden;}body {padding: 0;margin: 0;background-color: #ede6c5;}#help-button, #divcolor, #divsmilies, #submit_button, .format-message + label{border : 1px solid #AAA;background : #ecf3f7;color : black !important;}.format-message:checked + label{background : #0076b1;}#chatbox_contextmenu p.cb-menu-item:hover{background: white;}</style>
avatar

[Nihil]
Membre habitué(e)

Messages : 1214
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Dim 8 Mar 2015 - 17:21

Ok , ça commence à être bon Laughing
Les messages prennent bien la fenêtre complète
Sauf que :
Maintenant j'ai tout le forum dans la box , sous les messages !!


Razz
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer un Div dans html

Message par Artdrock le Lun 9 Mar 2015 - 14:31

J'ai résolu le problème
Merci [Nihil]
Du coup j'ai pu mettre les messages archives de la Box dans un onglet coulissant

Merci ,
avatar

Artdrock
****

Messages : 274
Inscrit(e) le : 13/09/2011

http://quentoch-team.forum.st/forum
Artdrock a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum