Une barre de menu personnalisée (messages) - Page 2 Bouton_activeUne barre de menu personnalisée (messages) - Page 2 Bouton_hoverUne barre de menu personnalisée (messages) - Page 2 Fb-hoverUne barre de menu personnalisée (messages) - Page 2 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Une barre de menu personnalisée (messages) - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Une barre de menu personnalisée (messages) - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Une barre de menu personnalisée (messages) - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Une barre de menu personnalisée (messages) - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Une barre de menu personnalisée (messages) - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Une barre de menu personnalisée (messages) - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Une barre de menu personnalisée (messages) - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Une barre de menu personnalisée (messages) - Page 2 EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -20%
-20% Récupérateur à eau mural 300 ...
Voir le deal
79 €

Partagez
 

Une barre de menu personnalisée (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3  Suivant
http://dolce-venezia.bbactif.com/
Never-Die
Never-Die
{ Membre }
{ Membre }

Féminin Messages : 17



Une barre de menu personnalisée (messages) - Page 2 Empty
Merci pour le tuto.

Mais j'aurais une question à poser.
Quel est le code pour mettre les lettres en majuscules automatiquement ?
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMer 03 Nov 2010, 16:29
Revenir en haut Aller en bas
http://eragon.superforum.com
Fée-Clochette
Fée-Clochette
{ Membre }
{ Membre }

Féminin Messages : 10



Une barre de menu personnalisée (messages) - Page 2 Empty
Never-Die, pour mettre en majuscule il suffit de rajouter ce code ci :

text-transform: uppercase;


Après si tu veux que ce soit au passage de la sourie il faut le mettre dans .mainmenu:hover sinon dans .mainmenu tout simplement =)

En espérant t'avoir aider =) Et aussi en espérant que j'ai le droit de faire ça x)
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMer 03 Nov 2010, 18:12
Revenir en haut Aller en bas
http://dolce-venezia.bbactif.com/
Never-Die
Never-Die
{ Membre }
{ Membre }

Féminin Messages : 17



Une barre de menu personnalisée (messages) - Page 2 Empty
Merci beaucoup Fée clochette !!
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMer 03 Nov 2010, 18:13
Revenir en haut Aller en bas
http://eragon.superforum.com
Fée-Clochette
Fée-Clochette
{ Membre }
{ Membre }

Féminin Messages : 10



Une barre de menu personnalisée (messages) - Page 2 Empty
Mais de rien, quand ont peut aider Wink
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMer 03 Nov 2010, 18:25
Revenir en haut Aller en bas
http://rockart.forumsactifs.com/forum
sunn-shiinex
sunn-shiinex
{ Membre }
{ Membre }

Féminin Messages : 86



Une barre de menu personnalisée (messages) - Page 2 Empty
si je veux une barre de navigation semblable au forum je met quel code?
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyLun 20 Déc 2010, 21:36
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Une barre de menu personnalisée (messages) - Page 2 Empty

Euh , on ne vas quand même pas te donner le code de la nav' de Css-Actif Wink
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMar 21 Déc 2010, 07:41
Revenir en haut Aller en bas
http://rockart.forumsactifs.com/forum
sunn-shiinex
sunn-shiinex
{ Membre }
{ Membre }

Féminin Messages : 86



Une barre de menu personnalisée (messages) - Page 2 Empty
non je sais mais quelque chose de semblable?
présentement ma barre ressemble a ca.
Une barre de menu personnalisée (messages) - Page 2 352rqpz
Je voudrais qu'il n'y a pas d'espace entre les menus et
plus d'espace entre le mot et le couleur de fond du menu?
Merci!
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMar 21 Déc 2010, 11:15
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Une barre de menu personnalisée (messages) - Page 2 Empty

Peut-on avoir ton template overall_header ?
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMar 21 Déc 2010, 11:55
Revenir en haut Aller en bas
http://rockart.forumsactifs.com/forum
sunn-shiinex
sunn-shiinex
{ Membre }
{ Membre }

