la box sur le côté help Bouton_activela box sur le côté help Bouton_hoverla box sur le côté help Fb-hoverla box sur le côté help 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
la box sur le côté help EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
la box sur le côté help EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
la box sur le côté help EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
la box sur le côté help EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
la box sur le côté help EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
la box sur le côté help EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
la box sur le côté help EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
la box sur le côté help EmptySam 11 Fév 2023, 06:04 par Krager


Partagez
 

la box sur le côté help

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2  Suivant
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
Voilà j'ai tenté d'avoir la box sur le côté en me fiant sur le code trouvé dans une des aides mais cela ne marche pas du tout. Voici donc les codes :

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>

<table id="lnrbox"><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 100px; height: 56px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://i45.tinypic.com/2r29d12.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://i45.tinypic.com/2r29d12.png')?'block':'none';
this.src=(this.src=='http://i45.tinypic.com/2r29d12.png')?'http://moe.mabul.org/up/moe/2010/04/15/img-052733tgzjj.jpg'
:'http://moe.mabul.org/up/moe/2010/04/15/img-052733tgzjj.jpg';"/></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 -->


Le css :

Code:
#lnrbox
{
position: fixed;
bottom: 50px;
left: 0px;
background-color: #COULEUR;
background-position: center;
border: 1px solid #COULEUR;
border-bottom: 4px solid #COULEUR;
z-index: 999;
}

Je n'ai pas encore toucher les "couleur" car je n'ai pas trop compris comment le reste fonctionne. On voit l'image pour la box mais on ne peut pas cliquer dessus ... et ce n'est pas la bonne image...


lien du forum : http://worshire.forumactif.com/index.htm

lien du bouton box : la box sur le côté help Img-052733tgzjj


merci davance
MessageSujet: la box sur le côté help   la box sur le côté help EmptyJeu 15 Avr 2010, 00:44
Revenir en haut Aller en bas
http://captain-pullip.forumgratuit.org/
Nashii
Nashii
{ Membre actif }
{ Membre actif }

Féminin Messages : 516



la box sur le côté help Empty
Salut,

^^" j'ai rien pigé à ton template etpourquoi un css XD...

Moi dans le template index-body j'ai sa pour la box sur le coté ^^

Code:
<!-- END disable_viewonline -->

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #E6E6E6;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 500px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg')?'block':'none';this.src=(this.src=='http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg')?'http://i13.servimg.com/u/f13/09/03/20/77/close10.jpg':'http://i13.servimg.com/u/f13/09/03/20/77/open10.jpg';"/></td></tr></table>
<br clear="all" />
<!-- BEGIN switch_legend -->

Bien sur les END et BEGIN c'est pour te dire ou sa se trouve ^^ . Par contre les images sont celle de mon forum c'est gris XD tente sa ^^

Bonne soirée
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyJeu 15 Avr 2010, 15:38
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
Heum ton code a un problème je dirais .... car on ne peut pas cliquer sur le bouton pour aller sur la box ...
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyJeu 15 Avr 2010, 21:47
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



la box sur le côté help Empty
Le code de Nashii est correct, il faut mettre ceci :

Code:
<!-- END disable_viewonline -->


