Chatbox en spoiler via les templates et non la PA ? Bouton_activeChatbox en spoiler via les templates et non la PA ? Bouton_hoverChatbox en spoiler via les templates et non la PA ? Fb-hoverChatbox en spoiler via les templates et non la PA ? Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Chatbox en spoiler via les templates et non la PA ? EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Chatbox en spoiler via les templates et non la PA ? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Chatbox en spoiler via les templates et non la PA ? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Chatbox en spoiler via les templates et non la PA ? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Chatbox en spoiler via les templates et non la PA ? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Chatbox en spoiler via les templates et non la PA ? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Chatbox en spoiler via les templates et non la PA ? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Chatbox en spoiler via les templates et non la PA ? EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Chatbox en spoiler via les templates et non la PA ?

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




Chatbox en spoiler via les templates et non la PA ? Empty
Bonjour,
Il y a quelque mois, peut-être trois, j'avais trouvé ici, et ailleurs la modification d'un template afin d'incorporer une chat box sur le côté du forum en spoiler, comme sur CSS actif. Hier, j'ai fouillé et cherché un peu partout, ici et sur forumactif le forum d'entraide, je ne tombe plus que sur d'affreux code à mettre dans la page d'accueil, se que je ne veux absolument pas. Quelqu'un aurait-il encore l'ancien procédé pour moi ?

EDIT //: J'ai trouvé le code en question, par contre, je ne sais plus dans quel template le mettre pour que ça fasse comme sur CSS actif ...

Code:
<table id="lnrbox"><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'block':'none';
this.src=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'http://img25.xooimage.com/files/4/8/d/fermer-18899ae.png'
:'http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png';"/></td></tr></table>
MessageSujet: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 10 Fév 2010, 04:59
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Chatbox en spoiler via les templates et non la PA ? Empty
Bonjour
tu doit mettre ce code dans le head du template index-body
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 10 Fév 2010, 05:50
Revenir en haut Aller en bas
Invité
Invité




Chatbox en spoiler via les templates et non la PA ? Empty
Je ne vois pas de classe toute seule, seulement < td class="catHead" height="28" >, se qui n'est très certainement pas le bon endroit pour le placer.
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 10 Fév 2010, 06:01
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Chatbox en spoiler via les templates et non la PA ? Empty
Oupsss je me suis tromper de template .....
c'est dans overall_header_new, tu le met soit au debut soit à la fin du head.
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 10 Fév 2010, 06:05
Revenir en haut Aller en bas
Invité
Invité




Chatbox en spoiler via les templates et non la PA ? Empty
Voici se que j'obtiens :
http://img43.xooimage.com/files/3/7/4/azertf-1889fe0.png
Et le template est :
overall_header_new :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'block':'none';
this.src=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'http://img25.xooimage.com/files/4/8/d/fermer-18899ae.png'
:'http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png';"/></td></tr></table>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
   }
   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }
   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }
   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVAscript}
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <td>
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  </td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 10 Fév 2010, 06:12
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



Chatbox en spoiler via les templates et non la PA ? Empty
Rooh mais Thalie c'pas là Razz

C'est dans overall_footer que tu dois le mettre, juste avant /body Wink
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 10 Fév 2010, 06:46
Revenir en haut Aller en bas
Invité
Invité




Chatbox en spoiler via les templates et non la PA ? Empty
Je viens de tester dans overall_footer, juste avant le < body >, le premier, je ne le vois pas du tout apparaître.
EDIT : // Devant le < /body >
Ca me l'affiche en bas, cool, mais dans mon cadre de forum et non sur les côtés =/
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 10 Fév 2010, 06:52
Revenir en haut Aller en bas
http://pravusjudico.forumactif.com/forum.htm
U L I X E S ♪
U L I X E S ♪
{ Membre }
{ Membre }

Masculin Messages : 280



Chatbox en spoiler via les templates et non la PA ? Empty
Bonjour !

Le problème est-il toujours d'actualité ?

Au plaisir ! ♪
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyVen 19 Fév 2010, 12:18
Revenir en haut Aller en bas
http://myrelis.forumactif.org
misslilly
{ Membre }
{ Membre }

Féminin Messages : 25



Chatbox en spoiler via les templates et non la PA ? Empty
Il te suffit simplement d'intégrer la mise en page que tu souhaites dans le css, comme ceci :
Code:
#lnrbox
{position: fixed;
top: 100px;
left: 0px;
background-color: #f3d19a;
background-image: url(' ');
border: 2px solid #915743;
z-index: 999;}

Explications:

position: fixed;
fait que ta chatbox reste toujours fixe

top: 100px;
définit la taille par rapport au haut de ton forum, si tu veux qu'elle 'commence' en bas, tu remplaces top par bottom
100 px signifie qu'elle sera décollée de 100px du haut de ton forum, plus tu augmentes, plus l'écart sera grand

left: 0px;

définit la taille par rapport à la gauche de ton forum, si tu veux qu'elle soit à droite, tu remplaces left par right
0px signifie qu'elle sera collée au bord de ton forum, plus tu augmentes, plus l'écart sera grand

background-color: #f3d19a;
définit la couleur de fond de ta chatbox, tu peux mettre un code hexadécimal ou le nom de ta couleur

background-image: url(' ');
si tu veux insérer une image dans le fond de ta chatbox, pense à choisir une image de la même taille que ta chatbox, et si possible une image plutôt faible en opacité

border: 2px solid #915743;
cela concerne le contour de ta chatbox, 1px pour la taille, solid pour le type de bordure (solid = pleine, dotted = pointillés, dashed = tirets, groove = en relief ...)

z-index: 999;
(euh... j'avoue ne pas savoir désolée)

Edit : Ton code est bien à placer dans le template Général -> over_header_new, juste après la balise head (comme tu l'as déjà fait).
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMar 02 Mar 2010, 18:58
Revenir en haut Aller en bas
Invité
Invité




Chatbox en spoiler via les templates et non la PA ? Empty
et moi comment faire je suis en punbb
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyJeu 11 Mar 2010, 10:50
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Chatbox en spoiler via les templates et non la PA ? Empty
Bonjour ^^

Le problème est-il résolu ?
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? EmptyMer 17 Mar 2010, 17:56
Revenir en haut Aller en bas
Contenu sponsorisé




Chatbox en spoiler via les templates et non la PA ? Empty
MessageSujet: Re: Chatbox en spoiler via les templates et non la PA ?   Chatbox en spoiler via les templates et non la PA ? Empty
Revenir en haut Aller en bas
 

Chatbox en spoiler via les templates et non la PA ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Spoiler dans les Templates ??
» [résolu]Sorte de spoiler ?
» Probleme de spoiler de chatbox
» Mettre la chatbox en spoiler (messages)
» Chatbox en spoiler qui s'affiche sur toutes les pages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit | Informatique et Internet | Internet