AccueilDernières imagesRechercherS'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.

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

    Commande du PA ( Staff ) !

    Sasu'X74
    Sasu'X74
    MasculinAge : 31Messages : 142

    Sam 19 Nov 2011 - 17:11

    Commande
    Adresse du forum : http://dignity-shinobi.forumgratuit.org/ [ forum en construction ].
    Description des éléments : Sur cette PA ( By Sparrow-Style) : http://jesuisunelegende.forumactif.com/t4-apercu-pa-qeel-en-accordeon-vertical-css3 Je voudrai un staff avec les pseudos en onglet et où on peut y cliquer dessus ! A chaque clique on retrouve une personne du staff avec le texte ci dessous + une image ( texte pour dire son travail ) et son rang !
    Couleurs ou tons : Rien de particulier à mettre ici !
    Images : Aucune , je l'ai mettrai.
    Autres précisions : [si vous avez quelque chose de plus à indiquer...]



    Commande du PA ( Staff ) ! Uchiha_sasuke_signature_by_dr_giddy
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 19 Nov 2011 - 18:07

    Salut Sasu' !

    Ta commande ne va pas me prendre énormément de temps alors je m'en occupe Wink
    Tout d'abord, j'aimerais te poser une question pratique ^^

    • Quelle est la largeur de ton forum ? [Visible dans PA> Général> Configuration]


    Voilà tout, je commence tout de suite Wink

    Commande en cours~~
    Taktiik.

    • Revenir en haut
    Sasu'X74
    Sasu'X74
    MasculinAge : 31Messages : 142

    Sam 19 Nov 2011 - 18:13

    Je sais pas si c'est ça mais la largeur est de 80 % .


    Ah si sa te dérange pas je voudrais bien que tu change mon CSS ( Couleur de PA ) du gris au noir.

    Code:
    #pa
    {
    width: 900px;
    border: 3px dotted #67523c;
    }
    #partie1
    {
    width: 900px;
    height: 40px;
    overflow: hidden;
    background-color: #b8a692;
    border-bottom: 1px dotted #877867;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -htm-transition: 2s;
    -webkit-transition: 2s;
    }
    #partie2
    {
    width: 900px;
    height: 40px;
    overflow: hidden;
    background-color: #ccbcaa;
    border-bottom: 1px dotted #877867;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -htm-transition: 2s;
    -webkit-transition: 2s;
    }
    #partie3
    {
    width: 900px;
    height: 40px;
    overflow: hidden;
    background-color: #dcd0c2;
    border-bottom: 1px dotted #877867;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -htm-transition: 2s;
    -webkit-transition: 2s;
    }
    #partie4
    {
    width: 900px;
    height: 40px;
    overflow: hidden;
    background-color: #e7e1db;
    border-bottom: 1px dotted #877867;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -htm-transition: 2s;
    -webkit-transition: 2s;
    }
    #partie5
    {
    width: 900px;
    height: 40px;
    overflow: hidden;
    background-color: #f3efeb;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -htm-transition: 2s;
    -webkit-transition: 2s;
    }
    #partie1:hover, #partie2:hover, #partie3:hover, #partie4:hover, #partie5:hover
    {
    height: 300px;
    overflow: hidden;
    transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 2s;
    -moz-transition: 2s;
    -o-transition: 2s;
    -htm-transition: 2s;
    -webkit-transition: 2s;
    }
    .titre
    {
    display: block;
    text-align: center;
    width: 900px;
    height: 40px;
    font-size: 28px;
    letter-spacing: 2px;
    font-variant: small-caps;
    font-family: courier;
    font-weight: bold;
    padding-top: 5px;
    color: #67523c;
    text-shadow: 0px 0px 2px #ffffff;
    }
    .content
    {
    width: 90%;
    margin: auto;
    border: 1px dotted #958677;
    background-color: #eceae7;
    padding: 6px;
    color: #715d47;
    font-size: 11px;
    text-align: justify;
    }




    .credit
    {
    display: block;
    text-align: right;
    margin-right: 20px;
    }
    .credit a
    {
    font-size: 10px;
    text-decoration: none !important;
    }
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 19 Nov 2011 - 19:23

    Aloha~~

    Voilà j'ai fini ta demande :)
    J'ai mis des couleurs basiques que tu pourras changer par la suite.
    Voici ton rendu : Cliique

    Si tu as des questions, des recommandations ou autres, n'hésites pas Wink

    Cordialement~~
    Taktiik.

    • Revenir en haut
    Sasu'X74
    Sasu'X74
    MasculinAge : 31Messages : 142

    Sam 19 Nov 2011 - 19:28

    Super , merci !



    Commande du PA ( Staff ) ! Uchiha_sasuke_signature_by_dr_giddy
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 19 Nov 2011 - 19:39

    Alors~~

    Voici ce que tu dois mettre dans ton onglet staff :



    Et dans ton CSS à ajouter :



    Enfin, le code Javascript à Ajouter dans PA> Modules> Gestions des codes Javascript.
    Tu créer une page, tu oublies pas de cocher oui pour activer avant.
    Tu mets sur l'Index et tu entres ce code :

    Code:
    //<!--
                    function change_onglet(name)
                    {
                            document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                            document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                            document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                            document.getElementById('contenu_onglet_'+name).style.display = 'block';
                            anc_onglet = name;
                    }
            //-->


    Si tu as des questions ou des bugs, n'hésites pas Wink
    Cordialement~~
    Taktiik.

    • Revenir en haut
    Sasu'X74
    Sasu'X74
    MasculinAge : 31Messages : 142

    Sam 19 Nov 2011 - 20:24

    Merci encore !

    ~ J'ai pas de problème ou autre !

    J'ai mis la PA et c'est bon Wink.



    Commande du PA ( Staff ) ! Uchiha_sasuke_signature_by_dr_giddy
    • Revenir en haut
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Sam 19 Nov 2011 - 20:41

    Parfait ~~

    Tu n'oublieras pas de Créditer Never Utopia pour le service qu'il vient de te rendre ;D

    Commande Terminée~~
    Taktiik.

    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Jeu 21 Nov 2024 - 17:38