barre de navigation et autres demande

[marjo0280]

Bonjour,

je voulais savoir si il était possible que la barre de navigation soit plus bas car là elle empiète sur mon header et si on pouvait changer la couleur car avant mon forum était rose et noire et là je suis en train de changer le design en jaune et orange. http://austin-sophia.actifforum.com/

voici mon css :

Code:

u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; color:#F1EEE5;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #EFECE5;
border-bottom: 2px dotted #9b9fa2;
color:#oooooo;
font-family: Tahoma;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #EFECE5;
border-left: 9px solid #dbc8cf;
border-right: 9px solid #dbc8cf;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Tahoma;
font-size: 11px;
color: #666e70;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #666e70;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }


body {background-repeat: no-repeat;
  background-position: none;
}
.mainmenu img {display: none;}

a.mainmenu{
 text-decoration: none;
background:#E1E5EE;
border: 2px solid #961E58;
 color : #961E58;
}
a.mainmenu:hover{
 text-decoration: none;
border: 2px solid #961E58;
 color : #c1bbb3;
background:#E1E5EE;
 }

.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }

a.mainmenu:link, a.mainmenu:visited{
background-color: #F1EEE5;
border-left: 9px solid #F1EEE5;
border-right: 6px solid #F1EEE5;
-moz-border-radius:13px;
border: 1px #EBA5C7
double;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}

.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: uppercase;
}

/*PAGE D'ACCUEIL*/

