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.


    Commande de catégories

    CREA
    CREA
    FémininAge : 36Messages : 109

    Dim 28 Oct 2012 - 13:01

    Bonjour ou bonsoir !

    Commande
    Elément à coder : Catégories
    Adresse du forum : http://www.creatioattia.com/
    Description du résultat voulu : Je pense avoir été précise dans les schémas... ^^' Ah oui, j'allais oublier, pour le nombre de message et le nombre de sujet, nous avions personnalisés cela en ' Chapitres' et en ' Paragraphes' si c'était possible de conserver cette modification. Autrement, pour les images menant au sous-forum, si elles sont réalisables bien sûr, j'aimerais donc qu'elles soient cliquetables mais qu'il soit aussi possible d'en rajouter si jamais... S'il n'est pas possible de les mettre dans la même disposition que sur le schéma, ce n'était pas grave.


    Catégorie seule , si le premier schéma est possible, sinon, le second mira très bien
    Spoiler:


    Vue ' groupée' , à mettre avec la précédente catégorie, bien sûr
    Spoiler:



    Couleurs ou tons : Pour le moment, je n'ai pas de design à cordonner avec, mais je sais modifier, un peu, les codes, du moment qu'il s'agit des couleurs , donc je vais donner celle du forum actuel. Ce qui est en blanc sur le schéma, quand il n'y a pas indiquer que c'est une image, sera de cette couleur : #47758A. Pour le fond en noir , ce serait celle -ci : #EFE2D2
    Images : Voici l'image pour le titre des catégories https://nsm05.casimages.com/img/2012/09/02/1209021020042602610273358.png
    Autres précisions : N'hésitez pas à demander s'il y a besoin de plus de détails, j'attends aussi que notre commande de design avance un peu, je viendrais mettre la commande à jour en fonction.

    Merci par avance à qui se penchera sur notre commande. ^^


    Dernière édition par CREA le Ven 9 Nov 2012 - 23:20, édité 1 fois



    Commande de catégories  100308074234260265591115
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Dim 28 Oct 2012 - 17:29

    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



    Commande de catégories  376864signichigo
    Anonymous
    Invité

    Dim 28 Oct 2012 - 17:43

      Hello,

      J'allais proposer de me lancer mais quelque chose me chiffonne : l'image pour le titre des catégories sera mise par tes soins (donc un grah avec nom + images) ou bien il faut positionner d'éventuelles images de nous-même en passant par le code ? =O

      Bonne soirée.
    CREA
    CREA
    FémininAge : 36Messages : 109

    Dim 28 Oct 2012 - 18:00

    Bonsoir,

    Déjà, merci de t'intéresser à ma commande.

    Pardon, mais j'ai du mal à comprendre ta question. ^^' Mais je n'ai sans doute moi-même pas été claire dans ma demande alors si tu parles du nom de catégorie sur les sous-forums, il sera mis en place par nous, soit en image, soit en codes, nous ne savons pas encore. Autrement, pour le 'vrai' nom de catégories, qui est indiquer sur le schéma par le titre avec les petits ronds à côté, ce sont des images et il faudrait prévoir un emplacement pour eux...

    Voilà je crois que j'ai répondu. =)



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Dim 28 Oct 2012 - 21:42

    Bon bon bon, j'ai saisi le truc, mais je n'arrive qu'à ça, donc je cède la place =/

    Bonne chance.
    CREA
    CREA
    FémininAge : 36Messages : 109

    Lun 29 Oct 2012 - 9:49

    Oh mais ça me va ! Ca me va vraiment ! ^^ Je prends, si tu veux bien ! Very Happy



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Lun 29 Oct 2012 - 11:32

      Pourtant il manque les arrondis, ça ne correspond pas exactement à ton schéma =O
      M'enfin si ça te va, voila les codes :

      ▬ Dans le CSS :
      Code:
                 
      width:150px;
      height:150px;
        text-align: center;
      background: #FFFFFF;
      border-radius:75px;
      -webkit-border-radius:75px;
      -moz-border-radius:75px;
        margin-left : 10px;
              }

      .titrecat{

        margin-left: -150px;}

      .colonne2{
                 
      width:150px;
      height:150px;
        text-align: center;
      background: #FFFFFF;
      border-radius:75px;
      -webkit-border-radius:75px;
      -moz-border-radius:75px;
        margin-left : 450px;
        margin-top: -90px;
              }

      .borduredescription{
        background-color: #FFFFFF;
        width: 300px;
        height:100%;
        border-radius : 5px;
      -webkit-border-radius : 25px;
      -moz-border-radius : 25px;
        margin-left: 150px;
        padding: 5px;
      }


      .bordureforum{
        background-color: #46758A;
        width: 800px;
        height:90px;
        border-radius : 5px;
      -webkit-border-radius : 25px;
      -moz-border-radius : 25px;
      }


      ▬ Dans le template Index-Box :

      Code:
      <table width="100%" border="0" cellspacing="0" cellpadding="2" 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">&nbsp;</td>
         </tr>
         <!-- END cathead -->
         <!-- BEGIN forumrow -->
         <tr class="bordureforum">
            
                <td><table width="100%" border="0" cellspacing="2">
        <tr>
          <td width="20%"><div class="colonne1"><br />
               <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                        <br /><span class="gensmall">{catrow.forumrow.LAST_POST}
                  <br /><br />
                        {catrow.forumrow.TOPICS} chapitres<br />
                        {catrow.forumrow.POSTS} paragraphes</span></div></td>
          <td width="80%"><h{catrow.forumrow.LEVEL} class="hierarchy">
                  <span class="forumlink">
                                        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="titrecat">{catrow.forumrow.FORUM_NAME}</div></a><br />
                  </span>
            </h{catrow.forumrow.LEVEL}>
            <span class="genmed"><div class="borduredescription">{catrow.forumrow.FORUM_DESC}</div></span>
               
            <div class="colonne2"><br /><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                    <script type="text/javascript">
                    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
                        </script>
              </div>

            </td>
        </tr>
      </table>
                      <br /><br />
             
               
            </td>
              </tr> 
               <br /><br />
         <!-- END forumrow -->
         <!-- BEGIN catfoot --><br /><br />
         <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 -->

      Je n'ai pas pensé à te demander les dimensions de ton forum, ce qui peut entraîner des décalages vis-à-vis de certains éléments. Si c'est le cas, que tu as des questions, ou que j'ai oublié quelque chose, n'hésites pas =)

      Bonne journée.
    CREA
    CREA
    FémininAge : 36Messages : 109

    Lun 29 Oct 2012 - 11:41

    Les arrondis, je crois que je peux me débrouiller ou essayer de les mettre moi-même. Very Happy Merci beaucoup d'avoir répondu aussi vite à ma commande en tout cas ! ^^

    Je vais poster tout ça sur le forum test et s'il y a un soucis, je reviendrais te demander. =)



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Lun 29 Oct 2012 - 11:44

      Bah les arrondis du cadre général ne veulent pas se mettre, pourtant j'ai utilisé le même code que pour les bulles ou la description de forum ... je comprends pas =/ Si tu trouves la solution, tiens-moi au courant s'il te plait, j'aimerai comprendre.

      Bon courage.
    CREA
    CREA
    FémininAge : 36Messages : 109

    Lun 29 Oct 2012 - 12:22

    Alors pour l'instant, je n'ai pas chercher pour l'arrondi mais... Il semblerait qu'il manque un bout de CSS, au début, et voilà ce que cela donne sur le forum test.



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Lun 29 Oct 2012 - 13:26

      En effet, il manque la première ligne de code, le nom de la balise -.-

      Il faut donc ajouter ceci au début du CSS :

      Code:
      .colonne1{

      Pardon u.u
    CREA
    CREA
    FémininAge : 36Messages : 109

    Lun 29 Oct 2012 - 18:56

    Pas grave, ça arrive !

    Du coup, pour les arrondis, j'ai mis une image mais.... je pense qu'il y a un soucis, vu le résultat, que voilà .

    Voilà ce que j'ai fait, peut-être une bêtise :
    Code:

    <table width="100%" border="0" cellspacing="0" cellpadding="2" 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 --><div style="background-image: url(http://img11.hostingpics.net/pics/410997cat.png);background-repeat: no-repeat;">{catrow.tablehead.L_FORUM}</div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
       <!-- 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 class="bordureforum">
         
              <td><table width="100%" border="0" cellspacing="2">
      <tr>
        <td width="20%"><div class="colonne1"><br />
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                      <br /><span class="gensmall">{catrow.forumrow.LAST_POST}
                <br /><br />
                      {catrow.forumrow.TOPICS} chapitres<br />
                      {catrow.forumrow.POSTS} paragraphes</span></div></td>
        <td width="80%"><h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="titrecat">{catrow.forumrow.FORUM_NAME}</div></a><br />
                </span>
          </h{catrow.forumrow.LEVEL}>
          <span class="genmed"><div class="borduredescription">{catrow.forumrow.FORUM_DESC}</div></span>
           
          <div class="colonne2"><br /><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  <script type="text/javascript">
                  jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
                      </script>
            </div>

          </td>
      </tr>
    </table>
                    <br /><br />
         
           
          </td>
            </tr>
            <br /><br />
      <!-- END forumrow -->
      <!-- BEGIN catfoot --><br /><br />
      <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 -->



    Commande de catégories  100308074234260265591115
    CREA
    CREA
    FémininAge : 36Messages : 109

    Jeu 1 Nov 2012 - 9:44

    Je me permet un petit up pour le soucis... Ou alors maintenant que j'ai le code, il faut que j'aille poser ma question dans la partie problème rencontré ?



    Commande de catégories  100308074234260265591115
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Jeu 1 Nov 2012 - 9:47

    Bonjour, non tu peut la poser ici puisque la commande est toujours là.



    Commande de catégories  376864signichigo
    CREA
    CREA
    FémininAge : 36Messages : 109

    Sam 3 Nov 2012 - 12:17

    Nouveau up, pour que la commande ne finisse pas aux archives.



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Lun 5 Nov 2012 - 13:17

      Je suis repassée sur ton forum test et je ne vois rien ... si le problème est bien celui dont tu m'as parlé par MP il faut que tu enlèves la division que tu as ajouté dans ton code. Ensuite tu vas dans "Général", "Catégories & Forum", tu devrais avoir ce genre de schéma :

      Spoiler:

      Tu cliques sur l'icône "Modifier" de la ligne encadrée en marron, puis, au lieu de mettre le nom de ta catégorie, tu mets :

      Code:
      <img src="LIENIMAGECATEGORIE">

      Avec le lien de l'image du nom de catégorie.
    CREA
    CREA
    FémininAge : 36Messages : 109

    Lun 5 Nov 2012 - 18:45

    Alors, j'ai bien enlever la division rajoutée dans le code, j'ai remis ton code de départ, j'ai mis l'image dans le nom de la catégorie et voilà ce que ça donne...



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Lun 5 Nov 2012 - 19:31

    Tu es sûre d'avoir enlevé la division ? Parce que dédoublée ce n'est pas normal ... et il ne doit pas y avoir de texte dans ton champs de titre, il faut enlever le "Préquelle".
    CREA
    CREA
    FémininAge : 36Messages : 109

    Mar 6 Nov 2012 - 11:37

    C'est fait, j'ai enlever le texte, j'ai recopier le code template que tu m'as donnée , mais c'est toujours pareil.... Voilà le template :
    Code:

    <table width="100%" border="0" cellspacing="0" cellpadding="2" 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 class="bordureforum">
         
              <td><table width="100%" border="0" cellspacing="2">
      <tr>
        <td width="20%"><div class="colonne1"><br />
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                      <br /><span class="gensmall">{catrow.forumrow.LAST_POST}
                <br /><br />
                      {catrow.forumrow.TOPICS} chapitres<br />
                      {catrow.forumrow.POSTS} paragraphes</span></div></td>
        <td width="80%"><h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="titrecat">{catrow.forumrow.FORUM_NAME}</div></a><br />
                </span>
          </h{catrow.forumrow.LEVEL}>
          <span class="genmed"><div class="borduredescription">{catrow.forumrow.FORUM_DESC}</div></span>
           
          <div class="colonne2"><br /><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  <script type="text/javascript">
                  jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
                      </script>
            </div>

          </td>
      </tr>
    </table>
                    <br /><br />
         
           
          </td>
            </tr>
            <br /><br />
      <!-- END forumrow -->
      <!-- BEGIN catfoot --><br /><br />
      <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 -->



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Mar 6 Nov 2012 - 15:17

      J'ai recopié ton template et ça fonctionne sur le mien, en ajoutant ton image dans le nom de catégorie : ici.

      Après pour le nom de catégorie, il faudra l'ajouter sur ton image, avec un logiciel. Mais elle ne doit pas être répétée dans le nom de ton sous-forum ... c'est cette image qui casse tout je pense. Pour le sous-forum il faut mettre le nom de celui-ci, non pas l'image.
    CREA
    CREA
    FémininAge : 36Messages : 109

    Mer 7 Nov 2012 - 10:27

    Le soucis est résolu, merci.



    Commande de catégories  100308074234260265591115
    Anonymous
    Invité

    Mer 7 Nov 2012 - 13:56

    Pourtant quand je passe sur ton forum test il reste des anomalies =$
    M'enfin, si tu es sûre de toi, penses à éditer ton premier message pour y apposer l'icône "Terminé".

    Bon courage.
    CREA
    CREA
    FémininAge : 36Messages : 109

    Ven 9 Nov 2012 - 23:19

    Hé bien une fois poster sur le forum 'vrai', tout est nickel, donc oui, je considère que c'est bon. Very Happy



    Commande de catégories  100308074234260265591115
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Sam 10 Nov 2012 - 9:21

    Je déplace.



    Commande de catégories  376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Jeu 9 Mai 2024 - 20:23