Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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

    Partagez
    MasculinAge : 24Message(s) : 1865
    Sui'
    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 : Ici

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

    Sui' Art's
    MasculinAge : 24Message(s) : 1865
    Sui'
    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 *-*

    Sui' Art's
    MasculinAge : 20Message(s) : 1719

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Soul
    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;
    }
    MasculinAge : 24Message(s) : 1865
    Sui'
    le Mar 31 Aoû 2010 - 10:52
    Ta encore les images ?


    Merci beaucoup Woo pour ce kit *-*

    Sui' Art's
    MasculinAge : 20Message(s) : 1719

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Soul
    le Mar 31 Aoû 2010 - 11:02
    Quels images ?
    MasculinAge : 24Message(s) : 1865
    Sui'
    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 *-*

    Sui' Art's
    MasculinAge : 27Message(s) : 357
    ZN ~ Anko
    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.



    Thanks to Sui'

    FémininAge : 24Message(s) : 1941
    Jiyuu
    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.
    MasculinAge : 21Message(s) : 2387
    Yamamoto
    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 ^^



    Je combattrais avec ma dernière volontés.
    MasculinAge : 30Message(s) : 595
    Doc
    le Mer 20 Avr 2011 - 21:44
    Merci pour l'astuce et de la partager :)


    FémininAge : 53Message(s) : 13
    jeany
    le Lun 6 Fév 2012 - 13:26
    merci pour tout les astuces
    MasculinAge : 24Message(s) : 40
    ECHELON
    le Lun 22 Oct 2012 - 20:40
    Merci !


    FémininAge : 24Message(s) : 84
    Sadistic Syndrome
    le Lun 17 Déc 2012 - 19:18
    Effet bien sympathique ! Merci =)
    FémininAge : 31Message(s) : 1141
    Sukinette
    le Sam 12 Jan 2013 - 16:45
    Merci pour cette belle barre de navigation ♥


      Merci pour les avatars Clémentine & Narakye ♥♥
    FémininAge : 19Message(s) : 127
    Banpaia
    le Mar 5 Mar 2013 - 21:05
    Merci !
    FémininAge : 48Message(s) : 21
    dolce vero
    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!


    FémininAge : 25Message(s) : 18541

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    4/10  (4/10)
    Neva
    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.


     

    • Pensez à aller accueillir les nouveaux nutopiens
    • La Chatbox anniversaire existe toujours ! Elle est ici pour les amoureux des navires  

    FémininAge : 48Message(s) : 21
    dolce vero
    le Dim 8 Déc 2013 - 13:15
    Merci Neva j'ai fait ça Very Happy 


    FémininAge : 24Message(s) : 199
    Clémentine
    le Mer 1 Oct 2014 - 10:06
    Merci ^^


    FémininAge : 16Message(s) : 45
    Soleilou
    le Jeu 11 Juin 2015 - 15:54
    Merciii :3
    FémininAge : 26Message(s) : 184
    rosebleudu10
    le Lun 17 Aoû 2015 - 21:32
    merci
    FémininAge : 24Message(s) : 1354

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Lun 17 Aoû 2015 - 21:58
    Merci ヽ(*・ω・)ノ
    FémininAge : 19Message(s) : 114
    Tria
    le Mer 9 Déc 2015 - 1:08
    Merci !


    "Tomber est permis, se relever est ordonné."
    MasculinAge : 15Message(s) : 48
    Zekarant
    le Lun 18 Jan 2016 - 22:06
    Merci du tuto, c'est cool !
    MasculinAge : 30Message(s) : 25
    LeMonarque
    le Sam 13 Aoû 2016 - 12:25
    Merci
    Contenu sponsorisé
    Aujourd'hui à 7:08

      La date/heure actuelle est Mer 28 Sep 2016 - 7:08