Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Page 2 sur 2 Précédent  1, 2

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

Résolu Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Lun 7 Oct 2013 - 16:21

Rappel du premier message :

MERCI à Milouze14 pour son aide de A à Z, il mérite une médaille. thumright 


Bonjour, mon soucis est le suivant : ma barre de navigation ne se met pas en verticale, j'ai installé les codes comme sur l'explication suivante = http://forum.forumactif.com/t354259-phpbb2-avoir-une-barre-de-navigation-verticale

Est ce que quelqu'un pourrait m'expliquer comment arranger cela ?

Merci

voici ce que j'obtiens, capture d'écran :




Le code pour le template overhall hoover

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 -->
{HOSTING_JS}
  </head>
  <br></br>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <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>

            <div class="vertical_nav">{GENERATED_NAV_BAR}</div>
            <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 -->
Le  code pour le css que j'ai installé en fin de page :

Code:
div.sceditor-container iframe, div.sceditor-container textarea {
  background: transparent;
}
.postbg {
  background-position: 0 0; background-repeat: repeat;
}

/*La hauteur des liens*/
#M14_groupes a {line-height:20px;}
              
                /*l image a gauche dans la legende*/
                .M14_leg_left
                {
                float:left;
                margin-top:40px;/*positionnement de l image a 40px du haut*/
                margin-left:65px;/*positionnement de l image a 65px de la gauche*/
              
                }
                /*l image a droite dans la legende*/
                .M14_leg_right
                {
                float:right;
                margin-top:40px;/*positionnement de l image a 40px du haut*/
                margin-right:65px;/*positionnement de l image a 65px de la droite*/
                }
              
                /*La legende*/
                #M14_groupes
                {
              
                color:white;/*la couleur de police du titre*/
                font-size:18px;/*la taille de police du titre*/
                display:block; /*on demande un affichage en bloc*/
                min-width:200px;/*la largeur minimum du bloc*/
                max-width:250px;/*la largeur maximale du bloc*/
                height:auto;/*on autorise une hauteur indefinie*/
                /*on centre le bloc automatiquement avec les margin*/
                margin-left:auto;
                margin-right:auto;
                /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
                padding:5px 2px 5px 2px;
                text-align:center;/*on centre le texte*/
                }
                /*le caractere devant chaque groupe*/
                
#M14_groupes a:before
{
content:'•';
float:left;
}
 
                
    
    
          
                    /*--- Cette partie correspond à la description du forum ---*/
                    .forum-description {
                          margin: auto;
                          padding: 10px;
                          color: #000000;
                          width: 80%;
                          border: 3px solid #000000;
                          -moz-border-radius: 14px;
                          -webkit-border-radius: 14px;
                          font-size: 12px;
                    }
                
                    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
                    .forum-stats {
                          -moz-border-radius-topleft: 20px;
                          -moz-border-radius-topright: 20px;
                          -webkit-border-top-right-radius: 20px;
                          -webkit-border-top-left-radius: 20px;
                          border-top-right-radius: 20px;
                          border-top-left-radius: 20px;
                          border-bottom: 0 none !important;
                          border-left: 3px solid #000000;
                          border-right: 3px solid #000000;
                          border-top: 3px solid #000000;
                          color: #000000;
                          font-size: 11px;
                          font-style: italic;
                          height: 14px;
                          left: 280px;
                          padding: 3px;
                          position: relative;
                          text-align: center;
                          width: 200px;
                    }
    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #000000;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 60%;
          text-align: center;
          height: auto;
          font-size: 11px;
    }

    .moder {
                        color : green;
                        font-weight : bold;
                            background-color : black;
                            box-shadow: 0 0 50px black;
                                  border-radius:9px;
                            border: 1px solid orange;
                            width: 80%;
                              margin: auto;
                            }


    .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }

    #av_quickreply img{
      position: relative;
      top: 35px;
      left: 15px;
    }
    
    #av_quickreply {
      float: left;
    }

    
    .colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    }
    
    .colorpicker.dark{
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
    }
    .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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
    }
    .colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
    left: 212px;
    top: 142px;
    }
    .colorpicker.dark .colorpicker_hex {
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
    }
    .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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
    top: 52px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_r{
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
    }
    .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
    top: 82px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
    }
    .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
    top: 112px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
    display: none;
    }
    .colorpicker_submit {
    position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
    width: 48px;
    height: 50px;
    top: 118px;
    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;
    }
    .colorpicker { z-index: 3; }

      G. R. P. W.

