Tableau  Bouton_activeTableau  Bouton_hoverTableau  Fb-hoverTableau  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
Tableau  EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Tableau  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Tableau  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Tableau  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Tableau  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Tableau  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Tableau  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Tableau  EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

Partagez
 

Tableau

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://d-na.forumactif.com
Junha
Junha
{ Membre }
{ Membre }

Féminin Messages : 50



Tableau  Empty
Bonjour ^^

Alors je voulais faire un tableau avec des onglets j'ai trouvé ce tuto ici le tableau marche a merveille mais je voulais savoir si on pouvais enlever le cadre de la page d'accueil
Spoiler:
Enlever toute la partie rouge
pour avoir un tableau comme ce forum ici

J'espere que vous avez compris x)
Merci d'avance
MessageSujet: Tableau    Tableau  EmptyMar 13 Juil 2010, 13:53
Revenir en haut Aller en bas
http://forum-orphen.forum-pro.fr/
Mepheria
Mepheria
{ Membre }
{ Membre }

Masculin Messages : 169



Tableau  Empty
bonjours, pourais tu nous donner ton template overall-header-new je croit que la barre de naviguation est dedan Smile
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 14:37
Revenir en haut Aller en bas
http://d-na.forumactif.com
Junha
Junha
{ Membre }
{ Membre }

Féminin Messages : 50



Tableau  Empty
voila
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}
   <!-- 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}
            

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

                     <span class="gen">{SITE_DEscriptION}
  </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>

                     <div class="maintitle">{MAIN_SITENAME}</div>
                     

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

                     <span class="gen">{SITE_DEscriptION}
&nbsp; </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 -->


Dernière édition par Junha le Mar 13 Juil 2010, 16:09, édité 1 fois
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 14:39
Revenir en haut Aller en bas
http://forum-orphen.forum-pro.fr/
Mepheria
Mepheria
{ Membre }
{ Membre }

Masculin Messages : 169



Tableau  Empty
il aurai été utile de mettre
Code:
car on vois rien ^^
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 16:07
Revenir en haut Aller en bas
http://forum-orphen.forum-pro.fr/
Mepheria
Mepheria
{ Membre }
{ Membre }

Masculin Messages : 169



Tableau  Empty
il aurai été utile de mettre
Code:
 [code][/code]
car on vois rien ^^
PS : désoler pour double post je suis un boulet ^^
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 16:07
Revenir en haut Aller en bas
http://d-na.forumactif.com
Junha
Junha
{ Membre }
{ Membre }

Féminin Messages : 50



Tableau  Empty
Désolé ^^' Voila j'ai edité
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 16:10
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Tableau  Empty
Donc donc donc.

Tout d'abord..... Pas besoin de templates. xD
Enfin peut-être.

Donc~~~

1- Le fond rouge est probablement dans tes couleurs. Est-ce que tu l'utilises? Si non, à la place du rouge, mets #trans~
C'est techniquement dans les couleurs de fond des catégories et des colonnes.

2- Si tu l'utilises, je crois qu'il y a un code pour se débarrasser de ce fond rouge-là, mais je dois le retrouver xDD Je suis sûre à 113801904810948% que quelqu'un me l'a donné quand j'ai posé la même question.

3- Si je ne trouve pas le code ou qu'il ne te convient pas, tu peux toujours mettre ton code dans le template index_body EDIT: overall_header_new XD. Il va peut-être falloir que tu modifies certaines grosseur de police qui risquent d'être différentes, mais à part ça xD C'est l'option finale~~
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 17:33
Revenir en haut Aller en bas
http://d-na.forumactif.com
Junha
Junha
{ Membre }
{ Membre }

Féminin Messages : 50



Tableau  Empty
Enfaite le fond rouge je l'ai mis avec photofiltre, c'est pour montré la zne que je veux enlever, la vrai couleur du fond est jaune
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 18:22
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Tableau  Empty
Okey d'accord xD

Donc j'ai retrouvé le code, et c'est
Code:
div.mainmenu + div + style + div + table.forumline td.row1{
background-color: transparent;
}

Par contre, je ne me rapelle plus si le code enlevait seulement cette partie ou bien autre chose par contre. Et le transparent, les membres sous IE ne le verront pas.
Ehm au pire tu peux toujours mettre la couleur de fond de la même couleur que celle de ton forum... ça devrait faire pareil.

Sinon y'a toujours l'option du template.
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 18:30
Revenir en haut Aller en bas
http://d-na.forumactif.com
Junha
Junha
{ Membre }
{ Membre }

Féminin Messages : 50



Tableau  Empty
Sa marche a merveille ! Merci beaucoup, t'es ma sauveuse ! x)
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 18:33
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Tableau  Empty
xD De rien~
Donc je peux classer?
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 18:35
Revenir en haut Aller en bas
http://d-na.forumactif.com
Junha
Junha
{ Membre }
{ Membre }

Féminin Messages : 50



Tableau  Empty
Oui ^^
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 18:36
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Tableau  Empty
Parfait =D
*classe*
MessageSujet: Re: Tableau    Tableau  EmptyMar 13 Juil 2010, 18:37
Revenir en haut Aller en bas
Contenu sponsorisé




Tableau  Empty
MessageSujet: Re: Tableau    Tableau  Empty
Revenir en haut Aller en bas
 

Tableau

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

 Sujets similaires

-
» Décorer un tableau
» Mon tableau.
» C'est encore moi ! x) (tableau)
» Tableau
» Tableau

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