SOS-FORUM

Derniers sujets

» Silence Inside Me - Ouverture
par Solitude 3/3/2018, 12:36

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Chantra Chantrapa 5/3/2017, 20:31

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29


Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

Ricky
Ricky
(Membre)
Voir le profil de l'utilisateur
Bonjour !

Je sens que Zeco va regretté de m'avoir incité à lâcher mes "questions sauvages". J'espère juste l'avoir fait au bon endroit...

Je n'ai rencontré aucune difficulté particulière outre le fichier rebelle, cependant, j'ai un élément que j'aimerai supprimer. En effet une barre demeure et je ne la trouve pas esthétique. J'ai fait quelques modifications et je pense que j'ai dû commettre une bourde en ajoutant ma barre de navigation en onglet...

Voilà ce que ça donne :
Spoiler:
Imaginez par contre que j'ai mis un "s" à "effectuée" et à "onglet" XD

J'aurai aimé supprimer cette barre.

Seconde chose, j'aurai souhaité savoir comment faire pour ajouter les barre verticale des colonnes de mes catégories. Pour être plus clair, je vous montre en image :

Spoiler:

J'ai fait quelques tentatives et les résultats n'ont pas été de grandes réussites :

Spoiler:
J'aurai souhaité savoir comment faire.

Je précise que je ne suis pas grand connaisseur en matière de codage.

Je remercie d'avance celui/celle/ceux qui prendront le temps de se pencher sur mon problème et de m'éclaircir.



Dernière édition par Ricky le 27/4/2010, 17:40, édité 1 fois

Final-Blonde
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Salut Riky,

Alors, peux tu donner le lien de ton forum pour mieux voir de quoi il s'agit, bien que je m'en doute...

Ensuite le contenu des templates index_body et index_box entre les balises pour chacun :
Code:
[spoiler][code]CONTENU DU 1er TEMPLATE[/code]
[code]CONTENU DU 2ème TEMPLATE[/code][/spoiler]

Ricky
Ricky
(Membre)
Voir le profil de l'utilisateur
Voilà le forum : http://pilou.forumotion.com/forum.htm C'est un forum de teste dont je me sers pour ensuite, une fois tout callé, ne plus avoir qu'à copier coller sans faire de massacre.

Concernant les templates, les voici :
Index_body :
Spoiler:
Code:
{JAVAscript}
<!-- BEGIN message_admin_index -->
<div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="notitle" 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="transtable" 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></div></div></div></div></div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<br /><div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="transtable">
   <tr>
      <td width="100%" valign="top" align="center" class="transtable">
         <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></div></div></div></div></div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="30%" 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="60%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> ï
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> ï
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- 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 -->
<div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="transtable">
   <tr>
      <td width="100%" valign="top" align="center" class="transtable">
         <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></div></div></div></div></div>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<br /> <div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="notitle" colspan="2" height="28"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></td>
   </tr>
   <tr>
      <td class="transtable" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="transtable" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="transtable"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   <tr>
      <td class="transtable"><span class="gensmall">
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
</span></td>
   </tr>   

<tr>
      <td class="transtable"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="transtable">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST} <br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript"><!--
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //-->
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table></div></div></div></div></div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<br /> <div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><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></div></div></div></div></div>
<!-- END switch_legend -->

{AUTO_DST}

Idex_box :
Spoiler:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a><span class="supprimg">{NAV_CAT_DESC}</span></div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td class="styletable"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"> <table class="transtable" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"  style="background-color: transparent; background-image: none;"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="120"  style="background-color: transparent; background-image: none;"><div style="width:120px;">Bouteilles en Mer</div></th>
      <th nowrap="nowrap" width="150" style="background-color: transparent; background-image: none;"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="colonne1" align="center" valign="middle" style="padding: 5px;">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="colonne1" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
        <!-- BEGIN forum_link_no -->
        <td class="colonne1" align="center" valign="middle" height="50">
            <i><span class="gensmall">{catrow.forumrow.POSTS} SOS </span><br /><span class="gensmall">dans {catrow.forumrow.TOPICS} Messages</span></i>
        </td>
      <td class="colonne1" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="colonne1" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table></div></div></div></div></td></tr></table>
