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

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 :

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 !

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 ?

[Nihil]
# Tropactif #

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

http://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 ,

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)

[Nihil]
# Tropactif #

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

http://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

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

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 ?

[Nihil]
# Tropactif #

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

http://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>

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;}

[Nihil]
# Tropactif #

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

http://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

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>

[Nihil]
# Tropactif #

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

http://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

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 ,

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