Problème au niveau de la Barre de Navigation.

3 participants

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

Résolu Problème au niveau de la Barre de Navigation.

Message par Bella♥ Mer 21 Sep 2011 - 15:27

Coucou,
Voici ma Barre de Navigation en ce moment :
Problème au niveau de la Barre de Navigation. Naviga10

Alors, j'aimerais que le texte s'affiche sur une seul ligne, et que les bordure soit droite, et non arrondit :DD

Voici le Template :
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}">

<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top"><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
  <!-- 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>
                  <!-- 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>
                   

                    <!-- END switch_logo_center -->
                    <div class="maintitle">{MAIN_SITENAME}</div>
                   

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



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

Et le CSS :

Code:
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}

body
{cursor:crosshair}


a:hover{ cursor:crosshair; }


#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Bla Bla"; }

.deco{text-align: center;
background-color:#F2E294;
border: solid 2px #10360E;
height:auto;
}

.test{text-align: center;
background-image:url(http://i26.servimg.com/u/f26/16/06/80/03/jytjyt10.png);
border: solid 1px #10360E;
height:auto;
}


.secondarytitle, .secondarytitle h2 {
background-color: transparent;
}.


.tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: (couleur du fond de l'infobulle);
padding: 5px;
left: -1000px;
visibility: hidden;
color: (couleur du texte à l'intérieur de l'infobulle);}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: (largeur de l'infobulle, mettre un peu plus que l'image à l'intérieur);}

.vignettes
{-moz-border-radius:2px;
background-color: #FFFFFF;
padding-right:1px;
padding-left:1px;
padding-bottom: 1px;
padding-top:1px;
color : #7D7566;}

.postdetails.poster-profile a img
{
border: 1px dashed #104716;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}

a:hover {
  font-size: 14px;
  }


  .colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}






.quote {
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

color: #8b6169;
}


.spoiler_closed{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

color: #8b6169;
}


.spoiler_content{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

color: #8b6169;
}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: black;
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85; }







.forumline{
 -moz-border-radius: 15px;
padding: 5px;
border-color: black;
border: 3px solid;}

















.beauty{
  font-family:verdana;
  color:#1c7317;
  font-size:12px;
text-align: center;
Font-weight: Bold;
  background-image:url('http://s2.noelshack.com/old/up/1-5d7642b283.gif');
  background-repeat:no-repeat;
  background-position: left center;
  background-color:#95b332;
 
  width:500px;
  min-height:100px;
  height:auto;
  border-left: #1c7317 5px solid;
border-right: #1c7317 5px solid;
border-top: #1c7317 1px solid;
border-bottom: #1c7317 1px solid;
margin :auto ;

  }











table.tableau_profil{
  width:200px;
  margin:auto;
  border-left: solid 4px #727B85;
border-right: solid 4px #727B85;

  }
 
table.tableau_profil td.haut_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;
  }
 
table.tableau_profil td.milieu_tab{
  width:200px;
  background-color: #A1B9BD;
  background-repeat:repeat-y;
  padding-left:14px;
  padding-right:14px;
  text-align:center;
  }
 
table.tableau_profil td.bas_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;
  }
 
table.tableau_profil td.milieu_tab span.pseudo_posteur{
  font-family:Comic Sans Ms;
  font-size:12pt;
  }
 
table.tableau_profil td.milieu_tab span.rang_posteur{
  font-family:Comic Sans Ms;
  font-size:8pt;
  color:black;
  font-style:italic;
  }
 
table.tableau_profil td.milieu_tab div.infos_posteur{
  width:160px;
  margin:auto;
  padding:4px;
  text-align:left;
  font-family:Comic Sans Ms;
  font-size:10pt;
  color:black;
  background-color:#A1B9BD;
 
moz-border-radius:15px;
  }





















.titre{
background-color: none;
border: solid;

}




.selectCode { float:right; text-transform: uppercase; cursor:pointer; }


