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 :
Funko POP! Jumbo One Piece Kaido Dragon Form : où l’acheter ?
Voir le deal

    De Jolies Catégories/Sous-forums !

    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Jeu 19 Déc 2013 - 5:34

    Commande Terminée




    Elément à coder : Catégories - Sous-forums

    Adresse du forum : http://hokkaidocity-fantasy.forumgratuit.org/

    Description du résultat voulu :

    Alors voilà. Tout d'abord, merci aux personnes qui prendront le temps de lire ma commande.
    Deuxièmement, j'ignore si c'était bien dans cette catégorie que je devais le poster.
    Si non, je m'en excuse.

    En fait, j'aimerais avoir une présentation des catégories et sous-forum plus jolies que celles de base. Je ne sais malheureusement pas quoi exactement car même si je suis débutante dans le codage, je reste très médiocre et n'y connait absolument rien en codage de catégorie.

    J'aimerais pouvoir conserver les images que j'ai pour chaque catégorie. J'ai la possibilité de les réduire si nécessaire mais j'aime qu'elles soient belles et visibles. J'aimerais que le texte du nom des catégorie soit un peu chevauché comme sur ce forum  http://brokenwonderland.forumactif.org/
    J'aimerais des catégories du même genre mais où je peux mettre mon image et qu'il n'y a pas le scroll sur la droite en cas de grandes descriptions. Si l'image "Nouveau message" et "pas de message" peuvent aussi chevaucher la catégorie comme dans le forum cité en haut, ce serait super mais en moins petit. Et j'aimerais vraiment que ce soit comme sur ce forum au niveau de la séparation des forums car sur le mien, il y a des traits grossiers entre chaque et c'est vraiment pas beau.

    Voilà, je pense avoir tout dit.
    Si c'est trop flou, dites le moi.

    J'espère que c'est réalisable ^^

    Petit Edit : J'ai trouvé une idée bien précise de ce que je veux en fait ! Schéma à venir très prochainement !

    - Schéma : https://2img.net/r/hpimg15/pics/739356schema.png

    Bon, mon schéma est médiocre, mais je n'avais pas de souris, je l'ai fait au Pad et l'exemple imagé est vite fait et tout nul. Mea Culpa. Mais, je ne veux pas que les bordures soient aussi larges. 1px me va parfaitement ! Et pour le nom du forum qui empiète sur l'image, ce serait le même système que montré sur le forum cité plus haut. Je ne veux plus qu'il y ai le panneau blanc avec des cases (le truc de base) mais que ce soit, soit un fond uni, soit rien ^^. Voilà, j'espère que c'est plus clair ainsi !

    Couleurs ou tons : Eh bien, dans les tons du design actuel du forum pour que ça se marie bien, et que je puisse le modifier lors de mon changement de design ^^ (je gère assez bien le CSS et HTML donc pas de soucis pour moi)

    Images : J'ai déjà des images pour chaque sous-forums. J'aimerais avoir à ne pas trop les rétrécir. Mais je peux largement les modifier (arrondir ou autre j'ai un bon niveau graph')

    Autres précisions : [Merci infiniment à la personne qui prendra le temps de tout lire et de me répondre !


    Dernière édition par Tsuki Matsu le Jeu 30 Jan 2014 - 18:23, édité 1 fois



    De Jolies Catégories/Sous-forums ! Signan10
    Neva
    Neva
    FémininAge : 32Messages : 18565

    Jeu 19 Déc 2013 - 14:38

    Salut,

    Tu es au bon endroit et, avec le schéma, on a toutes les infos nécessaires alors je valide !

    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 et archivée au bout de 10 jours supplémentaires sans réponse
    ▬ nous rappelons que l'aide devra être créditée vers Never Utopia



     
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Dim 22 Déc 2013 - 1:10

    Merci beaucoup ! Petit up par la même occasion :)



    De Jolies Catégories/Sous-forums ! Signan10
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Ven 27 Déc 2013 - 15:49

    Up svp :3



    De Jolies Catégories/Sous-forums ! Signan10
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Lun 6 Jan 2014 - 5:44

    Up s'il vous plaît :c



    De Jolies Catégories/Sous-forums ! Signan10
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Jeu 9 Jan 2014 - 2:22

    Up D:



    De Jolies Catégories/Sous-forums ! Signan10
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Mar 21 Jan 2014 - 8:46

    Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
    Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici une semaine.



    De Jolies Catégories/Sous-forums ! 376864signichigo
    HeleneM
    HeleneM
    FémininAge : 30Messages : 195

    Jeu 23 Jan 2014 - 13:18

    Si tu repasse par là Tsuki, je veux bien prendre ta commande.

    Par contre je posterais ici ou dans le libre service ?



    "La normalité n'existe pas, la différence est la voie de la raison"
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Mar 28 Jan 2014 - 5:15

    Bonjour !!! Ma commande est toujours d'actualité !! Merci infiniment !
    Non j'aimerais que ce soit ici :3



    De Jolies Catégories/Sous-forums ! Signan10
    HeleneM
    HeleneM
    FémininAge : 30Messages : 195

    Mar 28 Jan 2014 - 16:48

    ok, j'ai commencé les modifications, tu peux suivre où ça en est, sur mon forum de test http://testcss.forumpro.fr

    edit : et voilà, dit moi ce que tu en pense, ne fait pas attention aux couleurs.



    "La normalité n'existe pas, la différence est la voie de la raison"
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Mar 28 Jan 2014 - 17:48

    C'est pas mal du tout ! C'est un plutôt bon rendu ! Je suis désolée j'ai un soucis sur mon forum actuellement qui fait que mes images de sous forums ont disparues. Je vais le remettre très prochainement.
    En revanche, mon schéma n'était pas assez précis, j'aimerais si possible que le cercle écrivant le dernier sujet soit un plu plus chevauchée sur l gauche si tu vois ce que je veux dire. Sinon c'est quasiment exactement ce que je recherche Very Happy
    Merci encore infiniment de t'occuper de ma commande.



    De Jolies Catégories/Sous-forums ! Signan10
    HeleneM
    HeleneM
    FémininAge : 30Messages : 195

    Mar 28 Jan 2014 - 18:24

    de rien ^^
    donc tu veux le disque de dernier message chevauché ok, mais au dessus ou en dessous du reste ?

    par contre, je ne sais pas si tu as fait attention, mais il faudra que tu rajoute les liens des sous-forums manuellement via la description des forums.

    edit : et la taille des images new, no new, ça va ? Parce qu'il faut adapter le codage à la taille.



    "La normalité n'existe pas, la différence est la voie de la raison"
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Mar 28 Jan 2014 - 20:10

    Je viens de jeter un oeil à nouveau sur le forum test, et la superposition du disque de dernier message est parfaite ainsi !
    Je devrai rajouter les liens de sous-forum manuellement, d'accord, pas de soucis, ça m'arrange même comme ça je pourrai les disposer comme je le souhaite ^-^
    Merci encore, je suis tellement contente que quelqu'un puisse donner suite à ma demande ! <3

    Edit : Et oui la taille des images de news et no news est parfaite :3



    De Jolies Catégories/Sous-forums ! Signan10
    HeleneM
    HeleneM
    FémininAge : 30Messages : 195

    Mar 28 Jan 2014 - 20:23

    Très bien alors voilà :
    Le css
    Code:
    /*DEBUT - TEMPLATE INDEX_BOX*/

    /*affichage des catégories*/
    .forumline .categorie1{
      width: 800px !important; /*largeur*/
    }

    /*titre catégories*/
    .secondarytitle h2{
      font-family: Times New Roman !important; /*type de police*/
      font-size: 20px !important; /*taille de police*/
    }

    /*affichage des forums*/
    .forum1{
      width:800px; /*largeur*/
      clear:both;
    }

    /*image new, no new, lock*/
    .img_forum{
      width:133px; /*largeur*/
      height:200px; /*hauteur*/
      float:left; /*position*/
      left:120px;
      position:relative;
      z-index:10;
      border-radius:100px; /*coins arrondis*/
      border:1px solid white; /*bordures*/
      margin:2px;
    }

    /*titre de forum*/
    .forumlink{
      display:inline-block;
      margin-top:20px;
      position:relative;
      z-index:9;
      top:3px;
    }

    /*image du forum*/
    .descr_forum img{
      border: 1px solid white; /*bordures*/
      width:500px;
      height:110px;
      border-radius:60px;
      position:relative;
      z-index:8;
      float:left !important;
      overflow:hidden;
      right:50px;
    }

    /*afficha du dernier message*/
    .der_mess{
      background: white;
      float:right;
      border:1px solid white;
      border-radius:75px;
      width:150px;
      height:100px;
      padding-top:50px;
      overflow:hidden;
      position:relative;
      top:35px;
      right:90px;
      z-index:9;
    }


    /*FIN - TEMPLATE INDEX_BOX*/

    /*DEBUT - DESCRIPTION FORUM*/
    /*description du forum*/
    .descr1{
      float:left;
      width:410px;
      height:90px;
      overflow:hidden;
      border-radius:40px;
      border:1px solid white;
      position:relative;
      left:86px;
    }
    .descr2{
      width:350px;
      height:58px;
      overflow:auto;
      margin-right:33px;
      margin-top:4px;
    }

    /*affichage des sous forums, il faudra ajouter les liens manuellements dans la description des forums*/
    .ss_forums{
      width:350px;
      height:28px;
      overflow:auto;
      margin-right:33px;
    }
    /*FIN - DESCRIPTION FORUM*/

    Le 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 --><center><div class="forumline categorie1">
          <div class="secondarytitle titre_cat"> {catrow.tablehead.L_FORUM} </div>
       <!-- END tablehead -->
       <!-- BEGIN cathead -->
          <!-- BEGIN inc -->
          <div class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></div>
          <!-- END inc -->
          <div 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}>
          </div>
          <div class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</div>
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
          <!-- BEGIN inc -->
          <div class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></div>
          <!-- END inc -->
    <center><div class="forum1">
      <img class="img_forum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
          <div class="forumlink forum_cadre1">
             <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
          </div>
          </h{catrow.forumrow.LEVEL}>
      <span class="gensmall der_mess">{catrow.forumrow.LAST_POST}</span>
      <span class="genmed descr_forum">{catrow.forumrow.FORUM_DESC}</span>
      <br clear="left"/>


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

    description des forums (dans modifier un forum) :
    Code:
    <div class="descr1">
       
       <center>
          
          <div class="descr2">
              texte de description
          </div>
          
          <div class="ss_forums">
              <a href="">lien de sous-forums</a>
          </div>
          
       </center>
    </div>

    Ne pas oublier de mettre une image, dans la partie prévue pour "adresse de l'image".

    N'oublie pas de me créditer ainsi que NU.
    Bonne continuation.

    Si tu as d'autres questions, je reste dans les parages.



    "La normalité n'existe pas, la différence est la voie de la raison"
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Mar 28 Jan 2014 - 22:46

    Merci beaucoup, je ne suis pas chez moi actuellement alors je vais voir ça plus tard quand je serai rentrée.
    Dois-je remplacer la totalité du template index_box ou juste une parte ?
    Et pour le CSS il peut être placé n'importe où dans la feuille ? Car j'ai déjà énormément de lignes CSS.

    Merci infiniment !

    EDIT : Par contre étant donné que je suis très nulle dans ce genre de codage, pourrais-tu m'indiquer où est-ce que je peux changer de couleur la police et choses comme ça s'il te plaît ?

    Et pour les crédits, bien évidemment, j'ai déjà crédit NU sur mon forum pour quelques codes empruntés :3 Je te rajouterai ^^



    De Jolies Catégories/Sous-forums ! Signan10
    HeleneM
    HeleneM
    FémininAge : 30Messages : 195

    Mer 29 Jan 2014 - 15:37

    Salut, alors j'ai commenté le css, donc tu devrais pouvoir te repérer sur les différents élément. Pour changer, la couleur de la police, tu rajoute "color: #;" avec la couleur que tu veux.

    Dans ton premier poste tu disais que tu gérais assez bien le css, je n'ai donc pas mis trop de précision.

    pour changer le fond c'est "background: #;" avec également la couleur que tu veux.
    Si tu as d'autres questions n'hésite pas.



    "La normalité n'existe pas, la différence est la voie de la raison"
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Mer 29 Jan 2014 - 15:59

    Oui je le gérais assez bien, mais à force de ne plus le pratiquer, j'oublie tout :/
    J'ai surtout de très bonnes connaissances en HTML, et c'est vrai que le CSS s'en approche un petit peu mais j'ai tendance à me mélanger les pinceaux entre ces deux types de codages.

    Merci infiniment pour toutes ces précisions <3



    De Jolies Catégories/Sous-forums ! Signan10
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Mer 29 Jan 2014 - 23:33

    Je suis désolée pour le double-post, mais j'ai un problème. Le code est parfait et tout fonctionne très bien, mais j'ai un soucis avec ma case de partenariat. J'ai un code qui me permet de faire défiler les boutons de mes partenaires, et les boutons sont d'origine, de taille largeur 100px et hauteur 35px. Seulement, malgré toutes les bannières et modifications html que j'ai pu apporter à la description du sous-forum, rien n'y fait, les boutons de mes partenaires sont surdimensionnés et ont la même taille que le cadre de description du sous-forum avec la mise en page appliquée pour l'image du forum (bordure blanche autour et coins arrondis), décalant par la même occasion les liens vers les sous-forums.

    Peux-tu m'aider s'il te plaît ? Voici un morceau de screen pour te montrer la situation (Tu ne pourras pas accéder à mon forum étant donné que je l'ai fermé temporairement pour construction).

    Voici l'image:



    De Jolies Catégories/Sous-forums ! Signan10
    HeleneM
    HeleneM
    FémininAge : 30Messages : 195

    Jeu 30 Jan 2014 - 3:00

    oui je vois très bien le problème, dans chaque code de partenariat rajoute la partie avec le style comme ceci :
    Code:
    <a href=""><img style="width:100px !important; height:81px !important;" src=""/></a>

    Bien entendue tu peux changer la taille mais garde bien le "!important" dans le doute, ça devrait être bon, tiens moi au courant.



    "La normalité n'existe pas, la différence est la voie de la raison"
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Jeu 30 Jan 2014 - 3:36

    Je viens d'essayer à l'instant, ça marche à la perfection, je ne pense pas à ce "!important" dans mes codes, mais c'est très pratique !
    Merci encore de tout coeur pour ton aide et tes réponses si rapides.
    Merci merci merci merci ♥



    De Jolies Catégories/Sous-forums ! Signan10
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Jeu 30 Jan 2014 - 8:46

    Bonjour la commande est elle terminée si oui faut pense a remettre le crédit dans le qeel et ainsi que des catégories que tu vient de demander merci.



    De Jolies Catégories/Sous-forums ! 376864signichigo
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Jeu 30 Jan 2014 - 18:23

    Bonsoir, les crédits sont déjà mis depuis longtemps pour le QEEL, et j'ai crédité HeleneM hier.
    La commande est terminée oui, merci beaucoup !



    De Jolies Catégories/Sous-forums ! Signan10
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Ven 31 Jan 2014 - 8:10

    Je vois rien du tout peut tu me faire voir ou tu à mit les crédits s'il te plait merci.



    De Jolies Catégories/Sous-forums ! 376864signichigo
    Tsuki Matsu
    Tsuki Matsu
    FémininAge : 30Messages : 64

    Ven 31 Jan 2014 - 14:22

    Les crédits sont tout en bas de la page en dessous du Qeel, pourtant, j'ai fais en sorte qu'ils soient assez voyants :O
    Je vous fait un screen au cas où vous ne le trouviez vraiment pas.
    De plus, vous êtes crédités dans ma fiche de partenariat tout en bas.

    Lien de la fiche partenariat

    Screen des crédits:



    De Jolies Catégories/Sous-forums ! Signan10
    Klash
    Klash
    MasculinAge : 43Messages : 20653

    Ven 31 Jan 2014 - 14:47

    Ah oui effectivement avec le screen je m'en rend mieux compte , parceque en faite ton forum est tout décaler chez moi donc je ne le voyait pas merci. je clôture donc la commande.



    De Jolies Catégories/Sous-forums ! 376864signichigo
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Avr 2024 - 16:27