Féminin Messages : 86



Une barre de menu personnalisée (messages) - Page 2 Empty
Ouais voila:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

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

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

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

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

      case 'left':
         break;

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

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

      default:
         slid_vert = true;
   }

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

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

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

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

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

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

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

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

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

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

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

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

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

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

     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

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

   <a name="top"></a>
   {JAVASCRIPT}
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>


   <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 -->
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyMar 21 Déc 2010, 12:04
Revenir en haut Aller en bas
http://wilera.forumgratuit.org/forum
Plopy
Plopy
{ Membre }
{ Membre }

Féminin Messages : 30



Une barre de menu personnalisée (messages) - Page 2 Empty
Super le code j'adore!
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptySam 01 Jan 2011, 13:46
Revenir en haut Aller en bas
Tomas
{ Membre }
{ Membre }

Masculin Messages : 41



Une barre de menu personnalisée (messages) - Page 2 Empty
Bonjour, moi j'aimerai mettre mon menu dans un cadre, j'ai donc crée le code, mais où mettre mes balises ? J'ai cherché un peu partout dans mon template... Mais non !
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptySam 01 Jan 2011, 13:58
Revenir en haut Aller en bas
http://rockart.forumsactifs.com/forum
sunn-shiinex
sunn-shiinex
{ Membre }
{ Membre }

Féminin Messages : 86



Une barre de menu personnalisée (messages) - Page 2 Empty
Est-ce que quelqu'un peux reposter le résultat finale? je ne le voie pas.
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyDim 02 Jan 2011, 12:25
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Une barre de menu personnalisée (messages) - Page 2 Empty

Open your eyes !


Une barre de menu personnalisée (messages) - Page 2 100430042440523252
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyDim 02 Jan 2011, 13:03
Revenir en haut Aller en bas
Tomas
{ Membre }
{ Membre }

Masculin Messages : 41



Une barre de menu personnalisée (messages) - Page 2 Empty
Je me permet de poster afin de savoir si quelqu'un sait où pouvait-on mettre les balises pour, par exemple mettre notre barre d'action dans un cadre.

Merci =)
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyVen 07 Jan 2011, 17:53
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Une barre de menu personnalisée (messages) - Page 2 Empty
Bonjour

Vous voulez un cadre comme dans l'exemple ci dessous?

Spoiler:
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyLun 10 Jan 2011, 01:59
Revenir en haut Aller en bas
Tomas
{ Membre }
{ Membre }

Masculin Messages : 41



Une barre de menu personnalisée (messages) - Page 2 Empty
Exactement ! Mais à mieux chercher j'ai réussi ! Comme quoi, si on veut on peut. Merci !!
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyLun 10 Jan 2011, 12:48
Revenir en haut Aller en bas
http://complex-kojiin.forumactif.fr/
Diadouce
Diadouce
{ Membre }
{ Membre }

Féminin Messages : 30



Une barre de menu personnalisée (messages) - Page 2 Empty
Merci beaucoup pour ce tuto ! Très simple, pratique et efficace.

sunn-shiinex a écrit:
non je sais mais quelque chose de semblable?
présentement ma barre ressemble a ca.
Une barre de menu personnalisée (messages) - Page 2 352rqpz
Je voudrais qu'il n'y a pas d'espace entre les menus et
plus d'espace entre le mot et le couleur de fond du menu?
Merci!

J'aimerais également pouvoir supprimer cet espace, car ça déforme mon forum =(
Ou alors, est-il simplement possible d'enlever le calendrier ?

Pour ma part, j'ai mis une ombre autour de mes menus grâce à ce code, si ça intéresse quelqu'un =)

Code:
-webkit-box-shadow: 0px 0px 3px #865646;
  -moz-box-shadow: 0px 0px 3px #865646;
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyDim 16 Jan 2011, 20:31
Revenir en haut Aller en bas
http://gothiqua.wix.com/pixenart
voltie
voltie
{ Membre }
{ Membre }

