Comment modifier la toolbar

3 participants

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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

Résolu Comment modifier la toolbar

Message par Hley Lun 9 Juil 2018 - 23:38

Bonjour, bonsoir..

Je suis un peu fatigué et je partage mon compte avec une amie qui a toucher au Template seulement maintenant elle sait pas comment la modifier correctement. La toolbar lui plait bien sauf qu'elle aimerait apporter des modifications plutôt simple mais que je n'arriverais pas a faire je pense.

Voici la toolbar ci joint et voici ce que nous aimerions faire en modification :
Que les onglets Accueil ect... soit en MAJUSCULE et espacé de 2 à 3 centimètre. Nous aimerions que la FAQ soit retirer si cela est possible.

Voici le template en question :

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} {NAMESPACE_BBCODE}>
<head>
  <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_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- 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 elements */
            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 conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
              if ($(this).height() > height_max)
              {
                  height_max = $(this).height();
              }
            } );

            /* Redimensionnement des elements 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 -->
  {HOSTING_JS}
  <!-- 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}">
 
 
 
  <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div></div>
 
 
 
 
 
 
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->

  <a name="top"></a>
  {JAVASCRIPT}

  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                    <!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                    <br />
                    <!-- END switch_logo_center -->
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </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 -->

Voici le CSS si il y a besoin :

Code:
/**************************************** CATEGORIES ***************************************/
/* conteneur de la chatbox et du bouton */
.ChatboxLaterale {
  position: fixed; /* position fixe dans la fenêtre */
  bottom: 10%; /* à 10% du bas (calculé en fonction de la taille de la fenêtre) */
  left: 0; /* et 0px du bord gauche */
  width : 100px; /* dimension 100px */
}
/* chatbox seule */
.ChatboxLaterale iframe {
  width: 800px; /* largeur */
  height: 300px; /* hauteur */
  display: none; /* caché par défaut */
}
/* bouton ouvrir/fermer */
.BoutonChatbox {
  vertical-align: bottom; /* alignement vertical du bouton */
}
.BoutonChatbox img {
  cursor: pointer; /* on ajoute un pointeur pour indiquer que notre image est cliquable */
}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:15px auto 0;
width:800px; padding:10px 0; text-align:center;
background:#444444; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2{
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:3px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC CATEGORIE */
.mdlCAT {
margin:auto; width:800px;
}
/* BLOC FORUM */
#blocFRM {
margin:10px auto;
width:800px; overflow:hidden; text-align:center;
}
.blocFRM {
position:relative; width:800px; overflow:hidden; text-align:center;
}
/* BLOC TITRE FORUM */
.tleFRM {
display:inline-block; vertical-align:top;
margin-right:10px; width:455px; padding:10px 5px; overflow:hidden;
font-family:Arial; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center;
background:#81614b; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM a{
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM{
display:inline-block; vertical-align:top;
height:20px; width:315px; padding:13px 5px 7px 5px; overflow:hidden;
font-family:Arial; font-size:11px; text-transform:uppercase; text-align:center;
background:#3E2524; color:white; /* MODIFIABLE */
opacity:0.7;
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM */
.itsFRM {
display:inline-block; vertical-align:top; margin-top:10px;
width:150px; height:100px;
}
/* ICÔNES FORUM */
.imgFRM{
position:absolute; z-index:4; margin-left:-75px;
width:150px; height:100px;
transition:all 0.65s ease; -webkit-transition:all 0.65s ease;
}
#blocFRM:hover .imgFRM {
opacity:0; transform:scale(0); -webkit-transform:scale(0);
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
width:130px; height:80px; padding:10px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase; line-height:20px;
background-color:rgba(0,0,0,0.3); box-shadow:inset 0 0 15px rgba(0,0,0,0.1); color:#dedede; /* MODIFIABLE */
}
/* BLOC DESCRIPTION / SOUS-FORUMS */
.defFRM {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:420px; height:90px; padding:5px; overflow:auto;
background:#DEDEDE; color:black; /* MODIFIABLE */
font-family:Arial; font-size:11px; text-align:justify; line-height:15px;
}
/* IMAGE DESCRIPTIVE FORUM */
.descFRM img {
position:absolute; z-index:3; margin-top:-5px; margin-left:435px;
width:200px; height:100px;
transition:all .85s ease; -webkit-transition:all .85s ease;
}
.defFRM:hover .descFRM img{
transform:translatex(200px); -webkit-transform:translatex(200px);
}
/* SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top;
width:190px; height:90px; padding:5px; overflow:auto;
font-size:10px; text-transform:uppercase; text-align:justify;
background:#CCC; /* MODIFIABLE */
}
/* LIEN SOUS-FORUM */
.sfFRM a{
color:#191919 !important; /* MODIFIABLE */
}
/********************************** FIN CATEGORIES ************************************/
/****************************************** SCROLLBARS ******************************************/
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 7px; /*largeur de la scrollbar verticale*/
  height: 15px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}
 