.bulle1{
width: 210px; height: 150px; border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;
}
.bulle2{
width: 400px; height: 150px; border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;
}
.bullelien{
border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px;-moz-border-radius-topleft:30px; -moz-border-radius-topright:30px;}
.titrebulle{
letter-spacing: -3px;color:#B11F58; font-family: georgia; font-size:30px; text-shadow: #000000 0px 1px 2px;padding-left:15px;}
.petitebarre{
color:#D89FA6; background:#D89FA6;}
.partbull{
background:#B11F58;width: 44px; height: 44px;}
.partbull:hover{
background:#D89FA6;width: 44px; height: 44px;}

j'aurais voulue savoir comment changer la couleur également du fond ou il y à "accueil" et des fond de tire de chaque catégorie "reglement", "informations" ...Ect afin de mettre un faut jaune/orangé et les barres rose les mettre en orange : http://www.hostingpics.net/viewer.php?id=526078Image2.png

je précise que c'était un thème que j'avais pris à la base, je veut garder la même chose mais juste changer les couleurs



merci d'avance.
marjorie

p.s : c'est assez urgent car le forum doit etre finit ce soir . merci !

[Scipion]

Bonjour

Quelle est la version de votre forum que vous pouvez confirmer en allant sur PA >> Affichage >> Partie droite de la page

Si votre forum est bien en phpBB2, veuillez mettre ici, entre balises code, le template Général/overall_header.

Cordialement

[Alyz]

Salut,

Concernant ta barre de navigation, utilise cette image en bannière ( https://2img.net/r/ihimizer/img703/6507/bannirevide.png ). C'est le même principe que la bannière que tu as en ce moment (soit une image transparente) sauf qu'elle est plus grande. C'est à mettre dans panneau d'admin > affichage > gestion des images > mode avancée > logo du forum

Pour changer la couleur de fond de Accueil, il faut que tu modifies la couleur dans panneau d'admin > affichage > couleurs > Couleur Fond En-tête Catégorie

Concernant le reste, commence par supprimer toutes les parties de ton code en a.forumlink (il y en a quatre, il faut que tu supprimes jusqu'à } pour chaque) puis colle ceci :

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #EFECE5;
border-bottom: 2px dotted #9b9fa2;
color:#oooooo;
font-family: Tahoma;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: center;
color: #23758F;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover, a.forumlink:hover:visited{
letter-spacing:3px;
border-left: 9px solid #dbc8cf;
border-right: 9px solid #dbc8cf;
text-transform: uppercase;
-moz-border-radius:6px;
}

La valeur en rouge est le code hexadécimal à changer pour changer la couleur de fond. Le code hexadécimal en vert est celui à changer pour changer la couleur des traits.

EDIT : ton CSS avait quelques répétitions et erreurs. Certaines choses ne s'affichaient pas de la même façon selon les navigateurs(les arrondis, par exemple, n'apparaissaient que sur firefox) et certains codes n'étaient pas fermés ou mal écrits. J'ai essayé de revoir cela. Voici ce que donne ton CSS en corrigé (tu risques de voir des choses nouvelles sur ton écran mais d'autres les voyaient déjà, demande si tu veux des changements).

Code:

  u{
   border-color: #F1EEE5;
   text-decoration: none;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   }

    I{
   border-bottom:none;
   color: #F1EEE5;
   text-decoration: none;
    }

    a.forumlink{
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   border-radius: 7px;
    background-color: #EFECE5;
    border-bottom: 2px dotted #9b9fa2;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    color: #23758F;
    font-style:bold;
    text-transform: capitalize;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    letter-spacing: 3px;
   background-color: #EFECE5;
    display: block;
    text-align: center;
    color: #23758F;
    border-left: 9px solid #dbc8cf;
    border-right: 9px solid #dbc8cf;
    border-bottom:5px double #D89FA6;
    font-style: bold;
    text-transform: uppercase;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   }

    a{
    text-decoration: none !important;
    font-variant: small-caps;
    }
   
    a:hover {
   text-transform:uppercase;
   text-decoration: none !important;
   }

    .bodylinewidth {
    width:70%;
   }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #666e70;
    line-height: 125%;
    background-color: #1f1f1f;
    border: 1px dotted #1f1f1f;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 9px;
   }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #666e70;
    background-color: #1f1f1f;
    border: 1px solid #c4bfb5;
    -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;}

    input,textarea, select {
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
    }

    .forumline{   
    -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   background-color: #ffffff;
    border: 5px #ffffff solid;
   }
   
    .bodyline {
    -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;}

    a.forumline{
    background-color: #ffffff;
    border: 5px solid #ffffff;
    }

    body {background-repeat: no-repeat;
      background-position: none;
    }
    .mainmenu img {display: none;}

    a.mainmenu{
    text-decoration: none;
    background:#E1E5EE;
    border: 2px solid #961E58;
    color : #961E58;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #c1bbb3;
    }
    a.mainmenu:link, a.mainmenu:visited{
    background-color: #F1EEE5;
    border-left: 9px solid #F1EEE5;
    border-right: 6px solid #F1EEE5;
    -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   border-radius: 13px;
    border: 1px double #EBA5C7;
    }

    .milieu {
    width: 90%;
    margin: 0px;
    border: 1px solid #eeeeee;
    -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 15px;
   padding: 5px;
   background-color:#e2e1d7}

    .statistiques {
    border:0px;
    background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
    border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
    -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }


    /*PAGE D'ACCUEIL*/

    .bulle1{
    width: 210px;
height: 150px;
border: 1px #D6D1CE solid ;
background:#DEDAD7;
padding:5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    }

    .bulle2{
width: 400px;
height: 150px;
border: 1px #D6D1CE solid ;
background:#DEDAD7;
padding:5px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
    }

    .bullelien{
    border: 1px #D6D1CE solid ;
   background:#DEDAD7;
   padding:5px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   }

    .titrebulle{
    letter-spacing: -3px;
    color:#B11F58;
    font-family: georgia;
    font-size:30px;
    text-shadow: #000000 0px 1px 2px;
    padding-left:15px;
 }

    .petitebarre{
    color:#D89FA6;
    background:#D89FA6;
}

    .partbull{
    background:#B11F58;
    width: 44px;
    height: 44px;
}

    .partbull:hover{
    background:#D89FA6;
    width: 44px;
    height: 44px;
}

[marjo0280]

Scipion,
le thème du forum est : phpBB2 (subsilver)
le overall_header est :

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
    <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" />
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <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="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir  = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
          case 'top' :
            slid_vert = true;
            break;

          case 'left':
            break;

          case 'bottom':
            slid_vert = true;
            auto_dir  = 'prev';
            break;

          case 'right':
            auto_dir  = 'prev';
            break;

          default:
            slid_vert = true;
      }

      $(document).ready(function() {
          var w_cont = $('#fa_ticker_container').width();

          if (w_cont > 0)
          {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des �l�ments */
            var width_max  = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
                if ($(this).height() > height_max)
                {
                  height_max = $(this).height();
                }
            } );

            /* Redimensionnement des �l�ments et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                if ($(this).width() > width_item)
                {
                var ratio      = $(this).width() / width_item;
                var new_height = Math.round($(this).height() / ratio);
                $(this).height(new_height).width(width_item);
                }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
                $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
                wrap: 'circular',
                auto: {switch_ticker.STOP_TIME},
                auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
              });
          }
          else
          {
              $('ul#fa_ticker_content li:not(:first)').css('display','none');
              $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
          }
      });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <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 = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
              var popupWidth = $("#login_popup").width();
              var mypopup = $("#login_popup");

              $("#login_popup").css({
                  "left": windowWidth/2 - popupWidth/2
              });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->

      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
        _gaq.push(['_trackPageview']);

        (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    </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>
                      <!-- END switch_logo_left -->
                      <td align="center" width="100%" valign="middle">
                        <!-- BEGIN switch_logo_center -->
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                        <br />
                        <!-- END switch_logo_center -->
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                      </td>
                      <!-- BEGIN switch_logo_right -->
                      <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_new -->
                <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">
                              <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker_new -->

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



Alyz,

merci tout à marcher sauf que avec le nouveau CSS tout est en arrondie même la barre de navigation et mon message d'accueil en haut et je préférais tout en carré et je n'ai pas les pointillé que cela donne en bleu.... je préfère les trait que je retrouve lorsque je met mon curseur dessus.

[Alyz]

Ca devrait être bon comme ça, alors :

Code:

u{
  border-color: #F1EEE5;
  text-decoration: none;
  }

    I{
  border-bottom:none;
  color: #F1EEE5;
  text-decoration: none;
    }

    a.forumlink{
    background-color: #EFECE5;
    border-bottom: 2px double #9b9fa2;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    color: #23758F;
    font-style:bold;
    text-transform: capitalize;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    letter-spacing: 3px;
  background-color: #EFECE5;
    display: block;
    text-align: center;
    color: #23758F;
    border-left: 9px solid #dbc8cf;
    border-right: 9px solid #dbc8cf;
    border-bottom:5px double #D89FA6;
    font-style: bold;
    text-transform: uppercase;
  }

    a{
    text-decoration: none !important;
    font-variant: small-caps;
    }
 
    a:hover {
  text-transform:uppercase;
  text-decoration: none !important;
  }

    .bodylinewidth {
    width:70%;
  }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #666e70;
    line-height: 125%;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
  }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #666e70;
    background-color: #1f1f1f;
    border: 1px solid #c4bfb5;
}

    .forumline{ 
  background-color: #ffffff;
    border: 5px #ffffff solid;
  }

    a.forumline{
    background-color: #ffffff;
    border: 5px solid #ffffff;
    }

    body {background-repeat: no-repeat;
      background-position: none;
    }
    .mainmenu img {display: none;}

    a.mainmenu{
    text-decoration: none;
    background:#E1E5EE;
    border: 2px solid #961E58;
    color : #961E58;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #c1bbb3;
    }
    a.mainmenu:link, a.mainmenu:visited{
    background-color: #F1EEE5;
    border-left: 9px solid #F1EEE5;
    border-right: 6px solid #F1EEE5;
    border: 1px double #EBA5C7;
    }

    .milieu {
    width: 90%;
    margin: 0px;
    border: 1px solid #eeeeee;
  padding: 5px;
  background-color:#e2e1d7}

    .statistiques {
    border:0px;
    background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
    border: 1px #D0D0D0 double;
    -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }


    /*PAGE D'ACCUEIL*/

    .bulle1{
    width: 210px;
height: 150px;
border: 1px #D6D1CE solid ;
background:#DEDAD7;
padding:5px;
    }

    .bulle2{
width: 400px;
height: 150px;
border: 1px #D6D1CE solid ;
background:#DEDAD7;
padding:5px;
    }

    .bullelien{
    border: 1px #D6D1CE solid ;
  background:#DEDAD7;
  padding:5px;
  }

    .titrebulle{
    letter-spacing: -3px;
    color:#B11F58;
    font-family: georgia;
    font-size:30px;
    text-shadow: #000000 0px 1px 2px;
    padding-left:15px;
 }

    .petitebarre{
    color:#D89FA6;
    background:#D89FA6;
}

    .partbull{
    background:#B11F58;
    width: 44px;
    height: 44px;
}

    .partbull:hover{
    background:#D89FA6;
    width: 44px;
    height: 44px;
}

[Scipion]

Faites un essai svp, Template Généal/overall_header :

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
    <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" />
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <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="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir  = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
          case 'top' :
            slid_vert = true;
            break;

          case 'left':
            break;

          case 'bottom':
            slid_vert = true;
            auto_dir  = 'prev';
            break;

          case 'right':
            auto_dir  = 'prev';
            break;

          default:
            slid_vert = true;
      }

      $(document).ready(function() {
          var w_cont = $('#fa_ticker_container').width();

          if (w_cont > 0)
          {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des �l�ments */
            var width_max  = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
                if ($(this).height() > height_max)
                {
                  height_max = $(this).height();
                }
            } );

            /* Redimensionnement des �l�ments et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                if ($(this).width() > width_item)
                {
                var ratio      = $(this).width() / width_item;
                var new_height = Math.round($(this).height() / ratio);
                $(this).height(new_height).width(width_item);
                }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
                $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
                wrap: 'circular',
                auto: {switch_ticker.STOP_TIME},
                auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
              });
          }
          else
          {
              $('ul#fa_ticker_content li:not(:first)').css('display','none');
              $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
          }
      });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <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 = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
              var popupWidth = $("#login_popup").width();
              var mypopup = $("#login_popup");

              $("#login_popup").css({
                  "left": windowWidth/2 - popupWidth/2
              });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->

      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
        _gaq.push(['_trackPageview']);

        (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    </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>
                      <!-- END switch_logo_left -->
                      <td align="center" width="100%" valign="middle">
                        <!-- BEGIN switch_logo_center -->
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                        <br />
                        <!-- END switch_logo_center -->
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                      </td>
                      <!-- BEGIN switch_logo_right -->
                      <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><br><br>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

                  </tr>
                </table>

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

                <!-- BEGIN switch_ticker_new -->
                <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">
                              <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker_new -->

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

Cordialement

[marjo0280]

Scipion,
plus besoin car la méthode d'alyz marche mais merci.

Alyz,
parfait ça marche par cotre maintenant du coup j'aurais besoin de changer les couleurs, gris et rose de l'accueil, j'essaie seule et je te dit si j'ai besoin d'aide

[marjo0280]

je viens d'essayer ça donne ça :

j'arrive pas à changer la couleur du texte des onglets au dessus de "bienvenue"
ni l'espace entre le cadre "nos partenaires" et "actualité" et il n'y pas de saut de ligne avec "br" et je n'arrive pas non plus à changer la couleur des titre "crédits", "nos partenaires" "nos coups de coeurs", "l'actualité" ainsi que la couleur des liens comme "ici" ou "art beating by nanou"

[Alyz]

Est-ce que je peux avoir le code de ta page d'accueil ?
Qu''est-ce que tu veux faire au niveau des cadres nos partenaires et actualité ? Je ne comprends pas vraiment.

[marjo0280]

en faite entre les cadres "nos partenaires" et actualité" il y à un espace trop important par rapport à l'espace entre les cadres "crédits" et "nos partenaires"

voici le code de la page d'accueil :

Code:

<table><tr><td align="left" width="600"><center><table><tr><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com/t1-la-charte-du-forum" class="postlink">règlement</a> </div></td><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com/f4-presentations" class="postlink">présentation</a> </div></td><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com" class="postlink">demande de partenariat</a> </div></td><td align="left"> <div class="bullelien"> <a href="http://austin-sophia.actifforum.com/f27-presentation-du-staff" class="postlink">staff</a> </div></td><td align="left"><div class="bullelien"><a href="http://austin-sophia.actifforum.com/f3-informations" class="postlink">actualité du forum</a></div></td></tr></center></table><br><center><font size="5"><font face="impact"><font color=#961E58>BIENVENUE</center></size></font></font><div style="text-align:justify;"><font size="2"><br>Sur le premier forum francophone entièrement consacré aux jeunes couples d'acteurs que vous pouvez voir régulièrement dans la série "les frères scott" sous les traits de Brooke et Julian. Ce forum est là pour ceux qui ne sont pas forcement à l'aise avec la langue anglaise, les vidéos et toutes les interviews que donneront Sophia et Austin seront mise ici en français. La convivialité est le maître mot de ce forum, nous voulons créer une vraie team de soutient aux jeunes acteurs pour leurs carrière mais aussi pour les aider dans leurs combats pour la sauvegarde de la planète via leurs différentes associations et projets qu'ils mènent. Si vous avez un problème ou une suggestion pour le forum n'hésiter pas à contacter le staff qui vous aidera avec un grand plaisir. Nous vous demandons également de respecter entièrement la vie privée de Sophia Bush et Austin Nichols nous ne somme pas un membre de leurs famille où un de leurs amis donc nous n'avons pas à parler de leurs vie privée ici, sauf si eux même en parle dans la presse. Nous vous souhaitons une bonne navigation sur le forum et nous espérons vous voir très souvent ici.<br><br></size></div></td>
<td align="left"><div class="bulle1"><font class="titrebulle">crédits</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>© La totalité du forum appartient à ses admins : Marjorie & Miss Nothing. Design réalisé par ©<a href="http://art-beating.forumactif.org/">Art beating by Nanou</a> ; CSS&HTML par ©Death's Angel Toute reproduction, même partielle est interdite, merci de respecter notre travail. </div>  <div class="bulle1"><font class="titrebulle">nos partenaires</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><center><table><tr><td><div class="partbull"><a href="http://scottland.skyrock.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/448787Image2.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://one-tree-brulian-hill.skyrock.com/" class="postlink"><img src="http://img4.hostingpics.net/pics/887044Image6.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" border="0" alt="" /></a></div></td></tr></table></center></div></td></tr></table><table><td align="left"><div class="bulle2"><font class="titrebulle">nos coups de coeur</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><br><br><center><table><tr><td><div class="partbull"><a href="http://www.sophiabush.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_10.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://everythingaustin.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_12.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://www.globalgreen.org/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/global10.jpg" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://www.surfrider.eu/fr/" class="postlink"><img src="http://img4.hostingpics.net/pics/344712surfriderfoundation.jpg" border="0" alt="" /></a></div></td></tr></table></center></div> </td><td align="left"> <div class="bulle2"><font class="titrebulle">L'Actualité</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>- Ouverture du forum le 5/03/11<br>- Création d'un compte twitter affilié au forum <a href="http://twitter.com/#!/FrenchTeam_SA">ici</a> le 04/04/11<br><FONT color="red">- Un book pour l'anniversaire d'Austin Nichols est en cours jusqu'au 18/04/11 <a href="http://austin-sophia.actifforum.com/t64-operation-fans-pour-l-anniversaire-d-austin-nichols">ici</a> </div></font></td></tr></table>

et le css avec les nouvelles couleurs :

Code:

u{
  border-color: #F1EEE5;
  text-decoration: none;
  }

    I{
  border-bottom:none;
  color: #F1EEE5;
  text-decoration: none;
    }

    a.forumlink{
    background-color: #F2D479;
    border-bottom: 2px double #F09B09;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    color: #EB6207;
    font-style:bold;
    text-transform: capitalize;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    letter-spacing: 3px;
  background-color: #F5DF9D;
    display: block;
    text-align: center;
    color: #000000
    border-left: 9px solid #dbc8cf;
    border-right: 9px solid #dbc8cf;
    border-bottom:5px double #D89FA6;
    font-style: bold;
    text-transform: uppercase;
  }

    a{
    text-decoration: none !important;
    font-variant: small-caps;
    }
 
    a:hover {
  text-transform:uppercase;
  text-decoration: none !important;
  }

    .bodylinewidth {
    width:70%;
  }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #666e70;
    line-height: 125%;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
  }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #666e70;
    background-color: #1f1f1f;
    border: 1px solid #c4bfb5;
}

    .forumline{ 
  background-color: #ffffff;
    border: 5px #ffffff solid;
  }

    a.forumline{
    background-color: #ffffff;
    border: 5px solid #ffffff;
    }

    body {background-repeat: no-repeat;
      background-position: none;
    }
    .mainmenu img {display: none;}

    a.mainmenu{
    text-decoration: none;
    background:#E1E5EE;
    border: 2px solid #961E58;
    color : #961E58;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #c1bbb3;
    }
    a.mainmenu:link, a.mainmenu:visited{
    background-color: #F1EEE5;
    border-left: 9px solid #F1EEE5;
    border-right: 6px solid #F1EEE5;
    border: 1px double #EBA5C7;
    }

    .milieu {
    width: 90%;
    margin: 0px;
    border: 1px solid #eeeeee;
  padding: 5px;
  background-color:#e2e1d7}

    .statistiques {
    border:0px;
    background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    background-color:#F0E5C3; /* FOND DES NOMS DE GROUPES */
    border: 1px #F0E5C3 double;
    -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }


    /*PAGE D'ACCUEIL*/

    .bulle1{
    width: 210px;
height: 150px;
border: 1px #F0E5C3 solid ;
background:#F2D479;
padding:5px;
    }

    .bulle2{
width: 400px;
height: 150px;
border: 1px #F0E5C3 solid ;
background:#F2D479;
padding:5px;
    }

    .bullelien{
    border: 1px #F0E5C3 solid ;
  background:#F2D479;
  padding:5px;
  }

    .titrebulle{
    letter-spacing: -3px;
    color:#B11F58;
    font-family: georgia;
    font-size:30px;
    text-shadow: #EB6207 0px 1px 2px;
    padding-left:15px;
 }

    .petitebarre{
    color:#F0E5C3;
    background:#F09B09;
}

    .partbull{
    background:#F09B09;
    width: 44px;
    height: 44px;
}

    .partbull:hover{
    background:#F0E5C3;
    width: 44px;
    height: 44px;
}


[Alyz]

Déjà, utilise ce code pour ta page d'accueil :

Code:

<table><tbody><tr><td align="left" width="600"><center><table><tbody><tr><td align="left" class="bullelien">
<a href="http://austin-sophia.actifforum.com/t1-la-charte-du-forum" class="postlink">règlement</a></td><td align="left" class="bullelien"><a href="http://austin-sophia.actifforum.com/f4-presentations" class="postlink">présentation</a> </div></td><td align="left" class="bullelien"><a href="http://austin-sophia.actifforum.com" class="postlink">demande de partenariat</a> </div></td><td align="left" class="bullelien"> <a href="http://austin-sophia.actifforum.com/f27-presentation-du-staff" class="postlink">staff</a> </div></td><td align="left"><div class="bullelien"><a href="http://austin-sophia.actifforum.com/f3-informations" class="postlink">actualité du forum</a></div></td></tr></tbody></table><br><center><font size="5"><font face="impact"><font color="#961E58">BIENVENUE</font></font></font></center><div style="text-align:justify;"><font size="5"><font size="2"><br>Sur le premier forum francophone entièrement consacré aux jeunes couples d'acteurs que vous pouvez voir régulièrement dans la série "les frères scott" sous les traits de Brooke et Julian. Ce forum est là pour ceux qui ne sont pas forcement à l'aise avec la langue anglaise, les vidéos et toutes les interviews que donneront Sophia et Austin seront mise ici en français. La convivialité est le maître mot de ce forum, nous voulons créer une vraie team de soutient aux jeunes acteurs pour leurs carrière mais aussi pour les aider dans leurs combats pour la sauvegarde de la planète via leurs différentes associations et projets qu'ils mènent. Si vous avez un problème ou une suggestion pour le forum n'hésiter pas à contacter le staff qui vous aidera avec un grand plaisir. Nous vous demandons également de respecter entièrement la vie privée de Sophia Bush et Austin Nichols nous ne somme pas un membre de leurs famille où un de leurs amis donc nous n'avons pas à parler de leurs vie privée ici, sauf si eux même en parle dans la presse. Nous vous souhaitons une bonne navigation sur le forum et nous espérons vous voir très souvent ici.<br><br></font></font></div></center></td>
    <td align="left"><div class="bulle1"><font class="titrebulle">crédits</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>© La totalité du forum appartient à ses admins : Marjorie &amp; Miss Nothing. Design réalisé par ©<a href="http://art-beating.forumactif.org/" class="lien1">Art beating by Nanou</a> ; CSS&amp;HTML par ©Death's Angel Toute reproduction, même partielle est interdite, merci de respecter notre travail. </div>  <div class="bulle1"><font class="titrebulle">nos partenaires</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><center><table><tbody><tr><td><div class="partbull"><a href="http://scottland.skyrock.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/448787Image2.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://one-tree-brulian-hill.skyrock.com/" class="postlink"><img src="http://img4.hostingpics.net/pics/887044Image6.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" alt="" border="0"></a></div></td></tr></tbody></table></center></div></td></tr></tbody></table><table><tbody><tr><td align="left"><div class="bulle2"><font class="titrebulle">nos coups de coeur</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><br><br><center><table><tbody><tr><td><div class="partbull"><a href="http://www.sophiabush.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_10.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://everythingaustin.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_12.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://www.globalgreen.org/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/global10.jpg" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://www.surfrider.eu/fr/" class="postlink"><img src="http://img4.hostingpics.net/pics/344712surfriderfoundation.jpg" alt="" border="0"></a></div></td></tr></tbody></table></center></div> </td><td align="left"> <div class="bulle2"><font class="titrebulle">L'Actualité</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>- Ouverture du forum le 5/03/11<br>- Création d'un compte twitter affilié au forum <a href="http://twitter.com/#%21/FrenchTeam_SA" class="lien1">ici</a> le 04/04/11<br><font color="red">- Un book pour l'anniversaire d'Austin Nichols est en cours jusqu'au 18/04/11 <a href="http://austin-sophia.actifforum.com/t64-operation-fans-pour-l-anniversaire-d-austin-nichols">ici</a> </font></div></td></tr></tbody></table>

Alors, pour la couleur des liens de type "règlement", ajoute ceci dans ton CSS :

a.postlink{
color: #CODE HEXADECIMAL !important;
}

De même, pour celle des liens comme "art by nanou" :

a.lien1{
color: #CODE HEXADECIMAL !important;
}

A l'avenir, quand tu voudras insérer un lien de cette couleur plutôt que de la couleur habituelle des liens (sur la page d'accueil ou ailleurs), il faudra utiliser ce code :

Code:

<a href="adresse de ton lien" class="lien1">texte qui apparaît</a>

Pour la couleur des titres comme "Crédits", il faut que tu modifies cette partie du CSS :

.titrebulle{
letter-spacing: -3px;
color:#B11F58;
font-family: georgia;
font-size:30px;
text-shadow: #EB6207 0px 1px 2px;
padding-left:15px;
}

En rouge, c'est le code hexadécimal à modifier pour changer la couleur du texte. En bleu, c'est le code pour l'ombre du texte que tu pourrais également vouloir changer. =)

Concernant ton problème avec l'espace entre nos partenaires et crédits, que veux tu faire ? Tu veux que nos partenaires ne descende pas aussi bas et que le fond soit de la même couleur que le fond de là où il y a "Bienvenue" ? Tu veux autre chose ?

[marjo0280]

merci c'est parfait tout fonctionne parfaitement maintenant !
pour l'espace en faite je veut juste réduire l'espace entre le cadre "nos partenaires" et le cadre "l'acualité" car cet espace là est plus grand que l'espace entre le cadres "crédits" et "nos partenaires"

[Alyz]

Utilise donc ce code pour la page d'accueil :

Code:

<table><tbody><tr><td align="left" width="600"><center><table><tbody><tr><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com/t1-la-charte-du-forum" class="postlink">règlement</a> </div></td><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com/f4-presentations" class="postlink">présentation</a> </div></td><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com" class="postlink">demande de partenariat</a> </div></td><td align="left"> <div class="bullelien"> <a href="http://austin-sophia.actifforum.com/f27-presentation-du-staff" class="postlink">staff</a> </div></td><td align="left"><div class="bullelien"><a href="http://austin-sophia.actifforum.com/f3-informations" class="postlink">actualité du forum</a></div></td></tr></tbody></table><br><center><font size="5"><font face="impact"><font color="#961E58">BIENVENUE</font></font></font></center><div style="text-align:justify;"><font size="5"><font size="2"><br>Sur le premier forum francophone entièrement consacré aux jeunes couples d'acteurs que vous pouvez voir régulièrement dans la série "les frères scott" sous les traits de Brooke et Julian. Ce forum est là pour ceux qui ne sont pas forcement à l'aise avec la langue anglaise, les vidéos et toutes les interviews que donneront Sophia et Austin seront mise ici en français. La convivialité est le maître mot de ce forum, nous voulons créer une vraie team de soutient aux jeunes acteurs pour leurs carrière mais aussi pour les aider dans leurs combats pour la sauvegarde de la planète via leurs différentes associations et projets qu'ils mènent. Si vous avez un problème ou une suggestion pour le forum n'hésiter pas à contacter le staff qui vous aidera avec un grand plaisir. Nous vous demandons également de respecter entièrement la vie privée de Sophia Bush et Austin Nichols nous ne somme pas un membre de leurs famille où un de leurs amis donc nous n'avons pas à parler de leurs vie privée ici, sauf si eux même en parle dans la presse. Nous vous souhaitons une bonne navigation sur le forum et nous espérons vous voir très souvent ici.<br><br></font></font></div></center></td>
    <td align="left"><div class="bulle1"><font class="titrebulle">crédits</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>© La totalité du forum appartient à ses admins : Marjorie &amp; Miss Nothing. Design réalisé par ©<a href="http://art-beating.forumactif.org/">Art beating by Nanou</a> ; CSS&amp;HTML par ©Death's Angel Toute reproduction, même partielle est interdite, merci de respecter notre travail. </div>  <div class="bulle1"><font class="titrebulle">nos partenaires</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><center><table><tbody><tr><td><div class="partbull"><a href="http://scottland.skyrock.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/448787Image2.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://one-tree-brulian-hill.skyrock.com/" class="postlink"><img src="http://img4.hostingpics.net/pics/887044Image6.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" alt="" border="0"></a></div></td></tr></tbody></table></center></div></td></tr></tbody></table><table class="hauteur"><tbody><tr><td align="left"><div class="bulle2"><font class="titrebulle">nos coups de coeur</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><br><br><center><table><tbody><tr><td><div class="partbull"><a href="http://www.sophiabush.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_10.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://everythingaustin.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_12.png" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://www.globalgreen.org/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/global10.jpg" alt="" border="0"></a></div></td><td><div class="partbull"><a href="http://www.surfrider.eu/fr/" class="postlink"><img src="http://img4.hostingpics.net/pics/344712surfriderfoundation.jpg" alt="" border="0"></a></div></td></tr></tbody></table></center></div> </td><td align="left"> <div class="bulle2"><font class="titrebulle">L'Actualité</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>- Ouverture du forum le 5/03/11<br>- Création d'un compte twitter affilié au forum <a href="http://twitter.com/#%21/FrenchTeam_SA">ici</a> le 04/04/11<br><font color="red">- Un book pour l'anniversaire d'Austin Nichols est en cours jusqu'au 18/04/11 <a href="http://austin-sophia.actifforum.com/t64-operation-fans-pour-l-anniversaire-d-austin-nichols">ici</a> </font></div></td></tr></tbody></table>

et rajoute ceci dans le css :

Code:

.hauteur {
margin-top: -9px;
}

[marjo0280]

parfait c'est nikel merci !
je l'ai mit à -6 car ça collait mieux

voici donc le forum à neuf et mille merci pour ton aide
http://austin-sophia.actifforum.com/