div.vertical_nav {
background:#FFFFFF;
border:1px solid #D0D0D0;}


Dernière édition par bugsbuny le Mer 9 Oct 2013 - 11:25, édité 1 fois

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 8:14

Re,
je me charge de le faire disparaitre , ne t’inquiète pas Wink .

Pour celui de droite il restera fixe ( restera toujours à la même position )
car sinon tu auras un ascenseur .

Ou on peut fixer les deux menus si tu veux?


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par AenigmA le Mer 9 Oct 2013 - 8:32

Bonjour,
Je vais suivre ta réponse Milouze, ca peut servir et m'évitera de chercher (jamais de chance avec le search ici lol)

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 8:40

Re Laurent,
le tit lapin a dût s'endormir sur le clavier Razz  .


tu veux supprimer le menu Faq ?

Code:
#i_icon_mini_faq{display:none;}
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 8:53

@Milouze14 a écrit:Re,
je me charge de le faire disparaitre , ne t’inquiète pas Wink .

Pour celui de droite il restera fixe ( restera toujours à la même position )
car sinon tu auras un ascenseur .

Ou on peut fixer les deux menus si tu veux?


a++
Re, LOL, mon fils n'arrête pas de monter l'escalier et donc, ...

que veux tu dire par " on put fixer les deux menus " ?


Siffleur 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 8:58

Re,

ahhh les enfants...

Bref, tes deux menus seront toujours visibles en fait même si tu descends en bas de page Wink 
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 9:07

@Milouze14 a écrit:Re,

ahhh les enfants...

Bref, tes deux menus seront toujours visibles en fait même si tu descends en bas de page Wink 
a++
Ok, faisons cela chef le génie du css Affirmatif Hein Flowers2 lol!

EDIT : oups,; non, il ne faut pas voir le menu quand est en bas de page, il doit rester fixe en haut à coté de la bannière.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 9:11

Re,

si ton menu est bien comme ceci:




Dans le template overall_header:
Affichage/Templates/Général/ overall_header


Supprimes tout le contenu et remplaces par celui-ci
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 -->
    {HOSTING_JS}
      </head>
      <br></br>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup">
          <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>

                <div id="M14_Nav_Left">{GENERATED_NAV_BAR}</div>
                <div id="M14_Nav_Right">{GENERATED_NAV_BAR}</div>
                <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 -->
Pense a enregistrer les modifications en cliquant respectivement sur et

La seule partie ajoutée dans le template:


Code:

<!-- Le menu de navigation a gauche -->
<div id="M14_Nav_Left">{GENERATED_NAV_BAR}</div>
<!-- Le menu de navigation a droite --
<div id="M14_Nav_Right">{GENERATED_NAV_BAR}</div>


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Supprimes tout le contenu et remplace par cecui-ci:

Code:

 

/*on donne une largeur au forum*/
.bodylinewidth {width: 80%;}
/*on supprime la bordure du forum*/
.bodyline {border:none; }
/*on positionne le menu de navigation de gauche partiellement*/
#M14_Nav_Left
{
width:200px;/*la largeur du menu*/
position:fixed;/*le menu reste fixe*/
top:80px;/* place a 80px du haut*/
left:0;/*place a 0 pourcent de la gauche*/
margin-left:-130px;/*on cache le menu de sa moitie*/
  /*les effets de transition*/
-webkit-transition: margin-left 0.5s ease-in-out;
-moz-transition: margin-left 0.5s ease-in-out;
-o-transition: margin-left 0.5s ease-in-out;
transition: margin-left 0.5s ease-in-out;
}
/*on positionne le menu de navigation de gauche dans sa totalite au survol*/
#M14_Nav_Left:hover{margin-left:0;}
/*on supprime le bouton de la Faq*/
#i_icon_mini_faq{display:none;}
/*on supprime les boutons du menu de gauche*/
#M14_Nav_Left #i_icon_mini_members , #M14_Nav_Left  #i_icon_mini_groups ,
#M14_Nav_Left #i_icon_mini_calendar , #M14_Nav_Left #i_icon_mini_login ,
#M14_Nav_Left #i_icon_mini_logout , #M14_Nav_Left #i_icon_mini_register ,
#M14_Nav_Left #i_icon_mini_search , #M14_Nav_Left a.mainmenu:nth-last-child(1)
{display:none;}
/*on positionne le menu de navigation de droite partiellement*/
#M14_Nav_Right
{
width:200px;/*la largeur du menu*/
position:fixed;/*le menu reste fixe*/
top:80px;/* place a 80px du haut*/
right:0;/*place a 0 pourcent de la droite*/
margin-right:-100px;/*on cache le menu de sa moitie*/
  /*les effets de transition*/
-webkit-transition: margin-right 0.5s ease-in-out;
-moz-transition: margin-right 0.5s ease-in-out;
-o-transition: margin-right 0.5s ease-in-out;
transition: margin-right 0.5s ease-in-out;
}
/*on positionne le menu de navigation de droite dans sa totalite au survol*/
#M14_Nav_Right:hover{margin-right:0;}
/*on supprime les boutons du menu de droite*/
#M14_Nav_Right #i_icon_mini_portal , #M14_Nav_Right  #i_icon_mini_index ,
#M14_Nav_Right #i_icon_mini_profile , #M14_Nav_Right #i_icon_mini_message ,
#M14_Nav_Right #i_icon_mini_new_message , #M14_Nav_Right a.mainmenu:nth-last-child(3) ,
#M14_Nav_Right a.mainmenu:nth-last-child(2)
{display:none;}
/*on donne une apparence aux liens*/
#M14_Nav_Left a.mainmenu  , #M14_Nav_Right a.mainmenu
{display:list-item;list-style:none;}
/*on donne une apparence aux liens de droite en mettant le texte a droite*/
#M14_Nav_Right a.mainmenu {text-align:right;}


div.sceditor-container iframe, div.sceditor-container textarea
{background: transparent;}
.postbg {background-position: 0 0; background-repeat: repeat;}

/*La hauteur des liens*/
#M14_groupes a {line-height:20px;}
/*l image a gauche dans la legende*/
.M14_leg_left
{
float:left;
margin-top:40px;/*positionnement de l image a 40px du haut*/
margin-left:65px;/*positionnement de l image a 65px de la gauche*/
}
/*l image a droite dans la legende*/
.M14_leg_right
{
float:right;
margin-top:40px;/*positionnement de l image a 40px du haut*/
margin-right:65px;/*positionnement de l image a 65px de la droite*/
}
/*La legende*/
#M14_groupes
{
color:white;/*la couleur de police du titre*/
font-size:18px;/*la taille de police du titre*/
display:block; /*on demande un affichage en bloc*/
min-width:200px;/*la largeur minimum du bloc*/
max-width:250px;/*la largeur maximale du bloc*/
height:auto;/*on autorise une hauteur indefinie*/
/*on centre le bloc automatiquement avec les margin*/
margin-left:auto;
margin-right:auto;
/*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
padding:5px 2px 5px 2px;
text-align:center;/*on centre le texte*/
}
/*le caractere devant chaque groupe*/
#M14_groupes a:before
{content:'•';float:left;}
    
/*--- Cette partie correspond à la description du forum ---*/
.forum-description
{
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
  }
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 60%;
text-align: center;
height: auto;
font-size: 11px;
}
.moder
{
color : green;
font-weight : bold;
background-color : black;
box-shadow: 0 0 50px black;
border-radius:9px;
border: 1px solid orange;
width: 80%;
margin: auto;
}