body
{
background-image: url("http://i46.servimg.com/u/f46/16/06/80/03/jj_bmp11.jpg");
background-repeat : repeat;
}















 





























 
/*tour de new no news lock*/
.tourimg {
border : 3px solid #826D53;
}
 
 
/*titre du forum*/
a.forumlink {
padding-right : 40px;
border-bottom : 8px solid #727B85;
font-size : 20px;
font-family : Arial;
display : block;
text-shadow: black 1px 1px 2px;
text-align:left;
margin-top:15px;
line-height:3px;
}

a.forumlink.hover {
text-align : left;
padding-right : 40px;
border-bottom : 8px solid #727B85;
font-size : 20px;
font-family : Arial;
display : block;
letter-spacing: 3px;
text-align: center;
margin-top:15px;
}

a.forumlink:before {
content:" → "
}
 
/*description*/
.descrip {

background-color: #A1B9BD;
height: 100px;
width: 450px;
overflow : auto;
text-align="center";
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
}

 /*dernier message*/
.derniersmess {

-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius:15px1 5px 0px 0px;
border-radius:15px 15px 0px 0px;
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
border-top: solid 4px #727B85;
}
 


/*Affichage De : Sujet x et Messages x*/

.postetmess{
border : 5px solid #826D53;
width: 162px;
margin: auto;

}




/*titre des catégories*/
.secondarytitle {
display : block;
height : 25px;
border-top : 3px solid #826D53;
border-left : 3px solid #826D53;
border-right : 3px solid #826D53;
background-color : transparent;
margin: auto;
 
}
.secondarytitle h2{
font-size : 20px;
font-family : Arial;
}















/*--- Tableau ---*/

 .en_tete{
 
 
  height:auto;
  background-color:transparent;
 
 
  margin:auto;

  }

/****** Mise en page des colonnes ******/

table tr{
  vertical-align:top;
  }

#tab1_col1{
  width: 200px;
  padding:12px;
  }

#tab1_col2{
  width: 350px;
  padding:12px;
  }

#tab1_col3{
  width: 150px;
  padding:12px;
  }

#tab2_col1{
  width: 450px;
  padding:12px;
  }

#tab2_col2{
  width: 250px;
  padding:12px;
  }
 
/****** Mise en page des titres ******/

#titre_en_tete{
  background-color:#68a4a9;
  border:1px dashed #ffffff;
  height: 24px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color:#ffffff;
  text-align:center;
  padding: 4px;
  }
 
/****** Mise en page du texte ******/

#en_tete_nav{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:35px;
  margin-bottom:-4px;
  }
 
#contenu_en_tete{
  font-family:Tahoma;
  font-size:14px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }

#en_tete_infos_forum{
  font-family:Tahoma;
  font-size:12px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }
 
#en_tete_news{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:12px;
  margin-bottom:-4px;
  }

#logo_en_tete, #staff_en_tete{
  text-align:center;
  }

#logo_en_tete a, #staff_en_tete{
  text-decoration:none;
  }

#logo_en_tete img{
  padding-bottom:4px;
  }

#staff_en_tete img{
  padding-left:6px;
  }
     
/****** Mise en page des liens ******/

#lien_en_tete{
  color:#0d1128;
  text-decoration:none;
  }

#lien_en_tete:hover{
  border-bottom:dotted 1px #0d1128;
  font-weight:bold;
  }

#vers_profil{
  color:#0d1128;
  text-decoration:none;
  font-style:italic;
  }
 
#vers_profil:hover{
  border-bottom:dotted 1px #0d1128;
  }

/*--- Tableau 2ème partie ---*/

.tableau {
 border-left: 5px solid #727B85;
border-right: 5px solid #727B85;
border-top: 2px solid #727B85;
border-bottom: 2px solid #727B85;
width: 200px;
}

.tableaux {
 border-left: 5px solid #727B85;
border-right: 5px solid #727B85;
border-top: 2px solid #727B85;
border-bottom: 2px solid #727B85;
width: 350px;
}

a.lienpa {
text-align: center;
 color:black;   
font-size: 13px;
text-shadow: black 1px 1px 2px;
}
 
.lienpa:hover { 
background-color:transparent;
color: black;
text-shadow: black 1px 1px 2px;
border-bottom: 2px solid #727B85;
border-top: 2px solid #727B85;
}
 