<img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->

Voulez-vous mon CSS ?

Zeco
Zeco
Administrateur absent
Voir le profil de l'utilisateur http://digs.forumactif.com/forum
Hello...

Je me demande une chose : quel tuto as tu suivi ? As tu bien fait celui SF-BB ?
J'ai l'impression que c'est le fond du menu.

Ricky
Ricky
(Membre)
Voir le profil de l'utilisateur
Pour personnaliser ? Pour la barre de navigation (c'est ça que vous appelez menu ?) ?

Pour figer ma barre de navigation, j'ai suivit le tutoriel proposé ici. Pour ma barre de navigation en onglet c'est un peu du bidouillage, j'ai avancé pas mal à tâton avec une aide extérieure bien sûr, je ne suis pas très doué. J'ai aussi dû toucher au CSS pour les images qui sont sous cette forme : . Le template que j'ai modifié est overall_header_new.

Spoiler:
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>
  <!-- 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}
   <script src="/{JS_DIR}/{L_LANG}.js" type="text/javascript"></script>

   <!-- 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://illiweb.com/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://illiweb.com/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://illiweb.com/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">
      <iframe id="login_popup_iframe" frameborder="0" scrolling="no"></iframe>
      <div id="login_popup_content">
         <div id="login_popup_background">
            <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" target="_parent">
                           <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>
      </div>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVAscript}
   <table  border="0" cellpadding="0" cellspacing="0" align="center" class="sfbbwidth">
<tbody><tr>
<td class="roundtopleft"></td>
<td class="roundtopcenter"></td>
<td class="roundtopright"></td>
</tr>
<tr>
<td class="borderleft"></td>
<td class="bordercenter"><table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="0" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td class="styleheader"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"> <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="description">{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="description">{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="description">{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></div></div></div></div></td></tr></table>

            <br /> <div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"><tr><td class="navbarfly" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}<br><img src="http://i63.servimg.com/u/f63/15/13/21/81/img-1511.png"></td></tr></table></div></div></div></div></div>
<!-- BEGIN switch_user_logged_out -->
<br/><table class="warning" width="100%" height="20" border="0" cellpadding="0" cellspacing="1">
<tbody><tr>
<td align="center">Vous n'êtes pas connecté. <a href="/login.forum?connexion">Connectez-vous</a> ou <a href="/profile.forum?mode=register">enregistrez-vous</a> sur le forum pour pouvoir en profiter pleinement.</td>
</tr>
</tbody></table>
<!-- END switch_user_logged_out --><br />

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

<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" class="forumline" style="margin-top:4px;margin-bottom:4px;" cellspacing="1">
 <div class="backcorner3"><div class="upperleft"><div class="upperright"><div class="lowerleft"><div class="lowerright"><table width="100%" border="0" cellspacing="0" cellpadding="0" >
  <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></div></div></div></div>
</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">
<table cellpadding="0" cellspacing="0" width="auto"><tr><td class="widgetleft" width="{C1SIZE}"><span class="mainwidgetleft">


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

</span></td></tr></table>

                           </td>



                           <td valign="top" width="100%">


<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

Je me suis planté à ce point là ?

Final-Blonde
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Woups, je reviens.