::-webkit-scrollbar-track {
  background-color: #000000; /*couleur du fond de la scrollbar*/}
 
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;}
/************************************** FIN SCROLLBARS **************************************/
/****************************************** PROFIL ******************************************/
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:left;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top;  margin-right:10px;
width:200px; height:400px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:150px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
background:rgba(0,0,0,0.8); color:white;  /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:43px; padding:5px;
}
/* LIENS ADMINISTRATION PROFIL */
#adminPFIL a {
color:white; /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; vertical-align:top; width:590px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:75px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.7); color:white !important;  /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:95px; height:27px; padding-top:13px;
text-transform:uppercase; text-align:center; font-size:11px;
background:rgba(0,0,0,0.6); color:white !important; /* MODIFIABLE */
}
/* DERNIERE VISITE PROFIL */
.lstPFIL {
display:inline-block; vertical-align:top;
width:400px; height:27px; padding-top:13px;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;
width:460px; height:330px; padding:10px; overflow:auto; font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px;
width:100px; height:335px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img {
margin:auto; margin-bottom:10px; max-width:80px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1A1A1A; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}
/****************************************** FIN PROFIL ***************************************/
/************************************** LISTE DES MEMBRES ************************************/
/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:800px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.LMBER {
margin:0 auto 10px; width:800px; height:124px; overflow:hidden; font-family:Arial;
}
/* BLOC AVATAR & NOMBRE MESSAGES */
.imgLMBER{
display:inline-block; vertical-align:top; margin-top:-63px;
width:250px; height:125px;
}
/* AVATAR */
.imgLMBER img{
width:125px; height:250px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* NOMBRE DE MESSAGES */
.imgLMBER div{
position:absolute; margin-top:-175px; margin-left:12.5px;
width:225px; height:60px; padding-top:40px; font-size:11px;
background:rgba(255,255,255,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover div{
opacity:1;
}
/* BLOC PSEUDONYME / INSCRIPTION / DERNIERE VISITE / INFORMATION / BANDE GROUPE */
.boxLMBER {
display:inline-block; vertical-align:top; width:550px;
}
/* IMAGES MP * WWW */
.btnLMBER {
float:left;
}
.btnLMBER img{
max-height:15px;
}
/* PSEUDONYME */
.nameLMBER{
margin-left:10px; width:520px; height:15px; padding:10px;
text-align:right; text-transform:uppercase; letter-spacing:2px;
background:#191919; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
display:inline-block; margin:7px 5px; margin-left:10px;
width:225px; height:15px; padding:5px;
font-size:11px; text-align:center;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
}
/* DERNIERE VISITE */
.lstvLMBER {
display:inline-block; margin:7px 0;
width:290px; height:15px; padding:5px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* INFORMATION : HUMEUR, FT. */
.infoLMBER {
margin-left:10px; width:530px; height:22px; padding:7px 5px 0; overflow:hidden;
text-align:center; font-size:12px;
background:rgba(250,250,250,0.2); color:black; /* MODIFIABLE */
}
/* BANDE COULEUR GROUPE */
.grpLMBER {
margin-top:7px; margin-left:10px;
width:540px; height:15px;
}
/************************************* FIN LISTE MEMBRE ************************************/
/************************************** SUJETS ****************************************/
/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tleSBJ{
margin:5px auto; padding:15px 0;
background:#191919; /* MODIFIABLE */
text-transform:uppercase; text-align:center;
}
/* TITRE SUJET */
#tleSBJ h1 {
display:block;
font-size:32px; font-family:Arial; color:#DEDEDE; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.boxPOST {
margin-right:10px; width:220px; padding-top:10px;
background:#F2F2F2; /* MODIFIABLE */
}
/* AVATAR */
.avaPOST {
margin:auto; width:200px;
}
/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
margin:10px auto;
width:200px; text-align:left;
}
/* INFORMATIONS JOUEUR */
.abtPOST div{
margin-bottom:5px; padding:5px;
text-transform:uppercase; font-size:9px;
background:#D6D6D6; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
font-weight:bold; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
margin:auto; margin-top:5px;
width:190px; padding:0 5px 5px;
text-transform:uppercase; font-size:9px;
background:#D6D6D6; color:black; /* MODIFIABLE */
}
/* IMAGE RANG */
.imgrankPOST {
margin:auto;
}
/* BLOC PSEUDONYME / RANG / OUTILS MODERATION */
#namePOST {
font-size:36px; text-transform:uppercase;
background:#191919; font-family:Arial; /* MODIFIABLE - COULEUR DES INVITES */
}
.boxNPOST {
min-height:75px; padding:10px;
}
.namePOST a {
text-decoration:none !important;
}
/* COULEUR PSEUDONYME */
.namePOST span strong{
color:white !important; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
font-size:14px; color:#CCC;  /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT / OUTILS MODERATION */
.tktPOST {
float:right;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:top;
padding-right:10px; text-align:center; line-height:6px;
border-right:5px solid rgba(255,255,255,0.5); /* MODIFIABLE */
}
.ktactPOST a {
display:block;
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:top; margin-left:10px; text-align:center;
}
/* DATE SUJET */
.datePOST {
padding:5px;
font-size:11px; text-transform:uppercase; text-align:left;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:320px; padding:15px;
background:#F2F2F2; color:black; /* MODIFIABLE */
text-align:justify;
}
/************************************** FIN SUJET **************************************/
/**************************************** QEEL *****************************************/
/* QEEL */
.QEEL {
margin:auto; width:800px;
font-family:Arial; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:395px; height:130px;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-bottom:10px;
width:395px; height:35px; padding-top:15px; overflow:hidden;
background:#3E3E3E; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; margin-right:10px;
width:200px; height:40px; padding:15px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:16px;
background:lightblue; color:black; /* MODIFIABLE */
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block;
width:185px; height:40px; padding:15px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:16px;
background:#548C78; color:black; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
#onlineQEEL {
display:inline-block; vertical-align:top;
}
/* TITRE MEMBRES CONNECTES */
.tleOQEEL {
width:395px; height:20px; padding:5px 0;
background:#0d1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU MEMBRES CONNECTES */
.onlineQEEL {
width:385px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-family:Verdana; font-size:10px; text-align:justify;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
display:inline-block; margin-top:10px; margin-right:10px;
width:395px;
}
/* TITRE ANNIVERSAIRES QEEL */
.tleAQEEL {
width:395px; height:20px; padding:5px 0;
background:#0D1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU ANNIVERSAIRES QEEL */
.anvQEEL {
width:385px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.anvQEEL .row1{
background:none !important; padding:0 !important;
}
/* 24H QEEL */
#dayQEEL {
display:inline-block; margin-top:10px;
}
/* TITRE 24H QEEL */
.tle24QEEL {
width:395px; height:20px; padding:5px 0;
background:#0D1217; color:white; /* MODIFIABLE */
text-transform:uppercase; text-align:center; font-size:16px;
}
/* CONTENU 24H */
.dayQEEL {
width:385px; height:90px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
font-size:11px; text-align:justify;
}
.dayQEEL .row1 {
background:none; padding:0;
}
.dayQEEL .row1 .gensmall {
color:black; /* MODIFIABLE */
}
/* BLOC GROUPES QEEL */
.GQEEL {
margin-top:10px;
width:800px; padding:5px 0; color:rgba(0,0,0,0);
background:rgba(0,0,0,0.7); /* MODIFIABLE */
text-align:center; text-transform:uppercase;
}
/* GROUPES QEEL */
.GQEEL a{
font-size:16px;
}
/******************************************* FIN QEEL ******************************************/
/****************************************** NAVIGATION ****************************************/
#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
}
#navigation
{
  position: fixed;
z-index: 999;
}
#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #6A455D;
  border-bottom: 2px solid #47303F;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;
}
/*************************************** FIN NAVIGATION ***************************************/
/***************************************** LISTE SUJET ****************************************/
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto; width:800px; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-20px; margin-top:15px;
}
/* TITRE / AUTEUR / DERNIER MESSAGE / STATISTIQUES SUJET */
.boxSBJ {
display:inline-block; vertical-align:top;
width:740px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display:inline-block; vertical-align:top; margin-bottom:10px;
width:510px; height:55px; padding:0 10px; overflow:hidden;
background:rgba(0,0,0,0.3); color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:#DEDEDE; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TRIANGLE AUTEUR SUJET */
.triSBJ {
display:inline-block; vertical-align:middle;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:rgba(250,250,250,0.8); /* MODIFIABLE */
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:middle;
width:195px; height:55px; overflow:hidden;
background:rgba(250,250,250,0.8); /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* BLOC DERNIER MESSAGE / VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;
width:730px; height:25px; padding:5px; line-height:15px;
background:#191919; /* MODIFIABLE */
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
width:305px; height:15px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:85px; height:19px; padding-top:6px;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:middle; margin:0 5px;
width:85px; height:19px; padding-top:6px;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle;
width:230px; font-size:10px; text-align:center;
color:white; /* MODIFIABLE */
}
.gotoSBJ a{
color:white !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-left:10px;
width:50px; height:100px;
}
/*************************************** FIN LISTE SUJET *******************************************/
/**************************************** PAGE D'ACCUEIL *******************************************/
/* BLOC LIENS PA */
.lksSHAM {
background:rgba(0,0,0,0.6); /* MODIFIABLE */
}
/* LIENS PA */
.lksSHAM a {
background:grey; color:lightgrey; /* MODIFIABLE */
}
/* SURVOL LIEN PA */
.lksSHAM a:hover {
background:lightgrey; color:grey; /* MODIFIABLE */
}
/* CONTEXTE PA */
.ctxtSHAM {
background:#E9E9E9; color:black; /* MODIFIABLE */
}
/* BLOCS STAFF PA */
.staffSHAM {
background:#212121; color:white; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onSHAM {
background:lightgreen; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offSHAM {
background:crimson; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffSHAM ul li a {
color:white; /* MODIFIABLE */
}
/* CARRES NAVIGATION STAFF PA */
.staffSHAM .navSHAM label {
background:white; /* MODIFIABLE */
}
/* SURVOL CARRE NAVIGATION STAFF PA */
.staffSHAM .navSHAM label:after {
background:grey; /* MODIFIABLE */
}
/* TITRE TOP-SITES PA */
.tleSHAM {
background:#191919; color:lightgrey; /* MODIFIABLE */
}
/* TRIANGLE TITRE TOP-SITES PA */
.tleSHAM::before {
border-left-color:#191919 !important; /* MODIFIABLE */
}
/* BLOC TOP-SITES PA */
.topSHAM {
background:grey; /* MODIFIABLE */
}
/* TOP-SITES PA */
.topSHAM a {
border-color:lightgrey !important; color:lightgrey; /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partSHAM {
background:grey; /* MODIFIABLE */
}
/* EVENEMENT EN COURS PA */
.eventSHAM div {
background:#E9E9E9; color:black; /* MODIFIABLE */
}
/* LIEN EVENEMENT EN COURS PA */
.eventSHAM a {
background:black; color:white; /* MODIFIABLE */
}
/* NOUVELLES PA */
.newsSHAM {
background:grey; color:black; /* MODIFIABLE */
}
/* PREDEFINIS PA */
.pfSHAM {
background:#191919; /* MODIFIABLE */
}
/**************************************** FIN PAGE D'ACCUEIL ****************************************/


/*
|--------------------------------------------------------------------------
| CSS Page ACCUEIL audrey test
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #3D3B30;   
  color: #FFFFFF;
 
 
 
  text-shadow: 0px 0px 0px #;
  -moz-box-shadow: 1px 1px 1px #;
  -webkit-box-shadow: 1px 1px 1px #8C8873;
}

.block, .lien {
  text-align: center;
  padding: 8px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
       
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

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

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

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 4px #BA8A6A;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 150px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #000000;
  color: #3AAA00
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits { 
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px; 
  height: 70px;
  overflow: auto;
}


/* Titres */
.titre {
  font-family: times;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #000000;
  color: #FFFFFF;
  text-shadow: 0px 0px 4px #BA8A6A;
}

.titre-welcome:hover {
  background: #000000;   
  color: #FFFFFF;
  text-shadow: 0px 0px 4px #BA8A6A;
}
/*
|--------------------------------------------------------------------------
|Fin CSS Page ACCUEIL test
|--------------------------------------------------------------------------
*/
/* Retirer le fond du cadre du forum */
 
.bodyline,.forumline
{
background-color: transparent !important;
}

 .bodyline{border:none !important;}
/* fin du code du cadre du forum */

Je vous remercie sincèrement et je dis bonne chance a l'âme charitable qui sera capable de m'aider là dessus, je sais que les règles nous souhaite de pas partager le compte fonda mais elle ne sait pas coder et a besoin de moi pour des choses basique mais là je suis perdue.

je reste disponible pour tout autre renseignements,
bonne soirée a tous et a toutes,
Hey
Fichiers joints
Comment modifier la toolbar Attachment
toolbar CR.png Voici la toolbar en aperçuVous n'avez pas la permission de télécharger les fichiers joints.(3 Ko) Téléchargé 8 fois
Hley

Hley
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 06/04/2017

http://new-history.forumactif.com/
Hley a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la toolbar

Message par Hley Mer 11 Juil 2018 - 16:53

...Personne ne peux m'aider ?
Hley

Hley
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 06/04/2017

http://new-history.forumactif.com/
Hley a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la toolbar

Message par Iain Mer 11 Juil 2018 - 20:55

Salut,
Tu parles en fait de ta barre de navigation non ? Parce que la toolbar de Forumactif n'est pas la même. Pour retirer la FAQ, colle ça dans ton CSS:

Code:
a[href="/faq"] {display:none;}

toujours dans ton CSS, pour modifier l'apparence de ta navigation, remplace par :

Code:
#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #6A455D;
  border-bottom: 2px solid #47303F;
  margin-top: -10px;
  margin-left: -10px;
  padding:5px 15px; /*5px pour l'espace en haut et en bas, 15px pour les espaces à gauche et à droite */
text-transform:uppercase;
}

il fallait juste utiliser text-transform:uppercase pour mettre tout le texte de ta barre en majuscule, et j'ai rajouté des espaces avec le 15px dans le padding. Si tu veux que ça soit encore plus espacé, change le 15 avec une autre valeur (Je te l'ai mis ici en pixel). Normalement ça devrait le faire Very Happy
Iain

Iain
Nouveau membre

Masculin
Messages : 13
Inscrit(e) le : 30/10/2016

http://mmmmh.forumactif.org/
Iain a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la toolbar

Message par *Splash* Mer 11 Juil 2018 - 23:28

Hi,

Tout simplement pour mettre la navbar en majuscule

Code:
/* navbar en majuscule et en gras */
.navbar a {    
    font-weight: bold;/*police en gras*/
    font-size: 13px;/*taille de la police*/
    text-transform: uppercase;/*texte en majuscule*/  
}
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment modifier la toolbar

Message par Hley Jeu 12 Juil 2018 - 12:39

Oh mon dieu Iain merci mille fois merci c'est parfait et magnifique !
Hley

Hley
Nouveau membre

Féminin
Messages : 16
Inscrit(e) le : 06/04/2017

http://new-history.forumactif.com/
Hley 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

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code

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