.lienpa{
background-color:#727B85;
text-shadow: black 1px 1px 2px;
border-bottom: 2px solid #727B85;
border-top: 2px solid #727B85;
}

/*****Infobulles******/

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  background-color: #5c5c5c;
  color: #000000;
  padding: 3px;
-moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
 border-left: 2px #ffffff;
  border-bottom: 2px #ffffff;
  border-top: 2px #ffffff;
  border-right: 2px #ffffff;
}



/*--- DICO ---*/

.dico {
 border-left: 5px solid #826D53;
border-right: 5px solid #826D53;
border-top: 2px solid #826D53;
border-bottom: 2px solid #826D53;
text-position: center;
}








/*--- Présentation ---*/
.presentation {
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
width: 325px;
}



/*--- Bordure du Forum ---*/

.bodyline{  border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}


/*--- Galerie ---*/

.galerie {
background-color: #55acc2;
border: solid 5px white;
-moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
font-family:Calibri;
text-shadow: 1px 1px 0px #000000;
font-size: 15px;
}

.toutre {
text-shadow: black 1px 1px 2px;
text-align:center;
color: white;
line-height:3px;
border-bottom: solid 5px white;

font-size: 25px;
position: center;
}

.toutre2 {
text-shadow: black 1px 1px 2px;
text-align:left;
color: white;
line-height:3px;
border-bottom: solid 5px white;

font-size: 20px;
position: center;
}









.forumline{-moz-border-radius:30px;}
.bodyline {-moz-border-radius:60px;}


body { cursor: crosshair;
margin-top:0px;
background-image:url ("http://nsa26.casimages.com/img/2011/02/20/110220115319797434.png");
background-position:top;
background-position:center;
background-repeat: repeat;
}
a:hover { cursor:resize; }


u{border-bottom: 0px dotted #b8bbbc;
text-decoration: none;
}




.navtop {
top : 0px;
position : fixed ;
background-color:#ffffff;
border-bottom : 10px solid #ffffff;
padding:-8px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        -webkit-border-radius:0px 0px 10px 10px;
        -moz-box-shadow: 1px 1px 2px #000000;
        -webkit-box-shadow: 1px 1px 2px #000000;
        height: 40px;
       
margin-top:15px;

}



/*--- Règlement ---*/


.reglement {
background-color: #A1B9BD;
overflow : auto;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
}

.toutre3 {
text-shadow: black 1px 1px 2px;
text-align:center;
color: #727B85;
line-height:3px;
border-bottom: solid 5px #727B85;

font-size: 25px;
position: center;
}

.toutre4 {
text-shadow: black 1px 1px 2px;
text-align:left;
color: #727B85;
line-height:3px;
border-bottom: solid 5px #727B85;

font-size: 20px;
position: center;
}


a.mainmenu{
 text-decoration: none;
background-color: #4592a8;

font-family:  Georgia;
padding-right: 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:10px 10px 10px 10px;
       
}


.navtop {
top : 0px;
position : fixed ;
width : 99% ;
background-color:#e6eaeb;
border-bottom : 3px solid #4592a8;
border-top : 3px solid #4592a8;
      margin: auto;
        text-position: left;
       
}


/*--- Bienvenue ---*/

.bienvenue {
background-color:#597e2e;
border-bottom : 3px solid #991631;
border-top : 3px solid #991631;
text-shadow: black 1px 1px 2px;
font-weight: bold;
color: #991631;
text-align: center;
width: 500px;
}

Merci d'avance, Bisous :DD


Dernière édition par Bella♥ le Ven 23 Sep 2011 - 18:59, édité 1 fois
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité Mer 21 Sep 2011 - 15:49

Bonjour,

Normalement, il n'y a pas besoin du template pour résoudre ce soucis.

Les arrondis sont dans votre CSS:
Repérez ceci:
Code:
a.mainmenu{
 text-decoration: none;
background-color: #4592a8;
 font-family:  Georgia;
padding-right: 5px;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:10px 10px 10px 10px;
  }
Et retirez
Code:
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:10px 10px 10px 10px;