.mini_ava {
  float: left;
}
.mini_ava img {
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 80px;
  height: 80px;
}

#av_quickreply img{
  position: relative;
  top: 35px;
  left: 15px;
}
      
#av_quickreply {
  float: left;
}

      
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
      
.colorpicker.dark{
background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
}
.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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
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;
}
.colorpicker { z-index: 3; }

  G. R. P. W.
Pense à cliquer sur le bouton


En espérant que tu sois satisfait Sourire2  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par AenigmA le Mer 9 Oct 2013 - 9:20

Superbe idée de la mettre deux fois et de faire les suppressions/rajouts, je n'y aurais pas penser. +

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 9:31

WaaaooooWWWwWW

Que dire à part : FELICITATION ET UN ENORME MERCI

Le génie du css :youopi: 

Dommage que je ne sache pas plus voir les boutons mais avec l'habitude, on saura que les boutons sont là !

Je vais copier tous les codes en journée pour avoir une sauvegarde au cas ou je ferais une co..eri. dans les manipulations.

Tu n'as plus de courage pour créer le code pour avoir les boutons fixes et voyant totalement à coté de la bannière, au cas ou LOL

Je te remercie pour le temps que tu as passé à m'aider, si tu veux, il y a du café à la maison et je me lance maintenant dans la préparation de gateaux au chocolat.

