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.

-25%
Le deal à ne pas rater :
PC Portable Gamer 16,1” HP Victus 16 – 16 Go /512 Go
749.99 € 999.99 €
Voir le deal

    Commande PA

    Pontos
    Pontos
    MasculinAge : 30Messages : 23

    Dim 13 Nov 2011 - 15:45

    Bonjour!

    Commande
    Adresse du forum : http://swilikan.keuf.net/ (Ne faîtes pas attention à la PA en place, c'est un échec cuisant se personnalisation T_T)
    Description des éléments :
    Ah ah! Vous allez m'aimez, j'ai un schéma =D
    Onglet n°1:
    Onglet n°2:
    Alors...
    • Le texte d'intro ->
      Code:
      [i]Une pointe d’argent, véritable flambeau de lumière dans l’obscurité ambiante, reflétant la douce lumière des étoiles, franchit les ombres pour terminer sa course figée dans le bois centenaire. Un juron, véritable vacarme dans le lourd silence, accompagna le bruit sourd que produit le choc de l’argent contre le bois. L’entité, se mouvant avec délicatesse entre les grands troncs, s’élança à la poursuite de sa proie, prenant soin de n’utiliser que son ouï pour la repérer. Celle-ci, noir comme la nuit, à la crinière de flamme, s’élança dans la forêt afin d’échapper à son poursuivant, véritable fléau de la galaxie. La traque avait commencé et un seul de ces deux êtres pouvait en sortir vivant.[/i]
      [url=http://swilikan.keuf.net/t30-1-contexte-general]Lire la Suite ►[/url]
    • Je te laisse organiser le partie news comme tu le souhaite, bien que j,aimerai que le tout sois facilement modifiable (a) =P
    • Les images Staffs font 70*31.
    • J'aimerai que dans les infobulles, on puisse voir une courte description du membre ainsi que son post & un lien pour le MP. Je suis le seul membre du staff pour l'instant alors voici les descriptions ->
      (Pour la première image)
      Code:
      [center]Chancelier Suprême<br/>
                  [b]Tinwë[/b]<br/>
                  Gestion Administrative & RPG<br/>
      <a href="http://swilikan.keuf.net/privmsg?mode=post&u=2">Lui envoyer un M.P</a>      <a href="http://swilikan.keuf.net/u2">Voir son profil</a>[/center]
      (Pour les 3 images de Vices Chanceliers)
      Code:
      [center]Vice-Chancelier<br/>
                  [b]Vous?[/b]<br/>
                  --<br>

                    <a href="#">Lui envoyer un M.P</a>      <a href="#">Voir son profil</a>[/center]
      (Ensuite, pour les deux images de Garde du Sénat)
      Code:
      [center]Garde du Sénat<br/>
                  [b]Vous?[/b]<br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a>      <a href="#">Voir son profil</a>[/center]
      (Pour les deux images de Sénateurs)
      Code:
      [center]Sénateur<br/>
                  [b]Vous?[/b]<br/>
                  --<br>

                  <a href="#">Lui envoyer un M.P</a>      <a href="#">Voir son profil</a>[/center]
      (Puis, finalement, pour les 4 images d'anciens membres du staff & Collaborateurs)
      Code:
      [center]Autre<br/>
                  [b]Vous?[/b]<br/>
                  --<br>

                  <a href="#">Lui envoyer un M.P</a>      <a href="#">Voir son profil</a>[/center]
    • Pour les Partenaires, j'aimerai que ce soit un menu déroulant verticale, si possible, ainsi qu'un autre pour les topsites! =)
    • Nous arrivons donc aux crédits, que je vous laisse organiser à vos souhait, seulement indiquer que le créateur du forum est Tinwë, merci!
    • Si il vous reste encore de la place, vous pouvez ajouter ou bon vous semble une navigation rapide, avec ces liens:
      http://swilikan.keuf.net/f1-table-des-lois (Charte)
      http://swilikan.keuf.net/f3-grande-bibliotheque (Contexte)
      http://swilikan.keuf.net/f4-annonces (Annonces)
      http://swilikan.keuf.net/f5-salles-senatoriales (Gestion)
    • Finalement, j'aimerai que e tout sois facilement modifiable! 9a)
      Merci!


    Couleurs ou tons : J'aimerai que le tout s'oriente vers le noir et le gris, même si j'aimerai que ce sois facilement modifiable si changement de thème il y a. (ce dont je ne doute pas =p)

    Images :
    • Image pour Tinwë (staff) ->
      Commande PA  Tinwe211
      Code:
      http://i42.servimg.com/u/f42/16/12/86/58/tinwe211.jpg
    • Image pour les autres membres du staff ->
      Commande PA  Noir210
      Code:
      http://i42.servimg.com/u/f42/16/12/86/58/noir210.jpg
    • Image pour les partenaires ->
      Commande PA  A10
      Code:
      http://i45.servimg.com/u/f45/11/95/30/70/a10.jpg
    • Image pour Topsites ->
      Commande PA  513
      Code:
      http://i45.servimg.com/u/f45/11/95/30/70/513.png


    Autres précisions :Oui! Merci à celui qui prendra la commande! =D


    Cordialement,
    Pontos -


    Dernière édition par Pontos le Jeu 17 Nov 2011 - 0:09, édité 1 fois
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Lun 14 Nov 2011 - 0:00

    Salut Pontos :) !

    Je veux bien prendre en charge ta commande mais je ne peux te donner de délais. Je ferais au plus vite. Sûrement dans le courant de la semaine en faite x)

    • Quelle est la largeur de ton forum ? [A trouver dans PA> Général> Configuration> Le chiffre plus bas]
    • Les séparations noirs que tu as fais doivent-elles apparaître ?


    Je te tiendrais au courant de l'avancement de ta Page d'Accueil Wink

    Bonne soirée~~
    Taktiik.

    Pontos
    Pontos
    MasculinAge : 30Messages : 23

    Lun 14 Nov 2011 - 23:29

    Hello!

    Merci de cette réponse rapide, même pas eu besoin de faire un seul up *o*

    Alors..

    • Le forum fait 900 pixels de largeur. =)
    • De préférence oui, bien qu'elles puissent être d'une autre couleur, telle le gris. =)


    Merci encore! =D

    Pontos -
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Lun 14 Nov 2011 - 23:32

    Merci de tes réponses =)

    Je commence ce soir et vais faire au maximum pour la boucler au plus vite Wink

    Cordialement~~
    Taktiik.

    Pontos
    Pontos
    MasculinAge : 30Messages : 23

    Mar 15 Nov 2011 - 0:07

    Plutôt, merci à toi d’exécuter ma commande! =)

    Janus -
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Mar 15 Nov 2011 - 23:20

    Des nouvelles, Oui ! Des nouvelles !

    Alors voilà, j'ai commencé donc ta Page Accueil hier soir mais n'ait malheureusement pas pu m'y pencher aujourd'hui >_<
    Cependant, j'ai encore du temps ce soir pour m'y mettre donc j'avance, doucement mais sûrement.
    J'ai fini la structure hier soir, c'est à dire l'os, maintenant je vais m'atteler à l'esthétique, puis au remplissage [Petit passage rapide sur ce qu'il me reste à faire pour que tu vois à peu près -^-^-]
    Désolé du délais que je prends mais ces deux jours sont les plus lourds, d'ici demain, ce sera amplement mieux ;D

    Désolé encore~~
    Taktiik.

    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Mer 16 Nov 2011 - 16:34

    Me voilà, me voili, me voilou =) !

    Alors voilà, j'ai fini ta page d'accueil [Et j'avoue avoir eu du mal à la finir parce qu'elle m'a donné du fil à retordre ~~]
    J'ai suivis tes indications au maximum et je pense avoir tout fait comme tu voulais.
    Si tu as des réclamations ou des question n'hésites surtout pas, je suis pas codeur pour rien x) [Tu as fait une commande, tu as le droit de "m'embêter" jusqu'à ce qu'elle soit comme tu veux Wink ]
    Voici ton rendu : Clic ici pour le voir

    Cordialement~~
    Taktiik.

    Pontos
    Pontos
    MasculinAge : 30Messages : 23

    Mer 16 Nov 2011 - 23:29

    Hello!

    Merci pour ta rapidité, c'est exactement ce que je voulait, hormis un truc. *_*
    Cet erreur ne vient pas de toi, mais de moi...
    Les images pour la staff sous ce format ne sont pas très... voilà, quoi.
    Je t'en ai donc fait des nouvelles, tu n'aura qu'à remplacer vite fait et ce sera parfait! *o*

    Commande PA  Hades810

    Code:
    http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg

    Commande PA  Empero10

    Code:
    http://i42.servimg.com/u/f42/16/12/86/58/empero10.jpg

    Celles-ci font 60*75!

    Merci! =D
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Mer 16 Nov 2011 - 23:37

    Voilà voilà, j'ai remplacé :) !

    Donc je suppose que je te donne les codes maintenant .... ou non, j'vais te faire frémir d'impatience Twisted Evil.
    Ceci était une blague \0/
    Enfin bref~~ Un peu de sérieux tout de même.

    Voici le code HTML de ta Page Accueil, à mettre dans PA> Affichage> Généralités> Message Accueil :



    Puis enfin, le code CSS à ajouter dans PA> Affichage> Images&Couleurs> Couleurs> Fiche de style CSS :



    Si tu as des questions, remarques ou réclamations, n'hésites pas.
    Si ce n'est pas le cas, penses à cocher le bouton "Résolu" dans ton premier post afin de faciliter le travail des modérateurs.

    Ravi d'avoir Aidé ~~
    Taktiik.

    Pontos
    Pontos
    MasculinAge : 30Messages : 23

    Mer 16 Nov 2011 - 23:57

    Alors..

    Merci, mais je n'arrive pas à l'installer comme il faut T_T

    Lien > http://swilikan.keuf.net/

    Code que j'ai copier/coller>

    Code:
    <table style="padding: 0px; background: #454545; text-align: center" valign="middle" width="100%" height="500px">
      <tr>
        <td colspan="2"><div class="titrepa" style="font-size:30px;">BIENVENUE, {USERNAME} !<br /><span style="font-size: 12px; line-height: normal"><a href="http://swilikan.keuf.net/f1-table-des-lois"> Charte </a> ~ <a href="http://swilikan.keuf.net/f3-grande-bibliotheque"> Contexte </a> ~ <a href="http://swilikan.keuf.net/f4-annonces"> Annonces </a> ~ <a href="http://swilikan.keuf.net/f5-salles-senatoriales"> Gestion </a></span></div>

            <div class="onglets">

                <span class="onglet_0 onglet" id="onglet_intro" onClick="javascript:change_onglet('intro');">Introduction</span>

                <span class="onglet_0 onglet" id="onglet_autre" onClick="javascript:change_onglet('autre');">Autres</span>

            </div><div class="systeme_onglets">

        </td>
      </tr>

      <tr>
        <td>
            <div class="contenu_onglets">

                <div class="contenu_onglet" alt="PREMOERONGLET"  id="contenu_onglet_intro">
     <table style="padding: 0px; text-align: center" valign="middle" height="320px" width="100%">
        <tr>
        <td width="50%" class="boxpa1"><div class="titrepa">Contexte</div><br />
            <em>Une pointe d’argent, véritable flambeau de lumière dans l’obscurité ambiante, reflétant la douce lumière des étoiles, franchit les ombres pour terminer sa course figée dans le bois centenaire. Un juron, véritable vacarme dans le lourd silence, accompagna le bruit sourd que produit le choc de l’argent contre le bois. L’entité, se mouvant avec délicatesse entre les grands troncs, s’élança à la poursuite de sa proie, prenant soin de n’utiliser que son ouï pour la repérer. Celle-ci, noir comme la nuit, à la crinière de flamme, s’élança dans la forêt afin d’échapper à son poursuivant, véritable fléau de la galaxie. La traque avait commencé et un seul de ces deux êtres pouvait en sortir vivant.</em>
    <a href="http://swilikan.keuf.net/t30-1-contexte-general" target="_blank">Lire la Suite ►</a>
        </td>

          <td width="50%" class="boxpa2"><div class="boxpa4"><div class="titrepa">Nouveautés</div>
            <span><marquee behavior="scroll" onmouseout="this.start();" onmouseover="this.stop();" direction="up" scrollamount="2" height="200">
    > <strong>Info FLASH !!</strong> Texte, Text, Tex, Te, T, ,</marquee></span>
        </div></td>
      </tr>
     </table>

                  </div>
        </td>

        <td>

                <div class="contenu_onglet" alt="SECONDONGLET" id="contenu_onglet_autre">

      <table style="padding: 0px; text-align: center" valign="middle" height="320px" width="100%"><tr><td width="50%" class="boxpa1"><div class="titrepa">Staff</div>
      <div style="margin:auto;text-align:center;width:100%"> <table width="100%"><tr><td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/empero10.jpg" />
              <span>Chancelier Suprême<br/>
                <strong>Tinwë</strong><br/>
                Gestion Administrative & RPG<br/>
    <a href="http://swilikan.keuf.net/privmsg?mode=post&u=2">Lui envoyer un M.P</a><br />
    <a href="http://swilikan.keuf.net/u2">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Vice-Chancelier<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Vice-Chancelier<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Vice-Chancelier<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td></tr>

    <tr><td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Garde du Sénat<br/>
                <strong>Vous?</strong><br/>
              --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Garde du Sénat<br/>
                <strong>Vous?</strong><br/>
              --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Sénateur<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Sénateur<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td></tr>

    <tr><td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Autre<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Autre<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Autre<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td>

    <td><div class="info" >
    <img src="http://i42.servimg.com/u/f42/16/12/86/58/hades810.jpg" />
              <span>Autre<br/>
                <strong>Vous?</strong><br/>
                --<br>

                  <a href="#">Lui envoyer un M.P</a><br />
    <a href="#">Voir son profil</a>
    </span></div></td></div>
              </td></tr></table>
    </td>
              <td width="50%" class="boxpa2">
            <div class="boxpa3"><div class="titrepa">Partenaires</div><br /><br />
    <select name="parto" onchange="javascript:window.location.href = this.options[this.selectedIndex].value;">
                <option value="#" selected="selected">Partenaires</option>
                <option value="#">Vous ?</option>
                <option value="#">Vous ?</option>
                <option value="#">Vous ?</option>
                <option value="#">Vous ?</option>
                <option value="#">Vous ?</option>
    </select><br /><br />
    </div>

        <div class="boxpa3"><div class="titrepa"><img src="http://i45.servimg.com/u/f45/11/95/30/70/513.png"> TopSites</div><br /><br />
    <select name="top" onchange="javascript:window.location.href = this.options[this.selectedIndex].value;">
                                    <option value="#">Top1</option>
                                    <option value="#">Top2</option>
                                    <option value="#">Top3</option>
    </select><br /><br />
    </div>
              </td>
            </tr>
          </table>
                      </div>
            </div>

        </div>

        </td>
      </tr>

      <tr>
        <td colspan="2" style="text-align: right;">
            (c) Page Accueil codé par <a href="http://www.never-utopia.com">Never Utopia</a><br />
            (c) Forum crée par Tinwë<br />
        </td>
      </tr>
    </table>

        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'intro';
                    change_onglet(anc_onglet);
            //-->
        </script>

    Code:
        /* ****PAGE ACCUEIL NU**** */
            /* Infobulle */
      div.info {
        position:relative; z-index:24;
        color:#000;text-decoration:none!important;
      }
     
      div.info:hover {
        z-index:25;
      }
     
      div.info span {
        display: none;
      }
     
      div.info:hover span {
        display:block; position:absolute;
        top:2em; left:2em; width: auto;
        background-color:#2b2b2b;
        border: 2px solid #cccccc;
        color:#cccccc; text-align: center; font-weight:none;
        padding:5px; width: 150px;
        -moz-box-shadow: 0px 0px 4px #000000; -webkit-box-shadow: 0px 0px 4px #000000; box-shadow: 0px 0px 4px #000000; -o-box-shadow: 0px 0px 4px #000000; -htm-box-shadow: 0px 0px 4px #000000;
        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px;
      } 

            /* Onglets */

      .onglet, .onglet_0, .onglet_1 {
        -moz-box-shadow: inset 1px 1px 8px #000000; -webkit-box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; -o-box-shadow: inset 1px 1px 8px #000000; -htm-box-shadow: inset 1px 1px 8px #000000;
        -moz-text-shadow: 1px 1px 2px #000000; -webkit-text-shadow: 1px 1px 2px #000000; text-shadow: 1px 1px 2px #000000; -o-text-shadow: 1px 1px 2px #000000; -htm-text-shadow: 1px 1px 2px #000000;
        -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; -o-border-radius: 0px 0px 10px 10px; -htm-border-radius: 0px 0px 10px 10px;
        background: #cccccc;
        border-left: 6px double #2b2b2b; border-bottom: 6px double #2b2b2b; border-right: 6px double #2b2b2b;
        color: #000000; font-size: 18px;
        width: 150px;
        display:inline-block;
        margin-right: 10px; padding:5px;
      }   


      .contenu_onglet {
        margin-top:-1px; padding:5px;
        display:none;
      }

            /* Titres&Boxs */

      .titrepa ,.titrepa a {
        -moz-text-shadow: 1px 1px 2px #000000; -webkit-text-shadow: 1px 1px 2px #000000; text-shadow: 1px 1px 2px #000000; -o-text-shadow: 1px 1px 2px #000000; -htm-text-shadow: 1px 1px 2px #000000;
        border-bottom: 6px double #cccccc;
        font-size: 24px; color: #2b2b2b; text-decoration: none!important;
      }

      .boxpa1, .boxpa2 {
        -moz-box-shadow: 1px 1px 8px #000000; -webkit-box-shadow: 1px 1px 8px #000000; box-shadow: 1px 1px 8px #000000; -o-box-shadow: 1px 1px 8px #000000; -htm-box-shadow: 1px 1px 8px #000000;
        border-bottom: 3px solid #cccccc; border-top: 3px solid #cccccc;
        margin: 0px;
      }
      .boxpa1 {
        border-right: 3px solid #cccccc;
        text-align: justify;
      }
      .boxpa2 {
        border-left: 3px solid #cccccc;
        text-align: center;
      }
      .boxpa3 {
        margin: 10px; margin-bottom: 20px;
        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px;
        -moz-box-shadow: 1px 1px 8px #000000; -webkit-box-shadow: 1px 1px 8px #000000; box-shadow: 1px 1px 8px #000000; -o-box-shadow: 1px 1px 8px #000000; -htm-box-shadow: 1px 1px 8px #000000;
        border: 3px solid #cccccc;
      }
      .boxpa4 {
        padding:5px;
        -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px;
        -moz-box-shadow: inset 1px 1px 8px #000000; -webkit-box-shadow: inset 1px 1px 8px #000000; box-shadow: inset 1px 1px 8px #000000; -o-box-shadow: inset 1px 1px 8px #000000; -htm-box-shadow: inset 1px 1px 8px #000000;
      }

    Alors, je ne sais pas si c'est moi, mais le contenue ne s'affiche pas.. T_T

    Désolé d'encore de déranger... >_>
    Taktiik
    Taktiik
    MasculinAge : 30Messages : 2292

    Jeu 17 Nov 2011 - 0:03

    Mais je suis à la ramasse ce soir hein e_e

    Désolé c'est moi qui ait fait l'idiot ;D

    Ajoutes ce qui suit ci-dessous dans PA> Modules> HTML & JAVASCRIPT> Gestion des Pages Javascripts.

    Tu en créer une, tu mets un titre au choix :" Onglet" pour mieux t'y retrouver ^^
    Tu coches sur l'Index.
    Et tu entres ceci :



    N'oublies pas de cocher "Oui" à cette question : "Activer la gestion des codes Javascript ?"

    Encore Désolé >_< ~~
    Taktiik.

    Pontos
    Pontos
    MasculinAge : 30Messages : 23

    Jeu 17 Nov 2011 - 0:08

    Ah *o*

    Merci, cette commande est bien terminé, milles fois merci pour ta rapidité! =D

    Merci!
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 14:20