Dans votre panneau d'admin' > Affichage > En tete & Navigation, vous pouvez forcer la barre de navigation à rester sur une ligne.

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ Mer 21 Sep 2011 - 17:41

Ma barre est déjà forcer à rester sur une ligne.
Et sa ne marche pas ^^

Et merci, pour les arrondis :DD
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par FANCH 56 Mer 21 Sep 2011 - 18:36

Essaies ce code CSS
Code:

/* *************ESPACE DES TOUCHES DU MENU DE NAVIGATION***************** */

a.mainmenu img {

    margin-right:0px;
    margin-left:0px;
}
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ Mer 21 Sep 2011 - 18:55

Sa ne change rien.
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par FANCH 56 Mer 21 Sep 2011 - 20:30

Retire un bouton pas nécessaire (calendrier). pour voir
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité Mer 21 Sep 2011 - 22:10

Bonsoir,

Dans votre templates essayez de remplacer ceci:
Code:
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top"><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
  <!-- BEGIN hitskin_preview -->
par:
Code:
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0" align="{MENU_POSITION}"><tbody><tr><td valign="top" align="{MENU_POSITION}"{MENU_NOWRAP}><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
   <!-- BEGIN hitskin_preview -->

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ Jeu 22 Sep 2011 - 18:28

Merci, mais on voit pas en entier la barre xDD
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité Ven 23 Sep 2011 - 15:36

Bonjour,

Je ne rencontre pas de soucis sur mon forum test, mais j'ai fait un peu de ménage dans votre CSS:
Code:
/*titre des forums*/
a.forumlink {
   padding-right : 40px;
   border-bottom : 8px solid #727B85;
   font-size : 20px;
   font-family : Arial;
   display : block;
   text-shadow: black 1px 1px 2px;
   text-align:left;
   margin-top:15px;
   line-height:3px;}

/*titre des forums au survol*/   
a.forumlink.hover {
   text-align : left;
   padding-right : 40px;
   border-bottom : 8px solid #727B85;
   font-size : 20px;
   font-family : Arial;
   display : block;
   letter-spacing: 3px;
   text-align: center;
   margin-top:15px;}
 
a.forumlink:before {content:" ? "}

/*lien au survol*/
a:hover{
   cursor:resize;
   font-size: 14px;}

/*barre de navigation*/
a.mainmenu{
   text-decoration: none;
   background-color: #4592a8;
   font-family:  Georgia;
   padding-right: 5px;}

/*corps du forum*/   
body {
   background-attachment: no-fixed;
   background-position: top center;
   cursor:crosshair;
   background-image: url("http://nsa26.casimages.com/img/2011/02/20/110220115319797434.png");
   background-repeat : repeat;
   margin-top:0px;}

/*Bordure du Forum*/
 .bodyline { 
   border-left: 5px solid #FFFFFF;
   border-right: 5px solid #FFFFFF;
   border-top: 2px solid #FFFFFF;
   border-bottom: 2px solid #FFFFFF;
   -moz-border-radius:60px;}

/*chat box*/   
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Bla Bla"; }

/*code*/
.code{
   font-family: Courier,Courier New,sans-serif;
   font-size: 11px;
   color: black;
   background-color: #A1B9BD;
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85; }

/*contour des catégories*/   
.forumline{
    -moz-border-radius: 30px;
   padding: 5px;
   border-color: black;
   border: 3px solid;}