Des membres m'ont contacté hier soir pour me dire qu'il y avait un soucis avec ma barre de navigation LOL maintenant, il verront la différence.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 9:38

Re,

Pour Laurent:
c'est aussi valable pour les menus personnalisés Wink.
L'idéal est de les placer en bas de page (dans le P.A) .

Ensuite on joue avec les identifiants des menus :


Pour le dernier bouton , on se sert de la propriété :nth-last-child(1)
Pour l'avant dernier , on se sert de la propriété :nth-last-child(2)

Etc etc.


Pour mon tit Lapin:


Pour avoir les menus affichés dans leur totalité :

supprimes toutes ta css et remplaces par ceci:
Code:


    

   /*on donne une largeur au forum*/
    .bodylinewidth {width: 80%;}
    /*on supprime la bordure du forum*/
    .bodyline {border:none; }
    /*on positionne le menu de navigation de gauche */
    #M14_Nav_Left
    {
    position:fixed;/*le menu reste fixe*/
    top:80px;/* place a 80px du haut*/
    left:0;/*on le place a gauche*/
    }
    
    /*on supprime le bouton de la Faq*/
    #i_icon_mini_faq{display:none;}
    /*on supprime les boutons du menu de gauche*/
    #M14_Nav_Left #i_icon_mini_members , #M14_Nav_Left  #i_icon_mini_groups ,
    #M14_Nav_Left #i_icon_mini_calendar , #M14_Nav_Left #i_icon_mini_login ,
    #M14_Nav_Left #i_icon_mini_logout , #M14_Nav_Left #i_icon_mini_register ,
    #M14_Nav_Left #i_icon_mini_search , #M14_Nav_Left a.mainmenu:nth-last-child(1)
    {display:none;}
    /*on positionne le menu de navigation de droite */
    #M14_Nav_Right
    {
    position:fixed;/*le menu reste fixe*/
    top:80px;/* place a 80px du haut*/
    right:0;/*on le place a droite*/
    }
  
   /*on supprime les boutons du menu de droite*/
    #M14_Nav_Right #i_icon_mini_portal , #M14_Nav_Right  #i_icon_mini_index ,
    #M14_Nav_Right #i_icon_mini_profile , #M14_Nav_Right #i_icon_mini_message ,
    #M14_Nav_Right #i_icon_mini_new_message , #M14_Nav_Right a.mainmenu:nth-last-child(3) ,
    #M14_Nav_Right a.mainmenu:nth-last-child(2)
    {display:none;}
    /*on donne une apparence aux liens*/
    #M14_Nav_Left a.mainmenu  , #M14_Nav_Right a.mainmenu
    {display:list-item;list-style:none;}
    /*on donne une apparence aux liens de droite en mettant le texte a droite*/
    #M14_Nav_Right a.mainmenu {text-align:right;}


    div.sceditor-container iframe, div.sceditor-container textarea
    {background: transparent;}
    .postbg {background-position: 0 0; background-repeat: repeat;}

    /*La hauteur des liens*/
    #M14_groupes a {line-height:20px;}
    /*l image a gauche dans la legende*/
    .M14_leg_left
    {
    float:left;
    margin-top:40px;/*positionnement de l image a 40px du haut*/
    margin-left:65px;/*positionnement de l image a 65px de la gauche*/
    }
    /*l image a droite dans la legende*/
    .M14_leg_right
    {
    float:right;
    margin-top:40px;/*positionnement de l image a 40px du haut*/
    margin-right:65px;/*positionnement de l image a 65px de la droite*/
    }
    /*La legende*/
    #M14_groupes
    {
    color:white;/*la couleur de police du titre*/
    font-size:18px;/*la taille de police du titre*/
    display:block; /*on demande un affichage en bloc*/
    min-width:200px;/*la largeur minimum du bloc*/
    max-width:250px;/*la largeur maximale du bloc*/
    height:auto;/*on autorise une hauteur indefinie*/
    /*on centre le bloc automatiquement avec les margin*/
    margin-left:auto;
    margin-right:auto;
    /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
    padding:5px 2px 5px 2px;
    text-align:center;/*on centre le texte*/
    }
    /*le caractere devant chaque groupe*/
    #M14_groupes a:before
    {content:'•';float:left;}
        
    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description
    {
    margin: auto;
    padding: 10px;
    color: #000000;
    width: 80%;
    border: 3px solid #000000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    font-size: 12px;
    }
    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom: 0 none !important;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    color: #000000;
    font-size: 11px;
    font-style: italic;
    height: 14px;
    left: 280px;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 200px;
      }
    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
    color: #000000;
    border: 3px solid #000000;
    border-top: 0px !important;
    -moz-border-radius-bottomleft: 14px;
    -moz-border-radius-bottomright: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    margin: auto;
    padding: 4px;
    color: #000000;
    width: 60%;
    text-align: center;
    height: auto;
    font-size: 11px;
    }
    .moder
    {
    color : green;
    font-weight : bold;
    background-color : black;
    box-shadow: 0 0 50px black;
    border-radius:9px;
    border: 1px solid orange;
    width: 80%;
    margin: auto;
    }


    .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }

    #av_quickreply img{
      position: relative;
      top: 35px;
      left: 15px;
    }
          
    #av_quickreply {
      float: left;
    }

          
    .colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    }
          
    .colorpicker.dark{
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
    }
    .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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
    }
    .colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
    left: 212px;
    top: 142px;
    }
    .colorpicker.dark .colorpicker_hex {
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
    }
    .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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
    top: 52px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_r{
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
    }
    .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
    top: 82px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
    }
    .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
    top: 112px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
    display: none;
    }
    .colorpicker_submit {
    position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
    width: 48px;
    height: 50px;
    top: 118px;
    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;
    }
    .colorpicker { z-index: 3; }

      G. R. P. W.