J'ai installé les templates o_h_n et i_b sur mon FT pour voir, mais je n'ai rien.
Par contre, si je mets ton CSS, effectivement cette barre apparait et c'est ce code couleur le coupable #879D5C qui apparait trois fois dans le CSS :
/*Couleur_Fond_Cellules-------------------------------------------------*/
td.row1,td.row2,td.row3,.backcorner3 { background-color: #879D5C; }

/*Couleur_Arrondis_Interieur-------------------------------------------------*/
.backcorner2 { background-color: #879D5C; }

/*Fond_tables-------------------------------------------------*/
.styletable {
background-color: #879D5C;
Bien sûr ça signifie plusieurs fonds, mais j'ai supposé d'après la structure de tout ce qui entoure ta navbar dans l'o_h_n que c'était le deuxième "backcorner2"...
En supprimant cette div, cette barre disparait aussi.
Cherche dans l'overall_header_new :
Code:
<div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"><tr><td class="navbarfly" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}<br><img src="http://i63.servimg.com/u/f63/15/13/21/81/img-1511.png"></td></tr></table></div></div></div></div></div>
Supprime le premier bloc "div" sans oublier de supprimer aussi sa fermeture, un "/div".


EDIT : By the way, tu peux supprimer toutes ces div inutiles autour de la navbar, à savoir :
Code:
<div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2">
Et les quatre fermetures "/div" qui vont avec.



Dernière édition par Final-Blond le 25/4/2010, 10:25, édité 1 fois

Final-Blonde
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Je poste à la suite pour la deuxième question, bon parce que je n'étais pas prête, mais ce sera plus clair surtout pour les #d'ancre.

Alors, on va juste ajouter un autre class en doublé à la cellule qui contient "sos dans messages".
Rends-toi d'abord dans le template index_box et cherche (Ctrl+F) cette cellule :
Code:
<td class="colonne1" align="center" valign="middle" height="50">
            <i><span class="gensmall">{catrow.forumrow.POSTS} SOS </span><br /><span class="gensmall">dans {catrow.forumrow.TOPICS} Messages</span></i>
        </td>
Entre les mêmes guillemets du class="colonne1" on va ajouter l'identifiant class="colonne1 colonne3"
Enregistrer et Publier.

Dans la feuille de style CSS, là où sont déjà les identifiants colonne1 et colonne2 nous allons ajouter les propriétés du colonne3.
Cherche (Ctrl+F) :
/*Cadres_Colonnes-------------------------------------------------*/
td.colonne1,td.colonne2{ border-top: 3px solid #8ACF00; }
Et juste en dessous, ajoute la ligne :
/*Cadres_Colonnes-------------------------------------------------*/
td.colonne1,td.colonne2{ border-top: 3px solid #8ACF00; }
td.colonne3 {border-left: 3px solid #8ACF00; border-right: 3px solid #8ACF00;}
Si tu veux la sépartion horizontale, à la première ligne il suffit d'ajouter à la suite sans espace :
,td.colonne3 juste avant l'accolade d'ouverture {

Ricky
Ricky
(Membre)
Voir le profil de l'utilisateur
Bonjour!

Merci beaucoup pour votre aide!

J'ai suivis vos directives et ça marche parfaitement, j'ai même pu faire quelques essaies pour comprendre un peu le fonctionnement (oui j'aime comprendre ce que je fais plutôt que de copier-coller bêtement). Merci beaucoup !

Par contre, j'ai beau chercher la "barre" verte, je ne trouve pas pour la supprimer. Je vous remets la capture pour que vous puissiez voir de quoi je parle :

Spoiler:

Ai-je pu mettre un saut de ligne en trop dans la mise en place de ma barre de navigation qui aurait produit cet effet ou bien est-ce lorsque j'ai supprimé le grand "carré" bleu que j'ai bourdé ?

J'aurai une autre question concernant mes titres de forum. Je me suis amusé à donner un petit effet avec une image par transparence () sur une couleur (comme dans mes premières captures) et j'ai joué avec leur longueur à présent pour ne pas que cela soit collé aux barres de séparations verticales. La taille j'ai su la régler sans problème, mais outre le texte, je ne sais pas centrer le tout. Voilà mon CSS concernant ces titres :
Code:
a.forumlink:link, a.forumlink:visited {
font-family:  serif;
color : #C4DE91;
background-image: url(http://img718.imageshack.us/img718/4511/img1543109cjbe1.png);
background-color:#1F1515;
text-align: center;
font-size: 100%;
borter-top: 3px double #8ACF00;
border-bottom: 3px double #8ACF00;
border-left: 3px double #8ACF00;
border-right: 3px double #8ACF00;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
letter-spacing: 3px;
display: block;
width: 450px;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://i63.servimg.com/u/f63/15/13/21/81/img-1511.png");
text-align: center;
display: block;
borter-top: 3px double #8ACF00;
border-bottom: 3px double #8ACF00;
border-left: 3px double #8ACF00;
border-right: 3px double #8ACF00;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
color : #C4DE91;
width: 450px;
}
Quelle "mention" dois-je ajouter ?

Final-Blonde
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Procédons dans l'ordre.

Premièrement, nous préférons les questions séparées sauf si c'est vraiment du même registre (liens, navbar, etc).
Ceci non pour t'embêter, mais juste pour que ce soit des tutos qui puissent servir à d'autres ou à un maximum de membres.
De plus elle ne figurera pas dans le titre (que j'ai déjà dû éditer en rapport à tes deux questions). Wink
Donc pour ta dernière question, je te suggère d'ouvir un nouveau sujet dans la catégorie CSS/templates (ce n'est pas en rapport avec le SF-BB, mais juste avec du CSS).

Pour ce qui est de la barre verte, hum, là je ne comprends pas, parce qu'en supprimant la première div "backcorner2" sur mon FT, ça l'a bien supprimée...
Es-tu sûr d'avoir bien suivi la première partie du tuto :
Final-Blond a écrit:c'est ce code couleur le coupable #879D5C qui apparait trois fois dans le CSS :
/*Couleur_Fond_Cellules-------------------------------------------------*/
td.row1,td.row2,td.row3,.backcorner3 { background-color: #879D5C; }

/*Couleur_Arrondis_Interieur-------------------------------------------------*/
.backcorner2 { background-color: #879D5C; }

/*Fond_tables-------------------------------------------------*/
.styletable {
background-color: #879D5C;
Bien sûr ça signifie plusieurs fonds, mais j'ai supposé d'après la structure de tout ce qui entoure ta navbar dans l'o_h_n que c'était le deuxième "backcorner2"...
En supprimant cette div, cette barre disparait aussi.
Cherche dans l'overall_header_new :
Code:
<div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"><tr><td class="navbarfly" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}<br><img src="http://i63.servimg.com/u/f63/15/13/21/81/img-1511.png"></td></tr></table></div></div></div></div></div>
Supprime le premier bloc "div" sans oublier de supprimer aussi sa fermeture, un "/div".
Donc la première div était
Code:
<div class="backorner2">......</div>



Dernière édition par Final-Blond le 26/4/2010, 16:54, édité 2 fois

Cristof's
Cristof's
(Membre)
Voir le profil de l'utilisateur
salut ricky, j'adore ta barre de navigation Vide
tu peux m'expliquer stp comment faire ????

Ricky
Ricky
(Membre)
Voir le profil de l'utilisateur
Bonjour!

Navré pour le temps de réponse.

Je n'avais pas vu que vous aviez édité, quel boulet je fais !

Vous entendez quoi par "bloc de div", tout ceci ?
Code:
<div class="backcorner2"><div class="upperleft2"><div class="upperright2"><div class="lowerleft2"><div class="lowerright2"><table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"><tr><td class="navbarfly" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}<br><img src="http://i63.servimg.com/u/f63/15/13/21/81/img-1511.png"></td></tr></table></div></div></div></div></div>

Je comprends bien pour ma nouvelle question, je vais faire cela ^^

Merci de votre patience en tout cas!

Cristof's, je suis désolé, mais je ne peux pas, je ne suis pas le créateur de la barre et du codage qui l'accompagne. Je n'ai fait que modifier légèrement les images

Final-Blonde
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Oui exactement Ricky, c'est de ce block dont je parle.

Quand j'ai installé le CSS et le template sur mon FT, il me semble que c'est cette "div" qui génère la barre qui te dérange :
Code:
<div class="backcorner2"> .... </div>

Entre temps je me suis aperçue que les cinq "div" sont inutiles à ta barre de navigation.
Donc tu peux les supprimer ainsi que les cinq fermetures "/div" qui correspondent.

Ricky
Ricky
(Membre)
Voir le profil de l'utilisateur
Merci beaucoup, ça fonctionne parfaitement!
Encore merci!

Cristof's
Cristof's
(Membre)
Voir le profil de l'utilisateur
ah je comprend ricky

Final-Blonde
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Welcome.

Je clôture. Wink


Contenu sponsorisé

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

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

 
  •  

Créer un forum | © PunBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit | Informatique et Internet | Internet