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.


    [Final-Blonde] Commande catégories forum :3!!

    Kyle Kaminari
    Kyle Kaminari
    MasculinAge : 28Messages : 56

    Mer 29 Fév 2012 - 1:48

    Rappel du premier message :

    Commande
    Elément à coder : Catégorie de forum ^^
    Adresse du forum : http://shattered-emblem.forum-canada.com/
    Description du résultat voulu :
    Spoiler:
    Alors pour les autres dimensions, je laisse carte blanche ._. puisque ça sera ..modifiable de toute façon plus tard :)
    Couleurs ou tons : Les tons seront les suivant : Le gris et le bleu à prioriser :)! L'écriture quant à elle sera foncé donc on va y aller pour le noir (pour l'instant) ^^. Pour être plus précis, le contour sera gris foncé mais fin et de même pour l'écriture. Au niveau du fond, j'aimerais qu'il soit bleu pâle... mais un bleu légèrement donnant sur le gris . (Au pire je le changerais manuellement)
    Images : Dans le cercle, il y aura une image ayant la taille : 100x120 . À laisser vider pour l'instant ou mettre une image comme prototype.
    Autres précisions : Un grand merci Very Happy
    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Sam 7 Avr 2012 - 16:47

    Kyle Kaminari, pourrais-tu faire un schéma complet, comprenant TOUT (couleurs, barres, formes, libellés, etc) ce que tu voudrais et où tu le voudrais ?
    Plus tu es précis dans ta commande, plus tu l'obtiendras rapidement.
    Je ne peux pas désirer telle ou telle chose à ta place, ni avancer dans le flou de tes explications.


    Dernière édition par Final-Blonde le Sam 7 Avr 2012 - 16:48, édité 1 fois
    Kyle Kaminari
    Kyle Kaminari
    MasculinAge : 28Messages : 56

    Sam 7 Avr 2012 - 16:48

    Aucun trouble ^^ je ferais le schéma le plus rapidement possible ^^' pardon encore du manque de clarté de mes informations.
    Kyle Kaminari
    Kyle Kaminari
    MasculinAge : 28Messages : 56

    Sam 7 Avr 2012 - 17:40

    Désolé du double poste ... au final nous avons décidé de prendre seulement les forums. Voici donc le schéma avec les couleurs et tout ce qu'il contient :

    https://nsa21.casimages.com/img/2012/04/07/120407054852984706.png

    Spoiler:

    Dans le fond, c'est comme si on n'ajoutait que la ligne où le nom du forum est marqué et une image circulaire de dimension 100x100 à coté.

    Concernant la case : Nouveau/ancien message, ça serait une image comme d'habitude qui changerait tout simplement lorsqu'il y aurait un nouveau message, un ancien ou un lock.

    J'espère maintenant que le tout sera un peu plus clair u.u, pardon des inconvénients.

    Concernant les bordures, ils seraient de 1 px

    Merci encore de ta patience
    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Lun 9 Avr 2012 - 1:06

    Je te poste rapidement le tuto avant d'aller Sleep ^^

    Finalement aligner le tire avec l'image du forum s'est avéré une petite prouesse, car l'image est comprise dans la variable de la description et les séparer n'est pas chose aussi aisée...

    Il faut tout d'abord commencer par les titres des forums et les inclure dans une balise "span" (qui es en-ijgne, inline et non un bloc qui induirait un saut de ligne):
    Code:
    <span class="forastitle">TITRE DU FORUM</span>

    Ensuite les descriptions de forum que nous devons mettre dans un tableau afin qu'elles se détachent de leur image.
    Donc dans la description du forum :
    Code:
    <table align="center"><tr><td align="center" valign="middle">
    <br /><br /><div class="descrip" align="center">
    Test test test test test test test<br />
    Test test test test test test test<br />
    Test test test test test test test<br />
    Test test test test test test test<br />
    Test test test test test test test<br />
    Test test test test test test test<br />
    Test test test test test test test
    </div>
    <br />
    </td></tr></table>
    Ici le tableau contient aussi un bloc "div".
    Il te suffira de copier coller ce code dans tous tes forum et de ne remplacer que le contenu "test".

    Dans le template je pense que tu pourras t'y retrouver sans trop difficulté tout étant plus ou moins en place, afin que tu puisses ajouter le titre des catégories par exemple en te référant au tamplate par défaur:
    Code:
    <table width="89%" border="0" cellspacing="0" cellpadding="1" 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 width="89%" border="0" cellspacing="0" cellpadding="3" style="margin-top: 10px;"><tr>
    <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">  </th>
    <th nowrap="nowrap" width="50"></th>
    <th nowrap="nowrap" width="50"></th>
    <th nowrap="nowrap" width="150"><div style="width:150px;"></div></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">
    </span>
    </h{catrow.cathead.LEVEL}>
    </td>
    <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
    </tr></table>
    <!-- END cathead -->
     
    <!-- BEGIN forumrow -->
    <table class="forumline" width="89%" border="0" cellspacing="1" cellpadding="3" style="margin: 4px;">
    <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" style="padding: 4px;">
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </td>
     
    <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
    <table><tr>
    <td align="center" valgn="middle">
    <span class="rondo">
    <h{catrow.forumrow.LEVEL} class="hierarchy">
    <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    </h{catrow.forumrow.LEVEL}>
    <span class="genmed">
    {catrow.forumrow.FORUM_DESC}
    </span>
    </span> 
    <span class="gensmall">
    <!-- BEGIN switch_moderators_links -->
    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
    <!-- END switch_moderators_links -->
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
    </span>
    </td>
    </tr></table>
    </td>
     
    <td class="row3" align="center" valign="middle" height="50" style="width: 50px; padding: 3px;">
    <span class="gensmall">{catrow.forumrow.TOPICS}</span><br />
    <span class="gensmall">sujet(s)</span>
    </td>
     
    <td class="row2" align="center" valign="middle" height="50" style="width: 50px; padding: 3px;">
    <span class="gensmall">{catrow.forumrow.POSTS}</span><br />
    <span class="gensmall">post(s)</span>
    </td>
     
    <td class="row3 over" align="center" valign="middle" height="50">
    <table align="center" style="width: 150px; padding: 3px;"><tr><td align="center" valign="middle">
    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
    </td></tr></table>
    </td>
     
       </tr>
       <!-- 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 -->

    Quant au CSS, il est relativement simple :
    Spoiler:

    J'ai utiliser une image ronde de 100x100px sur un fond transparent de 100x100px aussi, placée dans le champ-image au-dessus de la description du forum.


    Voilà, installe déjà ceci, et je reste à ta disposition en cas de question ou de modification.
    Kyle Kaminari
    Kyle Kaminari
    MasculinAge : 28Messages : 56

    Lun 9 Avr 2012 - 18:47

    Bonjour,merci énormément!!!!!!! Very Happy

    Par contre... euh.. pardon de la question qui va surement sembler stupide ^^' mais es-ce que c'est bien dans le template viewforum_body qu'il faut faire les changements que tu as fait? C'est simplement afin d'être certain ^^
    Merci d'avance ^^
    Final-Blonde
    Final-Blonde
    FémininAge : 100Messages : 144

    Lun 9 Avr 2012 - 19:56

    Aucune question est stupide, t'inquiète. Ce serait de ne pas la poser qui te laisserait stupide... ^^

    Nope, et excuse-moi de ne pas l'avoir spécifié, c'est le template >> Général > index_box
    Kyle Kaminari
    Kyle Kaminari
    MasculinAge : 28Messages : 56

    Lun 9 Avr 2012 - 20:10

    Merci énormément et aucun trouble :)!
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Lun 16 Avr 2012 - 8:50

    Bonjour la commande est elle terminée?



    [Final-Blonde] Commande catégories forum :3!! - Page 2 376864signichigo
    Kyle Kaminari
    Kyle Kaminari
    MasculinAge : 28Messages : 56

    Mar 17 Avr 2012 - 2:44

    Oui, terminée, merci énormément Very Happy!!
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 29 Avr 2012 - 14:27

    Bien je déplace.



    [Final-Blonde] Commande catégories forum :3!! - Page 2 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Ven 10 Mai 2024 - 10:12