Pense à cliquer sur le bouton


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 10:21

@Milouze14 a écrit:
Pour mon tit Lapin:


Pour avoir les menus affichés dans leur totalité :

supprimes toutes ta css et remplaces par ceci:
Code:


    

   /*on donne une largeur au forum*/
    .bodylinewidth {width: 80%;}
    /*on supprime la bordure du forum*/
    .bodyline {border:none; }
    /*on positionne le menu de navigation de gauche */
    #M14_Nav_Left
    {
    position:fixed;/*le menu reste fixe*/
    top:80px;/* place a 80px du haut*/
    left:0;/*on le place a gauche*/
    }
    
    /*on supprime le bouton de la Faq*/
    #i_icon_mini_faq{display:none;}
    /*on supprime les boutons du menu de gauche*/
    #M14_Nav_Left #i_icon_mini_members , #M14_Nav_Left  #i_icon_mini_groups ,
    #M14_Nav_Left #i_icon_mini_calendar , #M14_Nav_Left #i_icon_mini_login ,
    #M14_Nav_Left #i_icon_mini_logout , #M14_Nav_Left #i_icon_mini_register ,
    #M14_Nav_Left #i_icon_mini_search , #M14_Nav_Left a.mainmenu:nth-last-child(1)
    {display:none;}
    /*on positionne le menu de navigation de droite */
    #M14_Nav_Right
    {
    position:fixed;/*le menu reste fixe*/
    top:80px;/* place a 80px du haut*/
    right:0;/*on le place a droite*/
    }
  
   /*on supprime les boutons du menu de droite*/
    #M14_Nav_Right #i_icon_mini_portal , #M14_Nav_Right  #i_icon_mini_index ,
    #M14_Nav_Right #i_icon_mini_profile , #M14_Nav_Right #i_icon_mini_message ,
    #M14_Nav_Right #i_icon_mini_new_message , #M14_Nav_Right a.mainmenu:nth-last-child(3) ,
    #M14_Nav_Right a.mainmenu:nth-last-child(2)
    {display:none;}
    /*on donne une apparence aux liens*/
    #M14_Nav_Left a.mainmenu  , #M14_Nav_Right a.mainmenu
    {display:list-item;list-style:none;}
    /*on donne une apparence aux liens de droite en mettant le texte a droite*/
    #M14_Nav_Right a.mainmenu {text-align:right;}


    div.sceditor-container iframe, div.sceditor-container textarea
    {background: transparent;}
    .postbg {background-position: 0 0; background-repeat: repeat;}

    /*La hauteur des liens*/
    #M14_groupes a {line-height:20px;}
    /*l image a gauche dans la legende*/
    .M14_leg_left
    {
    float:left;
    margin-top:40px;/*positionnement de l image a 40px du haut*/
    margin-left:65px;/*positionnement de l image a 65px de la gauche*/
    }
    /*l image a droite dans la legende*/
    .M14_leg_right
    {
    float:right;
    margin-top:40px;/*positionnement de l image a 40px du haut*/
    margin-right:65px;/*positionnement de l image a 65px de la droite*/
    }
    /*La legende*/
    #M14_groupes
    {
    color:white;/*la couleur de police du titre*/
    font-size:18px;/*la taille de police du titre*/
    display:block; /*on demande un affichage en bloc*/
    min-width:200px;/*la largeur minimum du bloc*/
    max-width:250px;/*la largeur maximale du bloc*/
    height:auto;/*on autorise une hauteur indefinie*/
    /*on centre le bloc automatiquement avec les margin*/
    margin-left:auto;
    margin-right:auto;
    /*on donne un espace en haut 5px a droite 2px en bas 5px et a gauche 2px*/
    padding:5px 2px 5px 2px;
    text-align:center;/*on centre le texte*/
    }
    /*le caractere devant chaque groupe*/
    #M14_groupes a:before
    {content:'•';float:left;}
        
    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description
    {
    margin: auto;
    padding: 10px;
    color: #000000;
    width: 80%;
    border: 3px solid #000000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    font-size: 12px;
    }
    /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom: 0 none !important;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-top: 3px solid #000000;
    color: #000000;
    font-size: 11px;
    font-style: italic;
    height: 14px;
    left: 280px;
    padding: 3px;
    position: relative;
    text-align: center;
    width: 200px;
      }
    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
    color: #000000;
    border: 3px solid #000000;
    border-top: 0px !important;
    -moz-border-radius-bottomleft: 14px;
    -moz-border-radius-bottomright: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -webkit-border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    margin: auto;
    padding: 4px;
    color: #000000;
    width: 60%;
    text-align: center;
    height: auto;
    font-size: 11px;
    }
    .moder
    {
    color : green;
    font-weight : bold;
    background-color : black;
    box-shadow: 0 0 50px black;
    border-radius:9px;
    border: 1px solid orange;
    width: 80%;
    margin: auto;
    }


    .mini_ava {
      float: left;
    }
    .mini_ava img {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      border-radius: 10px;
      transition: all 2s;
      -moz-transition: all 2s;
      -webkit-transition: all 2s;
      -o-transition: all 2s;
    }
    .mini_ava img:hover
    {
      width: 80px;
      height: 80px;
    }

    #av_quickreply img{
      position: relative;
      top: 35px;
      left: 15px;
    }
          
    #av_quickreply {
      float: left;
    }

          
    .colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    }
          
    .colorpicker.dark{
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
    }
    .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://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
    }
    .colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.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://i83.servimg.com/u/f83/17/45/19/77/colorp11.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://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
    left: 212px;
    top: 142px;
    }
    .colorpicker.dark .colorpicker_hex {
    background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
    }
    .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://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
    top: 52px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_r{
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
    }
    .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
    top: 82px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_g {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
    }
    .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
    top: 112px;
    left: 212px;
    }
    .colorpicker.dark .colorpicker_rgb_b {
    background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
    }
    .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
    display: none;
    }
    .colorpicker_submit {
    position: absolute;
    background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
    cursor: pointer;
    right: 10px;
    width: 48px;
    height: 50px;
    top: 118px;
    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;
    }
    .colorpicker { z-index: 3; }

      G. R. P. W.