/*avatar*/   
.postdetails.poster-profile a img{
   border: 1px dashed #104716;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border-radius: 1px;}

/*citation*/   
.quote {
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
color: #8b6169;
}

 /*titre des catégories*/
.secondarytitle {
   display : block;
   height : 25px;
   border-top : 3px solid #826D53;
   border-left : 3px solid #826D53;
   border-right : 3px solid #826D53;
   background-color : transparent;
   margin: auto;}
 
.secondarytitle h2{
   font-size : 20px;
   font-family : Arial;
   background-color: transparent;}
 
 /*spoiler fermé*/
.spoiler_closed{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
color: #8b6169;
}
 
/*spoiler ouvert*/
.spoiler_content{
background-color: #A1B9BD;
border-left: solid 4px #727B85;
border-right: solid 4px #727B85;
color: #8b6169;
}

/*soulignement*/
u{
   border-bottom: 0px dotted #b8bbbc;
   text-decoration: none;}

.deco{
   text-align: center;
   background-color:#F2E294;
   border: solid 2px #10360E;
   height:auto;}
 
.test{
   text-align: center;
   background-image:url(http://i26.servimg.com/u/f26/16/06/80/03/jytjyt10.png);
   border: solid 1px #10360E;
   height:auto;}
 
.tstaff{font-size:1em;}
 
.thumbnail{position: relative;z-index: 0;}
 
.thumbnail:hover{background-color: transparent;z-index: 50;}
 
.thumbnail span{
   position: absolute;
   background-color: #transparent;
   padding: 5px;
   left: -1000px;
   visibility: hidden;
   color: #transparent;}
 
.thumbnail span img{border: 1px groove;padding: 2px;}
 
.thumbnail:hover span{
   visibility: visible;
   top: 15px;
   left: 25px;
   width: XXpx;}
 
.vignettes{
   -moz-border-radius:2px;
   background-color: #FFFFFF;
   padding-right:1px;
   padding-left:1px;
   padding-bottom: 1px;
   padding-top:1px;
   color : #7D7566;}
 
.beauty{
  font-family:verdana;
  color:#1c7317;
  font-size:12px;
  text-align: center;
  font-weight: Bold;
  background-image:url('http://s2.noelshack.com/old/up/1-5d7642b283.gif');
  background-repeat:no-repeat;
  background-position: left center;
  background-color:#95b332;
  width:500px;
  min-height:100px;
  height:auto;
  border-left: #1c7317 5px solid;
  border-right: #1c7317 5px solid;
  border-top: #1c7317 1px solid;
  border-bottom: #1c7317 1px solid;
  margin :auto ;}
 
table.tableau_profil{
  width:200px;
  margin:auto;
  border-left: solid 4px #727B85;
  border-right: solid 4px #727B85;}
 
table.tableau_profil td.haut_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;}
 
table.tableau_profil td.milieu_tab{
  width:200px;
  background-color: #A1B9BD;
  background-repeat:repeat-y;
  padding-left:14px;
  padding-right:14px;
  text-align:center;}
 
table.tableau_profil td.bas_tab{
  width:200px;
  height:20px;
  background-color: #A1B9BD;
  background-repeat:no-repeat;}
 
table.tableau_profil td.milieu_tab span.pseudo_posteur{
  font-family:Comic Sans Ms;
  font-size:12pt;}
 
table.tableau_profil td.milieu_tab span.rang_posteur{
  font-family:Comic Sans Ms;
  font-size:8pt;
  color:black;
  font-style:italic;}
 
table.tableau_profil td.milieu_tab div.infos_posteur{
  width:160px;
  margin:auto;
  padding:4px;
  text-align:left;
  font-family:Comic Sans Ms;
  font-size:10pt;
  color:black;
  background-color:#A1B9BD;
  -moz-border-radius:15px;}
 
.titre{
   background-color: none;
   border: solid;}
   
/*selectionner tout*/ 
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
 
/*tour de new no news lock*/
.tourimg { border : 3px solid #826D53;}
 
/*description*/
.descrip {
   background-color: #A1B9BD;
   height: 100px;
   width: 450px;
   overflow : auto;
   text-align="center";
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85;}
 
 /*dernier message*/
.derniersmess {
   -moz-border-radius:15px 15px 0px 0px;
   -webkit-border-radius:15px1 5px 0px 0px;
   border-radius:15px 15px 0px 0px;
   background-color: #A1B9BD;
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85;
   border-top: solid 4px #727B85;}
 
/*Affichage De : Sujet x et Messages x*/
 .postetmess{
   border : 5px solid #826D53;
   width: 162px;
   margin: auto;}
 
/*Tableau*/
  .en_tete{
  height:auto;
  background-color:transparent;
  margin:auto;}
 
/*Mise en page des colonnes*/
table tr{ vertical-align:top;}
 
#tab1_col1{
  width: 200px;
  padding:12px;}
 
#tab1_col2{
  width: 350px;
  padding:12px;}
 
#tab1_col3{
  width: 150px;
  padding:12px;}
 
#tab2_col1{
  width: 450px;
  padding:12px;}
 
#tab2_col2{
  width: 250px;
  padding:12px;}
 
/*Mise en page des titres*/
#titre_en_tete{
  background-color:#68a4a9;
  border:1px dashed #ffffff;
  height: 24px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color:#ffffff;
  text-align:center;
  padding: 4px;}
 