Masculin Messages : 104



Une barre de menu personnalisée (messages) - Page 2 Empty
Voggy a écrit:
Coucou !
Je double-poste pour la bonne cause.

J'ai donc utilisé ce code, et puis ça m'a vraiment embêté que le texte ne soit pas centré, je pense ne pas être la seule dans ce cas ; c'est pour ça que je me permets de poster. J'ai donc trouvé la solution, toute bête. Il suffit de rajouter
Code:
padding-right: 15px;
dans .mainmenu, a.mainmenu & a.mainmenu:hover. Et les textes seront normalement centrés dans la couleur de fond. ^^

En espérant que ça puisse aider quelqu'un ! Laughing
Merci ta resolu mon probleme !


et sa ses pour le premier message:
Et merci pour le tuto aussi ^^
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyJeu 20 Jan 2011, 05:25
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



Une barre de menu personnalisée (messages) - Page 2 Empty
Bonjour, j'ai lus absolument tout les questions, mais je n'es pas trouvé la réponses à mes interrogations.
C'est où qu'on le poste ce code? Overall-header?
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptySam 12 Fév 2011, 14:16
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



Une barre de menu personnalisée (messages) - Page 2 Empty
Ok, alors dans le coin des menus donc?

Oui je me disais bien! xD

Bon je suis une quiche en Css, je vais essayé demain et je verrais bien si j'y arrive! Smile
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptySam 12 Fév 2011, 14:51
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Une barre de menu personnalisée (messages) - Page 2 Empty
Bonsoir

Ce code doit être placé dans votre feuille de style css
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptySam 12 Fév 2011, 18:51
Revenir en haut Aller en bas
http://enjoy.forums-rpg.com
Shuffy ϟ
Shuffy ϟ
{ Membre actif }
{ Membre actif }

Féminin Messages : 628



Une barre de menu personnalisée (messages) - Page 2 Empty
Merci pour ce code (:
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyDim 13 Fév 2011, 02:07
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



Une barre de menu personnalisée (messages) - Page 2 Empty
Bon, effectivement c'était la feuille Css, j'ai bien reussie, voilà ce que cela donne :
CLIK

Le seul soucis c'est que j'aimerais savoir comment faire pour que les boutons ne soit pas séparés par un espace...
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyDim 13 Fév 2011, 13:14
Revenir en haut Aller en bas
Tupac
Tupac
{ Membre actif }
{ Membre actif }

Masculin Messages : 368



Une barre de menu personnalisée (messages) - Page 2 Empty
Bonsoir

Vous aurez la réponse ici
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyDim 13 Fév 2011, 14:49
Revenir en haut Aller en bas
http://rollinginthedeep-swan.tumblr.com/
Swan.
Swan.
{ Membre }
{ Membre }

Féminin Messages : 125



Une barre de menu personnalisée (messages) - Page 2 Empty
Bonsoir,
Merci je verrais ça dans la semaine et je donnerais des nouvelles pour indiquer si cela fonctionne.
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 EmptyDim 13 Fév 2011, 15:20
Revenir en haut Aller en bas
Contenu sponsorisé




Une barre de menu personnalisée (messages) - Page 2 Empty
MessageSujet: Re: Une barre de menu personnalisée (messages)   Une barre de menu personnalisée (messages) - Page 2 Empty
Revenir en haut Aller en bas
 

Une barre de menu personnalisée (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 3Aller à la page : Précédent  1, 2, 3  Suivant

 Sujets similaires

-
» Aide pour ma barre de navigation ( effet barre menu horinzontal )
» Barre de navigation personnalisée (via template)
» Barre de navigation avec menu déroulant intégré
» Menu horizontal (messages)
» Faire un menu horizontal déroulant (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit | Informatique et Internet | Internet