Pense à cliquer sur le bouton


a++
Magnifique, y a t il moyen de garder les boutons en haut sans qu'ils suivent quand on descend car ça piétine sur les écritures dans les forums et sur les catégories, je vais valiser pour que tu puisses voir.

Affirmatif Humour ::fete:: lol! 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 10:25

Re,
je vois bien ton soucis ;
recherches ceci:
Code:
#M14_Nav_Left
{
 position:fixed;/*le menu reste fixe*/
top:80px;/* place a 80px du haut*/
left:0;/*on le place a gauche*/
}
 #M14_Nav_Right
{
position:fixed;/*le menu reste fixe*/
top:80px;/* place a 80px du haut*/
right:0;/*on le place a droite*/
}
et remplaces par ceci:
Code:

#M14_Nav_Left
{
 position:absolute;
top:80px;/* place a 80px du haut*/
left:0;/*on le place a gauche*/
}
 #M14_Nav_Right
{
position:absolute;
top:80px;/* place a 80px du haut*/
right:0;/*on le place a droite*/
}
Pense à cliquer sur le bouton

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 10:37

Malouze, tu n'es pas né dans un chou mais dans la matrice du css ::moitimide:: ok Yes Pc Thanks Zen ! 

Un grand merci pour le temps que tu as passé à m'aider, cette fonction va aider pas mal d'admin qui ont leur forum.