/*Mise en page du texte*/
 #en_tete_nav{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:35px;
  margin-bottom:-4px;}
 
#contenu_en_tete{
  font-family:Tahoma;
  font-size:14px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;}
 
#en_tete_infos_forum{
  font-family:Tahoma;
  font-size:12px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;}
 
#en_tete_news{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:12px;
  margin-bottom:-4px;}
 
#logo_en_tete, #staff_en_tete{ text-align:center;}
 
#logo_en_tete a, #staff_en_tete{ text-decoration:none;}
 
#logo_en_tete img{ padding-bottom:4px;}
 
#staff_en_tete img{ padding-left:6px;}
     
/*Mise en page des liens*/
 #lien_en_tete{
  color:#0d1128;
  text-decoration:none;}
 
#lien_en_tete:hover{
  border-bottom:dotted 1px #0d1128;
  font-weight:bold;}
 
#vers_profil{
  color:#0d1128;
  text-decoration:none;
  font-style:italic;}
 
#vers_profil:hover{ border-bottom:dotted 1px #0d1128;}
 
/*Tableau 2ème partie*/
 .tableau {
   border-left: 5px solid #727B85;
   border-right: 5px solid #727B85;
   border-top: 2px solid #727B85;
   border-bottom: 2px solid #727B85;
   width: 200px;}
 
.tableaux {
   border-left: 5px solid #727B85;
   border-right: 5px solid #727B85;
   border-top: 2px solid #727B85;
   border-bottom: 2px solid #727B85;
   width: 350px;}
 
a.lienpa {
   text-align: center;
    color:black;   
   font-size: 13px;
   text-shadow: black 1px 1px 2px;}
 
.lienpa:hover { 
   background-color:transparent;
   color: black;
   text-shadow: black 1px 1px 2px;
   border-bottom: 2px solid #727B85;
   border-top: 2px solid #727B85;}
 
.lienpa {
   background-color:#727B85;
   text-shadow: black 1px 1px 2px;
   border-bottom: 2px solid #727B85;
   border-top: 2px solid #727B85;}
 
/*Infobulles*/
 a.imginfo span { display: none; /* on masque l'infobulle */}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */}
 
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  background-color: #5c5c5c;
  color: #000000;
  padding: 3px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  border-left: 2px #ffffff;
  border-bottom: 2px #ffffff;
  border-top: 2px #ffffff;
  border-right: 2px #ffffff;}
 
/*DICO*/
 .dico {
   border-left: 5px solid #826D53;
   border-right: 5px solid #826D53;
   border-top: 2px solid #826D53;
   border-bottom: 2px solid #826D53;
   text-position: center;}

/*Présentation*/
.presentation {
   border-left: 5px solid #ffffff;
   border-right: 5px solid #ffffff;
   border-top: 2px solid #ffffff;
   border-bottom: 2px solid #ffffff;
   width: 325px;}

/*Galerie*/
 .galerie {
   background-color: #55acc2;
   border: solid 5px white;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-top-left-radius: 10px;
   font-family:Calibri;
   text-shadow: 1px 1px 0px #000000;
   font-size: 15px;}
 
.toutre {
   text-shadow: black 1px 1px 2px;
   text-align:center;
   color: white;
   line-height:3px;
   border-bottom: solid 5px white;
   font-size: 25px;
   position: center;}
 
.toutre2 {
   text-shadow: black 1px 1px 2px;
   text-align:left;
   color: white;
   line-height:3px;
   border-bottom: solid 5px white;
   font-size: 20px;
   position: center;}
 
/*--- Règlement ---*/
.reglement {
   background-color: #A1B9BD;
   overflow : auto;
   border-left: solid 4px #727B85;
   border-right: solid 4px #727B85;}
 
.toutre3 {
   text-shadow: black 1px 1px 2px;
   text-align:center;
   color: #727B85;
   line-height:3px;
   border-bottom: solid 5px #727B85;
   font-size: 25px;
   position: center;}
 
.toutre4 {
   text-shadow: black 1px 1px 2px;
   text-align:left;
   color: #727B85;
   line-height:3px;
   border-bottom: solid 5px #727B85;
   font-size: 20px;
   position: center;}
 
 .navtop {
   top : 0px;
   position : fixed ;
   padding:-8px;
   -moz-border-radius-bottomleft:10px;
   -moz-border-radius-bottomright:10px;
   -webkit-border-radius:0px 0px 10px 10px;
   -moz-box-shadow: 1px 1px 2px #000000;
   -webkit-box-shadow: 1px 1px 2px #000000;
   height: 40px;
   margin-top:auto;
   width : 99% ;
   background-color:#e6eaeb;
   border-bottom : 3px solid #4592a8;
   border-top : 3px solid #4592a8;
   text-position: left;}

/*Bienvenue*/
 .bienvenue {
   background-color:#597e2e;
   border-bottom : 3px solid #991631;
   border-top : 3px solid #991631;
   text-shadow: black 1px 1px 2px;
   font-weight: bold;
   color: #991631;
   text-align: center;
   width: 500px;}

/*selecteur de couleurs*/   
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  display: none;}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
  margin: -5px 0 0 -5px;}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;}
