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 du moment : -29%
DYSON V8 Origin – Aspirateur balai sans fil
Voir le deal
269.99 €

    Mise en forme des catégories et forums

    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Mar 13 Nov 2012 - 20:22

    Bonsoir. :)

    Je remercie d'avance la personne qui voudra bien se charger de ma commande.

    Commande
    Elément à coder : La mise en forme des catégories et des forums et sous-forums.
    Adresse du forum : http://under-graph.forumactif.fr/
    Description du résultat voulu : Schéma 1 - Schéma 2
    Les liens vers les sous-forums doivent se trouver entre le bloc pour le texte de présentation de la catégorie et entre la bordure qui entoure le bloc complet, donc sur l'espace rose clair, en violet comme le reste. Les blocs doivent être plus petits, (du moins celui de gauche) pareil pour les dimensions des textes par exemple, il faut que ce soit pas très grand et esthétique. ^^
    Couleurs ou tons : Le texte est en Times New Roman, pour la couleur c'est #594397 et la taille 13 environ, mais sinon vous pouvez choisir Georgia en 12 environ. Pour le fond rose clair, c'est #edddd8 et pour la bordure c'est #bca9d9.
    Images : Le fond en bois rose: http://d22.e-loader.net/6KLx4SZpZq.png
    Les boutons new, no new et lock: http://d16.e-loader.net/KrP6tAYjFa.png
    http://d3.e-loader.net/PVT0qO03D0.png
    http://d28.e-loader.net/QewH5VGNOS.png
    Autres précisions : Pour le titre de catégorie, c'est Times New Roman en noir taille 30/35 environ. Pour le titre, vous avez remarqué qu'il est à gauche et sur le second schéma à droite. Lorsque la souris passe sur le titre, il doit se déplacer lentement vers la droite. Wink
    Il faut aussi que les deux cadres font maximum 750 pixels car c'est la taille du corps du forum. D'ailleurs ne faites pas attention au thème, je suis en train de le changer donc.. XD

    Merci d'avance & bonne soirée. :3
    Klash
    Klash
    MasculinAge : 44Messages : 20653

    Mer 14 Nov 2012 - 18:13

    La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
    ▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
    ▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine



    Mise en forme des catégories et forums 376864signichigo
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Jeu 15 Nov 2012 - 19:24

    Merci Klash. :3
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Dim 18 Nov 2012 - 18:00

    Petit up. : )
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Mer 21 Nov 2012 - 16:43

    Up. ^^
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Mer 28 Nov 2012 - 23:28

    Coucou ♥

    Si tu le souhaites je veux bien réaliser ta commande.
    Bisous !



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Dim 2 Déc 2012 - 16:08

    Coucou,

    Me voilà avec un premier essai, je t'avoue je me suis fait plaisir donc j'espère que ça te plaira !
    Mise en forme des catégories et forums Captur10
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Dim 2 Déc 2012 - 22:08

    Bonsoir,

    Excuse moi du Double Post mais tu peux maintenant voir le rendu amélioré de l'essai sur mon fow de test :
    http://ocelline-testdesign.forumactif.org/

    Bisous.



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Mer 5 Déc 2012 - 14:19

    Bonjour,

    Puis-je avoir des nouvelles de votre demande :smile: ?
    Merci.
    Bonne journée !



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Mer 5 Déc 2012 - 21:18

    Bonsoir,

    Excuse-moi de ne pas être passée. D:
    Je te remercie de t'occuper de ma commande, çà me fait très plaisir. *-*
    Est-ce que tu peux apporter des modifications ? :)
    Dans ce cas, j'aimerais bien que les deux blocs soit de la même hauteur, & faire en sorte que çà ressemble un peu plus au schéma ? *-*

    Merci d'avance Wink

    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Mer 5 Déc 2012 - 22:24

    Coucou,

    Bien sûr que je peux apporter des modifications, on va dire que je me suis emportée :smile;

    Donc pour les deux blocs je vais essayer mais ce n'est pas gagner, sinon pour la ressemblance au niveau du schèma, tu veux que j'améliore quel point ?
    - Que je bascule le bouton dans le bloc de départ ?
    - Que j'enlève le soulignement du titre des caté' ?

    Vas-y je t'écoute :smile:



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Jeu 6 Déc 2012 - 20:31

    Bonsoir,

    Que tu bascules le bouton dans le bloc de départ et après çà sera top ! :)


    Bonne soirée !
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Jeu 6 Déc 2012 - 21:52

    Bonsoir,

    Voilà voilà : http://ocelline-testdesign.forumactif.org/

    Bonne nuit à toi !



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Ven 7 Déc 2012 - 11:44

    Merci c'est super :)
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Ven 7 Déc 2012 - 15:50

    Hey,

    Alors voilà les codes pour que tu puisses tout installer sur ton forum :smile:

    Template index-box :

    Code:
    <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
      <tr>
          <td valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <span class="gensmall">{LAST_VISIT_DATE}<br />
            {CURRENT_TIME}<br />
            </span>
            <!-- END switch_user_logged_in -->
            <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
          </td>
          <td class="gensmall" align="right" valign="bottom">
            <!-- BEGIN switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
            <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
            <!-- END switch_user_logged_in -->
            <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
          </td>
      </tr>
    </table>
    <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
         
         
      </tr>
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
            <h{catrow.cathead.LEVEL} class="hierarchy">
                <span class="cattitle">
                  <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                  </span>
            </h{catrow.cathead.LEVEL}>
          </td>
          <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
      </tr>
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><span class="gensmall"><div class="border1">{catrow.forumrow.LAST_POST}
            <br> Il y a {catrow.forumrow.TOPICS} Sujet &{catrow.forumrow.POSTS} Messages
            </br>
     

            <div class="imgfolder"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            </div>
       
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
            <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
             
            </h{catrow.forumrow.LEVEL}
                       
                      <span class="genmed"> <div class="catcontenu">{catrow.forumrow.FORUM_DESC}
    <div class="linkcat">
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div> </div>


                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->

           
     
      <!-- END forumrow -->
      <!-- BEGIN catfoot -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
      </tr>
      <!-- END catfoot -->
      <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

    Code CSS :
    Code:
    /*SUPPRESSION DU SOULIGNEMENT */
    a {text-decoration: none;}
    a:link {text-decoration: none;}
    a:hover {text-decoration: none!important;}
    a.forumlink {text-decoration: none;}
    a.forumlink:hover {text-decoration: none!important;}
    a.topiclink {text-decoration: none; }
    a.topiclink:hover {text-decoration: none!important; }






    /*Catégorie de K'aya*/

    .border1{
    background-image:url('http://d22.e-loader.net/6KLx4SZpZq.png');
     width:250px;
      height:100px;
      border: 1px solid #bca9d9;
      display:run-in;
      padding-top:20px;
     
     
    }

    .imgfolder{
    float:right;
    width:50%;
    margin-top:-35px;
    clear:right;
      margin-right:-30px;
     
    }

    .textfolder{
     padding:15px;
    }

    .catcontenu{
    background-image:url('http://d22.e-loader.net/6KLx4SZpZq.png');
     width:450px;
      height:150px;
      border: 1px solid #bca9d9;
      display:run-in;}

     
      .cati{
     
      border-bottom:5px solid purple;
      border-radius:5px 5px 5px;
      width:450px;
     
    }

    .linkcat{
    margin-left:20px;
    margin-bottom:100%;
     font-family:Times News Romans;
    }



    .continterne{
      background-color:#edddd8;
      border:1px solid #bca9d9;
      height:110px;
      margin-top:15px;
      margin-left:15px;
     margin-right:15px;
      overflow:scroll;
     
    }

    .textinterne{
      margin-left:15px;
      text-align:center;
     
    }

    .forumlink{
    display: block;
    font-size:35px;
     text-align:left;
    font-style:italic;
      text-shadow: black 1px 1px 3px;
      font-family:Times News Romans;
      color:purple;
      margin-bottom:-25px;
      width:600px;
    transition: all 2s; /* Durée de la transition, mettez les mêmes valeurs partout, ça sera plus facile */
    -moz-transition: all 2s;
      -webkit-transition: all 2s;
    }

    a.forumlink:hover{
      margin-left: 255px; /* Décalement ( nombre de px à décaler pour l'arrivée)*/
    transition: all 2s;
    -moz-transition: all 2s;
    -webkit-transition: all 2s;
     
    }
     

    Code à mettre dans les descriptions :
    Code:
    <div class="continterne"> <div class="textinterne">Blabla </div></div>

    Voilà voilou !



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Dim 9 Déc 2012 - 19:03

    Merci :)
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Dim 9 Déc 2012 - 19:41

    De rien, n'oublie pas de me créditer et de mettre l'icon "terminé" pour qu'un modo puisse déplacer :smile:



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    K'Aya
    K'Aya
    FémininAge : 25Messages : 427

    Lun 10 Déc 2012 - 20:31

    Bonsoir,

    J'avais passé deux commandes: une à un ami et une à toi.
    Finalement je préfère quand même sa version.
    J'espère que çà ne te gêne pas si j'utilise la sienne ? D:

    Excuse-moi vraiment.

    Bonne soirée
    Sélène
    Sélène
    FémininAge : 26Messages : 321

    Lun 10 Déc 2012 - 21:34

    Bonsoir,

    Ce n'est pas que cela me gène mais je ne trouve pas cela très poli, tout simplement parce ça donne l'impression que tu n'as pas confiance en nos services et de deux que j'ai passé du temps sur une commande pour rien, encore si tu l'utilisez à un autre moment, O.K mais la non niet.
    Ceci dit je n'y peut rien donc je vais pas te faire une tinette mais je te conseille vivement de ne pas refaire ça.
    Sur ce, bonne continuation.
    Et bonne soirée.



    Mise en forme des catégories et forums 469642signselene

    Thanks père nono ou mère nono anonyme
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Mer 12 Déc 2012 - 23:31

    Bonsoir ^^

    Malgré le "dérapage", la commande est-elle terminée ? :)

    Vous est-il possible, si c'est le cas, de mettre le bouton ? ^^

    Merci ^^
    Angelusia
    Angelusia
    FémininAge : 39Messages : 1159

    Ven 28 Déc 2012 - 22:16

    Pas de réponse.

    J'archive.
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 23:24