Une dernière petite question sinon, tu vas voir des codes passer devant tes yeux jusqu'au soir lol! 

Est ce que je peux changer les url des images si je décide de les changer et si oui, ou se trouvent ces codes url ? dans le css ou dans le template ?


MERCI.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 10:41

Re,
Malouze, tu n'es pas né dans un chou mais dans la matrice du css
Non moi c'est Clara , heu Milouze Razz 


Tes images se trouvent ici et pas de soucis pour les images,
tu peux les changer sans que cela ne touche l'apparence Wink  .

L'emplacement ou tu peux changer les images:

Affichage/Images et Couleurs/ Gestion des images/Mode Avancé

Général/Navigation

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 10:50

@Milouze14 a écrit:Re,
Malouze, tu n'es pas né dans un chou mais dans la matrice du css
Non moi c'est Clara , heu Milouze Razz 


Tes images se trouvent ici et pas de soucis pour les images,
tu peux les changer sans que cela ne touche l'apparence Wink  .

L'emplacement ou tu peux changer les images:

Affichage/Images et Couleurs/    Gestion des images/Mode Avancé

Général/Navigation

a++
Oups ::moitimide:: , autant pour moi, MIlouze, heu, Clara Affirmatif 
Une fille, désolé, j'avais vu masculin et non féminin.

Que veux tu dire par " Tes images se trouvent ici et pas de soucis pour les images " ?

Excellent mais est ce que les nouvelles url des images ne vont changer ?, désolé, je suis dur de la cafetière Mince 

J'ai enregistré tous les codes pour les boutons dans un forum ou les membres n'ont pas accès, au cas ou il y aurait un soucis avec les configurations.


Merci

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 10:55

Re,
je suis bien un homme ,
Clara , c'est une émission Française qui passée dernièrement .

Que veux tu dire par " Tes images se trouvent ici et pas de soucis pour les images " ?
Si tu veux changer l'url des tes images , il faudra les déposer ici:
Affichage/Images et Couleurs/ Gestion des images/Mode Avancé

Le fait de les changer n'affectera en rien la structure actuelle.

a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 11:20

@Milouze14 a écrit:Re,
je suis bien un homme ,
Clara , c'est une émission Française qui passée dernièrement .

Que veux tu dire par " Tes images se trouvent ici et pas de soucis pour les images " ?
Si tu veux changer l'url des tes images , il faudra les déposer ici:
Affichage/Images et Couleurs/ Gestion des images/Mode Avancé

Le fait de les changer n'affectera en rien la structure actuelle.

a++

Ok, donc, un homme, on y est lol!  , je parle pour moi naturellement :youopi: 

Merci pour ton temps, ça fait déjà deux fois que tu m'aides de A à Z.
Tu as beaucoup de patience, c'est très bien.

Bon, sur ce, je vais préparer le dîner, des chicons gratins et retirer le gâteau du four.
Bon appétit.


Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks Thanks

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par Milouze14 le Mer 9 Oct 2013 - 11:22

Re,

de rien mon ami et à bientôt,
penses à mettre ton sujet en résolu Wink .

Enfin j’espère Razz Razz Razz .

Bon appétit Wink  .
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ma barre de navigation ne se met pas en vertical, qui sait m'aider ?

Message par bugsbuny le Mer 9 Oct 2013 - 11:28

@Milouze14 a écrit:Re,

de rien mon ami et à bientôt,
penses à mettre ton sujet en résolu Wink .

Enfin j’espère Razz Razz Razz .

Bon appétit Wink  .
a++
Voilà, sujet mis en résolu 
Oui, ma demande est conclue à 100 % et content du résultat.

@ bientôt, sûrement pour une nouvelle configuration qui sera probablement la bannière ( bannière aléatoire ) mais il faut que je trouve quoi mettre.
Angel Thanks 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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


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