AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    [CSS] Barre de navigation

    Sui'
    Sui'
    MasculinAge : 27Messages : 1865

    le Ven 25 Juin 2010 - 23:08

    Rappel du premier message :



    Bonjour, Bonsoir, Salut, Yo, enfin voila x).

    Après mainte recherche je vois qu'aucun tuto n'a été poster sur la barre de navigation fait uniquement pas CSS, alors je me lance pour vous l'expliquez.

    Niveau: Facile Aperçu: Ici Tuto by Sui'


    Alors nous allons commencer par le commencement logique :p.

    Allez dans votre Panneau d'Administration -> Affichage -> En-tête et Navigation :

    - Afficher seulement des images dans la barre des liens : Cocher Non
    - Position du menu: Centrer
    - Forcer la barre de navigation à rester sur une ligne : Cocher Oui

    Enregistrez

    Ensuite allez dans Affichage -> Couleur -> Feuille de Style

    Mettez ce code à l'intérieur:

    Code:
    a.mainmenu img {
    display:none;
    }

    a.mainmenu{
        text-decoration:none;
            padding: 1px 1px;
            margin: 0px;
            background: #Couleur;
            color: #000;
            border: 1px solid #Couleur;
    }

    Padding est la marge entre le texte et le cadre, le premier chiffre donnera l'espace entre le haut et le bas , alors que le second donnera l'espace à gauche et à droite.

    Margin est l'espace entre tous les cadres, à vous de mettre la taille souhaiter.

    Background est la couleur de fond de la cellule, à vous de mettre le code couleur voulu.

    Color signifie la couleur du texte.

    Border signifie la bordure sur le coup j'ai directement mis l'épaisseur de la bordure le style et la couleur, à vous de l'adaptez par la suite.


    Maintenant nous allons rajouter un code qui changera l'aspect de la cellule au passage de la souris (Non obligatoire)


    Code:
    a:hover.mainmenu{
        text-decoration:none;
            padding: 1px 1px;
            margin: 0px;
            background: #000;
            color: #FFF;
            border: 1px solid #FFF;
    }

    Je n'est seulement changer que les couleurs, une nouvelle fois à vous de l'adaptez Wink.

    Maintenant comme je me doute vous avez tous cette barre de navigation coller à la publicité pour l'espacer il vous suffit juste de mettre ce code :

    Code:
    #page-body {
    margin-top:15px;
    }

    A vous de modifier le nombre selon l'espace que vous voulez.

    N'oubliez pas de Valider

    Pour avoir des codes couleurs rendez vous sur le tuto de Mao : [url=/forumactif-f51/pour-mettre-un-peu-de-couleur-aux-forumsd-t11664.htm]Ici[/url]

    Et oui c'est déjà fini x), j'espère que se tutoriel vous aura aider.

    Si vous voyez des fautes ( doit y en avoir :o) et si vous avez des questions n'hésiter pas :).




    Merci beaucoup Woo pour ce kit *-*
    [CSS] Barre de navigation - Page 2 657955SignatureSuicopie
    Sui' Art's
    Sui'
    Sui'
    MasculinAge : 27Messages : 1865

    le Jeu 26 Aoû 2010 - 10:40

    J'ai fouiller les template mais aucun n'a la classe "mainmenu", et aucun template correspond au profil apparemment donc non pas de nouvelle désoler ^^.



    Merci beaucoup Woo pour ce kit *-*
    [CSS] Barre de navigation - Page 2 657955SignatureSuicopie
    Sui' Art's
    Soul
    Soul
    MasculinAge : 23Messages : 1723

    le Mar 31 Aoû 2010 - 9:45

    Merci Sui' mais après avoir écrit toutes à la main sa ne marche pas,regarde mon CSS:

    Spoiler:
    Code:

    .forumline {
    -moz-border-radius:7px 7px 3px 3px;}


    a { text-decoration: none; }
    body
    .forumline {
    border : 1px dashed ##0A0A0A;
    }
    .titre_tableau
    {
    font-variant: small-caps;
    background-image: url(image_de_fond.jpg);
    background-repeat: repeat-x; /*pour une répétition horizontale*/
    }

    a {font-variant: small-caps;}

    /*--- 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;
          height: 100px;
    }

    /*--- Cette partie correspond à l'onglet "Il y a X textes dans X parchemin" ---*/
    .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: 20px;
          left: 500px;
          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: 70%;
          height: 70px;
          font-size: 11px;
    }

    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    border: 3px solid #000000;
    }

    .forumline {
    -moz-border-radius:7px 7px 3px 3px;}


    a { text-decoration: none; }
    body
    .forumline {
    border : 1px dashed ##0A0A0A;
    }
    .titre_tableau
    {
    font-variant: small-caps;
    background-image: url(image_de_fond.jpg);
    background-repeat: repeat-x; /*pour une répétition horizontale*/
    }

    a {font-variant: small-caps;}

    /*--- 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;
          height: 100px;
    }

    /*--- Cette partie correspond à l'onglet "X textes dans X parchemins" ---*/
    .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: 20px;
          left: 500px;
          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: 70%;
          height: 70px;
          font-size: 11px;
    }

    .postdetails.poster-profile a img {
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    border: 3px solid #000000;
    }
    .backprofile {background-color:#FFFFFF;-moz-border-radius:5px;}

    .profil_contour
    {
    border: 3px solid-white; /*La bordure*/
    background-color: color: rgb(48.30.24); /*Le fond*/
    }
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;

    .tstaff{
    font-size:1em;
    }

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

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

    .thumbnail:hover span{
    visibility: visible;
    top: 50px;
    left: 25px; /*position where enlarged image should offset horizontally */
    width: 160px
    }

    table.bodylinewidth
    {
    position: relative;
    top: -9px;
    }

    table.bodylinewidth
    {
    position: relative;
    bottom: -9px;
    }

    a.infobulle {
      position: relative;
    }

    a.infobulle span {
      display: none;
    }
    a.infobulle:hover {
      background: none;
      z-index: 999;

    }
    a.infobulle:hover span {
      display: inline;
      position: absolute;

      white-space: nowrap;

      top: 10px;
      left: 2px;

      background: #333333;

      color: blue;
      padding: 6px;

     
      border: 10px radius blue;
      border-radius: 10px radius blue;
    }

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

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    }

    a { text-decoration: none; }

    .topiclist dl.icon {
    min-height: 50px;
    background-position: 2px 50%;
    }
    * html .topiclist dl.icon {
    height: 50px;
    }
    ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    }
    ul.pmlist dt,ul.pmlist dd.dterm {
    padding-left: 50px;
    }

    .haccordion li .hpanel{
    width: 100%; /*For users with JS disabled: Width of each content*/
    height: 206px;  /*For users with JS disabled: Height of each content*/
    }

    /*lien menu accordéon*/
    .lienadmin
    {
    background-color: #440503;
    padding-bottom:6px;
    padding-top:6px;
    padding-left:5px;
    padding-right:5px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    }

    .lienadmin:hover
    {
    color: #e7c02e;
    text-shadow: 1px 1px 1px #e7c02e;
    }

    .blablapa
    {
    width: 350px;
    color : #e7c02e;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #440503;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    border-bottom:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

    .Tadaga
    {
    width: 350px;
    color : #3E57F7;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #440503;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #e7c02e;
    border-left:4px solid #e7c02e;
    border-top:1px solid #e7c02e;
    border-bottom:1px solid #e7c02e;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }


    .RP
    {
    width: 350px;
    color : #224DCC;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #AFC1FA;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #16318A;
    border-left:4px solid #16318A;
    border-top:1px solid #16318A;
    border-bottom:1px solid #16318A;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    }

    .Naruto
    {
    width: 350px;
    color : #9E9E9E;
    font-weight : bold;
    font-size: larger;
    letter-spacing : 3px;
    background-color: #FFFFFF;
    padding-bottom: 2px;
    padding-top:2px;
    border-right:4px solid #000000;
    border-left:4px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    font-size:1em;
    }

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

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

    .thumbnail span
    {
    position: absolute;
    background-color: #494747;
    padding: 5px;
    left: -1000px;
    border: 1px groove #F0BF5D;
    visibility: hidden;
    color: #FFFFFF;
    text-decoration: none;
    }

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

    .thumbnail:hover span{
    visibility: visible;
    top: 50px;
    left: 25px; /*position where enlarged image should offset horizontally */
    width: 160px;
    }

    table.bodylinewidth
    {
    position: relative;
    top: -9px;
    }

    table.bodylinewidth
    {
    position: relative;
    bottom: -9px;
    }

    .infobulle {
      position: relative;
    }

    .infobulle span {
      display: none;
    }

    .infobulle:hover {
      background: none;
      z-index: 999;
    }

    .infobulle:hover span {
      display: inline;
      position: absolute;
      white-space: nowrap;
      top: 10px;
      left: 2px;
      background: #333333;
      color: blue;
      padding: 6px;
      border: 10px radius blue;
      border-radius: 10px radius blue;
    }

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

    textarea, .textarea.post, input.post {
    -moz-border-radius:10px;
    }

    a { text-decoration: none; }

    .topiclist dl.icon {
    min-height: 50px;
    background-position: 2px 50%;
    }

    * html .topiclist dl.icon {
    height: 50px;
    }

    ul.topics dt,ul.topics dd.dterm {
    padding-left: 50px;
    }

    ul.pmlist dt,ul.pmlist dd.dterm {
    padding-left: 50px;
    }

    .en_tete{
      width:700px;
      min-height:400px;
      height:auto;
      background-color:black;
      margin:auto;
      border:solid 0px #CCCCCC; 
      }

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

    #tab1_col1{
      width: 25%;
      padding-right:5px;
    }

    #tab1_col2{
      width: 50%;
      }

    #tab1_col3{
      width: 25%;
      padding-left:5px;
      }

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

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

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

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

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

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

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

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

    #staff_en_tete img{
      padding-left:6px;
      }
         
        a.infobulle {
          position: relative;
        }

        a.infobulle span {
          display: none; /* ceci masque l'infobulle */
        }

        a.infobulle:hover {
          background: none; /* correction d'un bug IE */
          z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

        }

        a.infobulle:hover span {
          display: inline; /* ceci affiche l'infobulle */
          position: absolute;
          white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
          top: -300px; /* on positionne notre infobulle */
          left: 155px;
          background: #707070; /* arrière-plan de l'infobulle */
          color: black; /* texte dans l'infobulle */
          padding: 3px;
          /* bordures de votre infobulle*/
          border: 1px dotted black;
          border-left: 1px dotted black;
        }
    .profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
    {background-color: #couleur;
    border: 1px solid #couleur;
    font-size: 12px;
    letter-spacing: 1px;}

    .profil1/*ceci s'appliquera au bouton*/
    {width: 200px;
    background-color: #333333;
    border: none;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: bold;}
    .shadetabs{
    padding: 3px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
    }

    .shadetabs li{
    display: inline;
    margin: 0;
    }

    .shadetabs li a{
    text-decoration: none;
    padding: 3px 7px;
    margin-right: 3px;
    border: 1px solid #778;
    color: #2d2b2b;
    background: white url(shade.gif) top left repeat-x;
    }

    .shadetabs li a:visited{
    color: #2d2b2b;
    }

    .shadetabs li a:hover{
    text-decoration: underline;
    color: #2d2b2b;
    }

    .shadetabs li.selected{
    position: relative;
    top: 1px;
    }

    .shadetabs li.selected a{ /*selected main tab style */
    background-image:  url(http://www.deviantart.com/download/71395008/Woodland_Background_Texture_by_Alegion_stock.png);
    border-bottom-color: white;
    }

    .shadetabs li.selected a:hover{ /*selected main tab style */
    text-decoration: none;
    }

    .tabcontentstyle{ /*style of tab content oontainer*/
    border: 1px solid #B4AF91;
    width: 500px;
    margin-bottom: 1em;
    padding: 10px;
    }

    .tabcontent{
    display:none;
    }

    @media print {
    .tabcontent {
    display:block!important;
    }
    }
    .lastpost{
        padding: 2px;
        font-family: verdana;
        font-size: 10px;
        background-image:url("http://fc04.deviantart.net/fs18/f/2007/220/4/4/background_by_CoreyWhite.jpg");
        color: #333333;
        border: 2px solid #B4AF91;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -o-border-radius: 5px;
    }
    .cadreprofil {
    background-image:url("http://fc04.deviantart.net/fs18/f/2007/220/4/4/background_by_CoreyWhite.jpg");
    font-size:10px;
    text-align:center;
    border: 2px solid #B4AF91;
    padding: 2px;
    font-family: verdana;
    -moz-border-radius:15px;}
    #topbar {
      position: center;
      top: 0;
      left: 0;
      width : 100%;
      border-bottom: 2px solid #B4AF9;
      background-image:url("http://fc04.deviantart.net/fs18/f/2007/220/4/4/background_by_CoreyWhite.jpg");
      color: #aaffff;
    }
    body {
      padding-top: 30px;
    }
    .categorie{
    margin: 10px 0px;
    border: 3px solid #1A1212;
    border-radius: 15px:
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;}

    .titrecategorie{
    margin-left: 15px;
    padding: 3px;
    display: block;
    width: 150px;
    margin-top: -15px;
    border-top: 2px solid #1A1212;
    border-right: 1px solid #1A1212;
    border-left: 1px solid #1A1212;
    background-color: #1A1212;
    color: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center}

    .sousfofo span {background: #1A1212;
    padding: 3px 7px 3px 7px;
    text-align: center;
    color: #FFFFFF;
    Font-weight: bold;
    a.forumlink {border-bottom: 2px solid #1A1212;
    padding-top: 30px;
    display: block;
    }

    a.mainmenu img {
    display:none;
    }

    a.mainmenu{
          text-decoration: none;
                padding: 1px 1px;
                margin: 0px;
                background: #FFFFFF;
                color: #000;
                border: 1px solid #1A1212;
    }
    a:hover.mainmenu{
          text-decoration:none;
              padding: 1px 1px;
              margin: 0px;
              background: #000;
              color: #FFF;
              border: 1px solid #FFF;
    }
    Sui'
    Sui'
    MasculinAge : 27Messages : 1865

    le Mar 31 Aoû 2010 - 10:52

    Ta encore les images ?



    Merci beaucoup Woo pour ce kit *-*
    [CSS] Barre de navigation - Page 2 657955SignatureSuicopie
    Sui' Art's
    Soul
    Soul
    MasculinAge : 23Messages : 1723

    le Mar 31 Aoû 2010 - 11:02

    Quels images ?
    Sui'
    Sui'
    MasculinAge : 27Messages : 1865

    le Jeu 2 Sep 2010 - 19:55

    Bon j'ai test ton css il marche très bien sa doit venir d'un code dedans ou bien tu as oublier de faire une étape dans le tuto, réessaye le si sa marche pas c'est que sa vient de ton css mais je vois pas ou.

    Par contre c'est fou comment ton forum est bourré de code XD



    Merci beaucoup Woo pour ce kit *-*
    [CSS] Barre de navigation - Page 2 657955SignatureSuicopie
    Sui' Art's
    ZN ~ Anko
    ZN ~ Anko
    MasculinAge : 30Messages : 357

    le Mer 29 Sep 2010 - 16:42

    Merci pour ce code, et ce guidage total qui permet de ne vraiment pas se planter :p. En effet, la facilité était au rendez-vous Wink.



    [CSS] Barre de navigation - Page 2 295401SignAnji
    Thanks to Sui'

    Jiyuu
    Jiyuu
    FémininAge : 27Messages : 1941

    le Lun 20 Déc 2010 - 22:13

    Rah je suis totalement faaaaaan Very Happy
    Merci !

    :respect:



    made by Redsky
    Sucker Punch

    « Et qui détient la clé qui peut nous libérer? C’est Vous. Vous avez toutes les armes en vous. Alors battez-vous ! » Sweet Pea.
    Yamamoto
    Yamamoto
    MasculinAge : 24Messages : 2387

    le Dim 23 Jan 2011 - 21:59

    http://d3.e-loader.net/StcNtnt5qo.png

    Merci du tuto Wink
    J'aimerais savoir comment je fait pour qu'ils soit centrer ?
    Certains titres comme Accueil touche le bord ^^



    [CSS] Barre de navigation - Page 2 Reborn_Sig___3_en_1_by_Chiibi_Neko
    Je combattrais avec ma dernière volontés.
    Doc
    Doc
    MasculinAge : 33Messages : 629

    le Mer 20 Avr 2011 - 21:44

    Merci pour l'astuce et de la partager :)



    [CSS] Barre de navigation - Page 2 Signat11
    jeany
    jeany
    FémininAge : 56Messages : 13

    le Lun 6 Fév 2012 - 13:26

    merci pour tout les astuces
    ECHELON
    ECHELON
    MasculinAge : 26Messages : 40

    le Lun 22 Oct 2012 - 20:40

    Merci !



    [CSS] Barre de navigation - Page 2 401645Sanstitre4
    Sadistic Syndrome
    Sadistic Syndrome
    FémininAge : 27Messages : 84

    le Lun 17 Déc 2012 - 19:18

    Effet bien sympathique ! Merci =)
    Sukinette
    Sukinette
    FémininAge : 34Messages : 1197

    le Sam 12 Jan 2013 - 16:45

    Merci pour cette belle barre de navigation ♥



      Merci pour les avatars Clémentine & Narakye ♥♥
    Banpaia
    Banpaia
    FémininAge : 22Messages : 130

    le Mar 5 Mar 2013 - 21:05

    Merci !
    dolce vero
    dolce vero
    FémininAge : 51Messages : 21

    le Sam 7 Déc 2013 - 22:49

    Bonjour dans le cas du thème que vous avez créé "Paradoxe" existe t il un code pour agrandir un peu la taille de la barre de navigation,ça peut paraître idiot mais je suis archi nulle en codage
    Merci d'avance!



    [CSS] Barre de navigation - Page 2 Crea_v15
    Neva
    Neva
    FémininAge : 28Messages : 18565

    le Dim 8 Déc 2013 - 12:55

    @dolce vero a écrit:Bonjour dans le cas du thème que vous avez créé "Paradoxe" existe t il un code pour agrandir un peu la taille de la barre de navigation,ça peut paraître idiot mais je suis archi nulle en codage
    Merci d'avance!
    Salut,

    Pour les questions, c'est par ici : http://www.never-utopia.com/f52-avec-un-tutoriel
    Il faut créer un sujet. Ca sera plus facile à suivre et plus adapté :)
    Pense à nous donner le lien du thème, celui de ton forum etc.



     
    dolce vero
    dolce vero
    FémininAge : 51Messages : 21

    le Dim 8 Déc 2013 - 13:15

    Merci Neva j'ai fait ça Very Happy 



    [CSS] Barre de navigation - Page 2 Crea_v15
    Clémentine
    Clémentine
    FémininAge : 27Messages : 223

    le Mer 1 Oct 2014 - 10:06

    Merci ^^



    [CSS] Barre de navigation - Page 2 9w9t
    Soleilou
    Soleilou
    FémininAge : 19Messages : 49

    le Jeu 11 Juin 2015 - 15:54

    Merciii :3
    rosebleudu10
    rosebleudu10
    FémininAge : 29Messages : 189

    le Lun 17 Aoû 2015 - 21:32

    merci
    Kelalin
    Kelalin
    FémininAge : 26Messages : 2075

    le Lun 17 Aoû 2015 - 21:58

    Merci ヽ(*・ω・)ノ
    Tria
    Tria
    FémininAge : 22Messages : 127

    le Mer 9 Déc 2015 - 1:08

    Merci !



    "Tomber est permis, se relever est ordonné."
    [CSS] Barre de navigation - Page 2 Hv62
    Zekarant
    Zekarant
    MasculinAge : 18Messages : 51

    le Lun 18 Jan 2016 - 22:06

    Merci du tuto, c'est cool !
    LeMonarque
    LeMonarque
    MasculinAge : 33Messages : 26

    le Sam 13 Aoû 2016 - 12:25

    Merci
    PrincesseÔ
    PrincesseÔ
    FémininAge : 22Messages : 219

    le Lun 28 Nov 2016 - 11:25

    Merci pour ces codes <3
    Contenu sponsorisé


      La date/heure actuelle est Dim 25 Aoû 2019 - 20:18