<table style="position: fixed; bottom: 50px; left: -10px;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="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none';
this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/></td></tr></table>
<br clear="all" />
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 16 Avr 2010, 05:46
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
Bah moi ça marche pas du tout !

Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
        <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{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>
      </td>
      <td width="50%" align="right" valign="top">
        <span class="gensmall">
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques">
  <tr>
      <td width="400"></td>
      <td width="60%" align="center" valign="middle">
        <div class="groupes" align="center">
            <a href="groupcp.forum?g=19" style="color:#6D563E;">Staff d'ARN</a>
            <a href="groupcp.forum?g=11" style="color:#CC9933;">Chouchous</a>
            <a href="groupcp.forum?g=5" style="color:#FFFF99;">Membres</a>
           
            <div style="padding:5px;"></div>
           
           
           
           
            <div style="padding:5px;"></div>
           
           
        </div>
        <br />
        <div class="gensmall" style="font-size:9px;">
            {TOTAL_USERS}. <br />
            {NEWEST_USER}. <br />
            {TOTAL_POSTS}<br /><br />
            <a href="{U_VIEWONLINE}" style="text-decoration:none !important;">{TOTAL_USERS_ONLINE}</a><br />
            <div class="listeconnectes">{LOGGED_IN_USER_LIST}</div>
        </div>
      </td>
  </tr>
</table>
<table cellspacing="2" cellpadding="3" width="99%" border="0" >
  <tr>
      <td align="center" style="font-size:9px">
        <a href="{U_TODAY_ACTIVE}" style="padding:10px;">{L_TODAY_ACTIVE}</a>
        <a href="{U_TODAY_POSTERS}" style="padding:10px;">{L_TODAY_POSTERS}</a>
        <a href="{U_OVERALL_POSTERS}" style="padding:10px;">{L_OVERALL_POSTERS}</a>
      </td>
  </tr>
  <tr>
      <td align="center" style="font-size:9px">
      {RECORD_USERS}
      <td>
  </tr>
</table>

<table width="70%" align="center" class="liste24h" style="text-align: justify;font-size:9px;">{L_CONNECTED_MEMBERS}</table>
<table width="70%" align="center" class="birthday" style="text-align:center;">{L_WHOSBIRTHDAY_TODAY}</td></tr></table>
<!-- END disable_viewonline -->

<table style="position: fixed; bottom: 50px; left: -10px;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="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none';
this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/></td></tr></table>
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}


voici le code
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 16 Avr 2010, 14:06
Revenir en haut Aller en bas
http://vengeo.forumactif.org/forum.htm
Adrénalia
{ Membre }
{ Membre }

Féminin Messages : 33



la box sur le côté help Empty
Je voudrais savoir si on pouvait mettre ceci sur chaques pages du forum?
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptySam 17 Avr 2010, 10:45
Revenir en haut Aller en bas
http://generation.geek.chez.com
Boow
Boow
{ Membre actif }
{ Membre actif }

Masculin Messages : 866



la box sur le côté help Empty
Adrénalia : ce n'est pas vraiment ton topic alors va donc en ouvrir un nouveau ;p

Xodramm : Est-ce que, par hasard, tu es sûre d'avoir activé ta chat box sur ton forum ? Des fois c'est un petit oubli tout bête x)
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptySam 17 Avr 2010, 12:26
Revenir en haut Aller en bas
http://vengeo.forumactif.org/forum.htm
Adrénalia
{ Membre }
{ Membre }

Féminin Messages : 33



la box sur le côté help Empty
Oh désolé, mais vu que c'était un peu sur le même sujet je pensais que je pouvais =)
Après tout moi on m'a déjà fait le coup plusieurs fois on a jamais rien dis. Et puis je trouve que cela ne sers pas à grand chose de crée un nouveau topic pour ça.
Donc bon.

Si tu y tiens j'en ferais un autre.
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptySam 17 Avr 2010, 18:41
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
B•øw : oui tout est activé ... Toujours rien et j'ai voulu mettre l'image pour ma box et ça fonctionne toujours pas ...
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyDim 18 Avr 2010, 03:12
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