.colorpicker_hex input { right: 6px;}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;}
.colorpicker_rgb_r {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;}
.colorpicker_rgb_g {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;}
.colorpicker_rgb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;}
.colorpicker_hsb_h {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;}
.colorpicker_hsb_s {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;}
.colorpicker_hsb_b {
  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;}
.colorpicker_focus { background-position: center;}
.colorpicker_hex.colorpicker_focus { background-position: bottom;}
.colorpicker_submit.colorpicker_focus { background-position: bottom;}
.colorpicker_slider { background-position: bottom;}
Pourriez-vous nous donner le lien du forum concerné?

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ Ven 23 Sep 2011 - 16:09

Voici le forum concerné : http://wondergraph.forumgratuit.org/
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par tupac Ven 23 Sep 2011 - 16:55

Bonjour

Avez-vous essayé tout simplement d'élargir votre forum?
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ Ven 23 Sep 2011 - 17:39

Sa ne change pas :'(
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par tupac Ven 23 Sep 2011 - 18:01

Je ne vois pas ou est le problème votre barre s'affiche bien sur une seul ligne.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité Ven 23 Sep 2011 - 18:18

J'ai moi aussi un peu de mal à comprendre. Essayons ceci:

Dans votre CSS remplacez tout ce qui concerne .navtop par:
Code:
 .navtop {
   left: 0px;
        top : 0px;
   position : fixed ;
   height: 40px;
   margin-top:auto;
   width : 100% ;
   background-color:#e6eaeb;
   border-bottom : 3px solid #4592a8;
   border-top : 3px solid #4592a8;}
Dans votre template remplacez:
Code:
<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0" align="{MENU_POSITION}"><tbody><tr><td valign="top" align="{MENU_POSITION}"{MENU_NOWRAP}><div style="margin-left : 20%">{GENERATED_NAV_BAR}</div>
</td></tr></tbody></table></center><br/>
par:
Code:
<div class="navtop" align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</div>

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Bella♥ Ven 23 Sep 2011 - 18:52

Merci, ses parfait, le texte n'est juste pas center, mais ces pas grave xDD
Bella♥

Bella♥
****

Féminin
Messages : 344
Inscrit(e) le : 14/07/2011

http://diamonds-graph.forumactif.org
Bella♥ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème au niveau de la Barre de Navigation.

Message par Invité Ven 23 Sep 2011 - 19:02

reflexion

Dans panneau d'admin' > Affichage > En-tête et Navigation > Position du menu est coché "centré" ?

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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