la box sur le côté help Empty
Dis-moi, où as-tu placé ta chatbox dans le code ? Smile
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyDim 18 Avr 2010, 04:29
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
Bien ou on ma dit de le faire ! Dans Index Body

Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
        <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{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>
      </td>
      <td width="50%" align="right" valign="top">
        <span class="gensmall">
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques">
  <tr>
      <td width="400"></td>
      <td width="60%" align="center" valign="middle">
        <div class="groupes" align="center">
            <a href="groupcp.forum?g=19" style="color:#6D563E;">Staff d'ARN</a>
            <a href="groupcp.forum?g=11" style="color:#CC9933;">Chouchous</a>
            <a href="groupcp.forum?g=5" style="color:#FFFF99;">Membres</a>
           
            <div style="padding:5px;"></div>
           
           
           
           
            <div style="padding:5px;"></div>
           
           
        </div>
        <br />
        <div class="gensmall" style="font-size:9px;">
            {TOTAL_USERS}. <br />
            {NEWEST_USER}. <br />
            {TOTAL_POSTS}<br /><br />
            <a href="{U_VIEWONLINE}" style="text-decoration:none !important;">{TOTAL_USERS_ONLINE}</a><br />
            <div class="listeconnectes">{LOGGED_IN_USER_LIST}</div>
        </div>
      </td>
  </tr>
</table>
<table cellspacing="2" cellpadding="3" width="99%" border="0" >
  <tr>
      <td align="center" style="font-size:9px">
        <a href="{U_TODAY_ACTIVE}" style="padding:10px;">{L_TODAY_ACTIVE}</a>
        <a href="{U_TODAY_POSTERS}" style="padding:10px;">{L_TODAY_POSTERS}</a>
        <a href="{U_OVERALL_POSTERS}" style="padding:10px;">{L_OVERALL_POSTERS}</a>
      </td>
  </tr>
  <tr>
      <td align="center" style="font-size:9px">
      {RECORD_USERS}
      <td>
  </tr>
</table>

<table width="70%" align="center" class="liste24h" style="text-align: justify;font-size:9px;">{L_CONNECTED_MEMBERS}</table>
<table width="70%" align="center" class="birthday" style="text-align:center;">{L_WHOSBIRTHDAY_TODAY}</td></tr></table>
<!-- END disable_viewonline -->

<table style="position: fixed; bottom: 50px; left: -10px;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://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none';
this.src=(this.src=='IMAGE OUVRIR')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'IMAGE OUVRIR';"/></td></tr></table>
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyDim 18 Avr 2010, 13:01
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
Personne pour aider à résoudre mon problème ?
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyJeu 22 Avr 2010, 20:53
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



la box sur le côté help Empty
Bon, une bonne fois pour toutes, les ups sont interdits !

Concernant ton problème, c'est normal, puisque tu n'as pas mis tes images là où il y a "IMAGE OUVRIR" Wink
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 02:27
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
Bon je vais tenter de demander autre part ! Je ne comprends pas le code et me faire sentir comme une moins que rien car je ne comprends pas je n'apprécie pas .... Je ne comprends pas ces codes et si je viens demander de l'aide c'est pour résoudre mon problème ...

Merci de ne pas m'aider et je vais tenter de voir kkun qui veut bien le faire.
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 11:17
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



la box sur le côté help Empty
Citation :
Concernant ton problème, c'est normal, puisque tu n'as pas mis tes images là où il y a "IMAGE OUVRIR" Wink

Tu as lu ce que j'ai écris au moins ?

Il faut écrire dans toutes les parties "IMAGE OUVRIR" l'adresse de ton image pour ouvrir Wink
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 11:29
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



la box sur le côté help Empty
*profond soupir* La pédagogie, les gens, la pédagogie.

Alors, Xo, reprenons du début. Je préviens d'avance que je n'ai pas lu le tutoriel correspondant (flemme de le trouver) et que je me base donc sur ce qui a été dit sur ce sujet.

Nous avons donc le fichier index_body à ouvrir.

Ensuite, chercher le code
Code:
<!-- END disable_viewonline -->
et
Code:
<!-- BEGIN switch_legend -->

Entre les deux il faut ajouter

Code:
<table style="position: fixed; bottom: 50px; left: -10px;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="IMAGE OUVRIR" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='IMAGE OUVRIR')?'block':'none';this.src=(this.src=='IMAGE OUVRIR')?'IMAGE FERMER':'IMAGE OUVRIR';"/>
      </td>
   </tr>
</table>
<br clear="all" />

Jusque là, j'ai juste repris ce qui a été dit plus haut pour bien saisir ce dont il est question (et j'ai espacé le code pour qu'il soit bien lisible, quand je parlais de pédagogie...)

Si j'ai bien saisi, ton image à utiliser est la box sur le côté help Box

Bon, comme tu le vois sur CSS Actif, pour la chatbox du forum tu as la box sur le côté help 8606chatouvrir et la box sur le côté help 54006chatbox-ferme (en bas à droite).

Autrement dit, une image pour ouvrir et une image pour fermer la boite.

Vu qu'il n'y a qu'une seule image dans ton code, on va prendre la même et remplacer les zones adéquates, ce qui donne :

Code:
<table style="position: fixed; bottom: 50px; left: -10px;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://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none'; this.src=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/>
      </td>
   </tr>
</table>
<br clear="all" />

(Par contre je suis une buse en javascript, donc ces histoires de this.src c'est un chouia au delà de mes capacités personnelles)

Pour le reste, faudra qu'un jour j'aille tester ça sur mon propre forum de test, ça devient à la mode, faut que je me mette à la page avant d'être dépassée XD


Dernière édition par Lostmindy le Ven 23 Avr 2010, 12:19, édité 1 fois
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 12:09
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
heum ... le souci présent la box ouvre maintenant mais ne ferme plus ...

Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
        <label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_header -->

{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>
      </td>
      <td width="50%" align="right" valign="top">
        <span class="gensmall">
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
              <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" valign="top" align="center" class="row1">
        <span class="genmed">{L_USERNAME}:</span>
        <input class="post" type="text" size="10" name="username"/>
        <span class="genmed">{L_PASSWORD}:</span>
        <input class="post" type="password" size="10" name="password"/>
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<table cellspacing="2" cellpadding="2" width="100%" border="0" class="statistiques">
  <tr>
      <td width="400"></td>
      <td width="60%" align="center" valign="middle">
        <div class="groupes" align="center">
            <a href="groupcp.forum?g=19" style="color:#6D563E;">Staff d'ARN</a>
            <a href="groupcp.forum?g=11" style="color:#CC9933;">Chouchous</a>
            <a href="groupcp.forum?g=5" style="color:#FFFF99;">Membres</a>
           
            <div style="padding:5px;"></div>
           
           
           
           
            <div style="padding:5px;"></div>
           
           
        </div>
        <br />
        <div class="gensmall" style="font-size:9px;">
            {TOTAL_USERS}. <br />
            {NEWEST_USER}. <br />
            {TOTAL_POSTS}<br /><br />
            <a href="{U_VIEWONLINE}" style="text-decoration:none !important;">{TOTAL_USERS_ONLINE}</a><br />
            <div class="listeconnectes">{LOGGED_IN_USER_LIST}</div>
        </div>
      </td>
  </tr>
</table>
<table cellspacing="2" cellpadding="3" width="99%" border="0" >
  <tr>
      <td align="center" style="font-size:9px">
        <a href="{U_TODAY_ACTIVE}" style="padding:10px;">{L_TODAY_ACTIVE}</a>
        <a href="{U_TODAY_POSTERS}" style="padding:10px;">{L_TODAY_POSTERS}</a>
        <a href="{U_OVERALL_POSTERS}" style="padding:10px;">{L_OVERALL_POSTERS}</a>
      </td>
  </tr>
  <tr>
      <td align="center" style="font-size:9px">
      {RECORD_USERS}
      <td>
  </tr>
</table>

<table width="70%" align="center" class="liste24h" style="text-align: justify;font-size:9px;">{L_CONNECTED_MEMBERS}</table>
<table width="70%" align="center" class="birthday" style="text-align:center;">{L_WHOSBIRTHDAY_TODAY}</td></tr></table>
<!-- END disable_viewonline -->

<table style="position: fixed; bottom: 50px; left: -10px;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://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none';this.src=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/>
      </td>
  </tr>
</table>
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 12:18
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



la box sur le côté help Empty
Mhh ... Essaie celui-là pour voir :
Code:
<!-- END disable_viewonline -->


<table style="position: fixed; bottom: 50px; left: -10px;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://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none';
this.src=(this.src=='http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg':'http://i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/></td></tr></table>
<br clear="all" />
<!-- BEGIN switch_legend -->
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 12:22
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



la box sur le côté help Empty
Xo > Arrête de donner ton code en entier XD Techniquement, d'après mes bases en java (pas javascript) le code m'a l'air correct, essaie voir si tu retires l'espace entre ('chatboxpop') et .style mais je doute que ça soit ça. J'ai rectifié mon précédent code de cette façon.

De toute façon je vois bien un système qui permet de changer l'apparence de la box, mais pas de la fermer O.o Il manque pas quelque chose ? Il est où ce tuto ? =.=

Basil > C'est quoi la différence ? O.o
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 12:25
Revenir en haut Aller en bas
Basil Hawkins
Basil Hawkins
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 2912



la box sur le côté help Empty
Lostmindy a écrit:
Xo > Arrête de donner ton code en entier XD Techniquement, d'après mes bases en java (pas javascript) le code m'a l'air correct, essaie voir si tu retires l'espace entre ('chatboxpop') et .style mais je doute que ça soit ça. J'ai rectifié mon précédent code de cette façon.

De toute façon je vois bien un système qui permet de changer l'apparence de la box, mais pas de la fermer O.o Il manque pas quelque chose ? Il est où ce tuto ? =.=

Basil > C'est quoi la différence ? O.o

Je n'en sais rien, je n'ai pas vraiment regardé son code ^^'

J'ai juste repris le code de base et mis l'url de ses images comme ça pas la peine de se casser la tête pour trouver une apostrophe manquante xD
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 12:36
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



la box sur le côté help Empty
C'est pas comme si je l'avais pas fait un post plus haut Siffle
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 12:39
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
pareil .... le code marche pas je ne peux pas fermer la box une fois ouverte !
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyVen 23 Avr 2010, 12:49
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



la box sur le côté help Empty
Bonsoir,

C'est normal que le code ne marche pas puisque tu mets le même lien d'image dans le "ouvrir" que dans le "fermer" ... Le script ne fait donc pas la différence entre les deux fonctions, d'où l'impossibilité de refermer la chatbox (puisqu'il associe le lien de l'image à la fonction "ouvrir" ...) Le meilleur moyen pour que ce code marche, c'est de créer une image "fermer la chatbox", de l'héberger et de la mettre dans le code ...

Citation :
<!-- END disable_viewonline -->

<table style="position: fixed; bottom: 50px; left: -10px; 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="https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg"
onClick="document.getElementById('chatboxpop') .style.display=(this.src=='https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'block':'none'; this.src=(this.src=='https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg')?'https://2img.net/r/ihimizer/img249/4241/box5571712.jpg':'https://2img.net/h/i221.photobucket.com/albums/dd52/xodramm/ARN/box.jpg';"/>
</td>
</tr>
</table>
<br clear="all" />

<!-- BEGIN switch_legend -->

En ré-hébergeant ton image "ouvrir la chatbox" sous un autre hébergeur qui m'a donc donné un nouveau lien (le truc en gras dans le code) - différent de l'autre - ça marche tout seul ... Je te conseille donc de modifier le lien en gras dans le code par le lien d'une image "fermer la chatbox" Wink
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyLun 03 Mai 2010, 19:31
Revenir en haut Aller en bas
http://annuaire-rn.forumactif.org/index.htm
xodramm
xodramm
{ Membre }
{ Membre }

Messages : 254



la box sur le côté help Empty
Merciiiiiiiiiiiiiiii <3
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyMar 04 Mai 2010, 02:08
Revenir en haut Aller en bas
http://hogwarts-origins.forumactif.com/forum.htm
Vertigo
Vertigo
{ Membre }
{ Membre }

Masculin Messages : 33



la box sur le côté help Empty
J'y arrive pas >< Pourtant j'ai bien lu toutes vos explications...

Alors moi j'ai mis ceci:

Code:
<!-- END disable_viewonline -->

<table style="position: fixed; bottom: 50px; left: -10px; 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://www.servimg.com/image_preview.php?i=210&u=14971866" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://www.servimg.com/image_preview.php?i=210&u=14971866')?'block':'none';this.src=(this.src=='http://www.servimg.com/image_preview.php?i=210&u=14971866')?'http://nsa15.casimages.com/img/2010/05/04//100504111504191282.jpg':'http://www.servimg.com/image_preview.php?i=210&u=14971866';"/>
</td>
</tr>
</table>
<br clear="all" />

<!-- BEGIN switch_legend -->

Et j'ai eu bon joué sur les espaces tout cela, je ne trouve pas ou je me suis planté...En fait sur mon fow on ne voit plus la cb et même en rajoutant
Code:
{CHATBOX_BOTTOM}
<br clear="all" />
cela ne fonctionne pas non plus...Je débute et bon je m'y retrouve pas pour le coup...J'ai pourtant héberger aussi sur des hébergeurs différents pour mieux m'y retrouver...Mais je parie que j'ai fait une boulette pas possible mais désolé je m'y retrouve pas ><
MessageSujet: Re: la box sur le côté help   la box sur le côté help EmptyMar 04 Mai 2010, 06:32
Revenir en haut Aller en bas
Contenu sponsorisé




la box sur le côté help Empty
MessageSujet: Re: la box sur le côté help   la box sur le côté help Empty
Revenir en haut Aller en bas
 

la box sur le côté help

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 2Aller à la page : 1, 2  Suivant

 Sujets similaires

-
» CSS : cote a cote.
» Problème de CB sur le côté
» Chatbox sur le côté
» Des onglets sur le côté.
» Chat box sur le coté...

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 | Forum gratuit | Informatique et Internet | Internet