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.

-55%
Le deal à ne pas rater :
Friteuse sans huile – PHILIPS – Airfryer HD9200/90 Série 3000
49.99 € 109.99 €
Voir le deal

    (Onyx) Catégories grises/roses

    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Dim 21 Déc 2014 - 15:20

    Rappel du premier message :

    Catégories grises/rose



    Bonjour ! (c'est encore moi ._.), toujours dans le même mouvement qui suit la PA et le QEEL ici : https://www.never-utopia.com/t52871-pa-grise-rose-pale#797063 & https://www.never-utopia.com/t52872-qeel-gris-rose-pale#797068 merci !

    Schéma(s) et Eléments
    Schémas :
    Spoiler:
    Tailles des éléments : idem que le schéma
    Effets voulus : Titres devenant roses au survol. Pour les images à gauche, ce sera pour les "new" et "no new", pour précision :)
    Version de votre forum : PHPBB2


    Ressources
    Voici la forme pour les images :
    Spoiler:


    Autres précisions ?
    Encore un grand merci d'avance ! *o*


    Dernière édition par Madii-x le Mar 6 Jan 2015 - 12:56, édité 2 fois




    (Onyx) Catégories grises/roses - Page 2 1E4PE
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Mer 31 Déc 2014 - 1:19

    Pour le coup Onyx t'a assez bien résumé ce qui avait été dit en zone staff (ce qui fait que c'est plus vraiment utile de l'avoir en zone staff, hum :siffle:), et comme tu peux le voir, contrairement à ce que tu disais nous ne sommes pas de mauvaise fois, on a fini par passer outre la forme de tes propos pour essayer d'en voir le fond, même si c'était difficile car il faut avouer que ta forme était très mauvaise x).

    Juste une précision vis à vis des schémas. Un schéma au crayon n'est pas forcément mauvais ou incomplet, tout comme un schéma sous photoshop n'est pas forcément beau ni complet justement. Ton schéma était propre, mais n'avait aucune information pratique (les codes couleurs, les arrondis, les tailles...) alors que j'ai déjà pu voir ou avoir à traiter des schémas crayon qui possédaient de très bonnes indications, même si les rectangles étaient tracés à main levée ! Donc, ce n'est pas forcément péjoratif ce que j'ai dit, ça signifie simplement que ce n'est pas parce qu'un modèle a été fait sous photoshop qu'il mérite un crédit, et inversement ce n'est parce qu'un schéma a été fait au crayon qu'il n'en mérite pas. Si l'un en mérite, l'autre aussi. Mais comme l'a dit Onyx, les questions que j'ai relevé dans le club staff c'est "à partir de quand un schéma devient une maquette ?".

    D'ailleurs, tu vois, ta suggestion c'est exactement celle que j'ai faite cet après-midi dans le topic staff. Mais ça ne résout pas le problème pour autant, à mon sens. Combien de personnes ici peuvent réaliser une vraie charte graphique ? Pas beaucoup. Pas moi. Pas toi non plus je pense. Parce que c'est normalement un dossier qui fait plusieurs dizaine de pages x). Donc évidement, je parle côté "pro", mais nous ne le sommes pas, donc il faut adapter la situation. Le truc, c'est qu'il ne faut pas que les gens croient que de dire "je veux du rouge, des formes arrondies, et X, X, et X images" ça ait une valeur de charte graphique...

    Pour ce qui est de ton souci de communication, le problème c'est pas que tu sois honnête, c'est la façon dont tu balances les choses et ta façon de te mettre systématiquement au centre de l'argumentaire. Si t'as un employeur et que tu es dans une entreprise, par exemple, je pense que ton boss s'en moquera un peu de toi personnellement, ce qui l'intéresse c'est toi "pour l'entreprise", et donc l'entreprise elle-même. C'est logique en même temps hein. Dans le cas présent, si tu étais restée neutre en tenant un argumentaire essayant de faire valoir que tes idées sont bonnes pour le forum, pour les gens, autant les codeurs que les graphistes et que les autres membres, on t'aurait écouté différemment. On se serait peut-être pas dit "oh celle là y'a juste que son pseudo en crédit qui l'intéresse, tout le reste elle s'en fout".

    Après, comme je l'ai déjà dit, on a chacun nos défauts. Je me suis montré irritable ces derniers temps, colérique, voire méchant. J'aurais bien eu besoin d'une muselière... mais le premier progrès c'est de s'en rendre compte.

    Donc bref. Saches que c'est l'objet d'un topic en zone staff, qu'on réfléchi assez globalement au principe des crédits, pour savoir ce qu'il est juste de faire, ou ce qu'il faut mieux enlever. Quoi qu'il en soit, ton pseudo est dans la fiche du LS, ça change pas.



    sign
    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Jeu 1 Jan 2015 - 18:25

    Coucou et désolée du retard ^^

    Personnellement pour la suggestion de la charte graphique, eh bien si je sais en faire, mais il faut que je sois vraiment motivée et que je prenne le temps. J'ai dû en faire pour mes cours et même faire le site par après (mais avec Dreamweaver). Et je ne me rappel pas avoir fait des dizaines de pages xD Donc ben pour les autres je ne sais pas mais je trouvais que c'était une bonne idée puisque justement y'aura p-e pas beaucoup de monde à le faire et donc c'est un bon "mérite" à avoir pour la suite, et puis cela peut-être "encourager" les gens à apprendre à en faire ^^
    Le truc, c'est qu'il ne faut pas que les gens croient que de dire "je veux du rouge, des formes arrondies, et X, X, et X images" ça ait une valeur de charte graphique...
    ça, évidemment, il faudrait montrer des exemples, comme celui que tu m'avais montré x)
    Mais bon je dis ça comme ça, je ne sais pas où vous en êtes maintenant dans la discussion.

    Sinon, je veux bien resté neutre, mais dans le cas ici, c'était vraiment compliqué d'expliquer tout ça tout en restant neutre >.<


    @Onyx : j'attends ta réponse parce que je sais pas trop ce qu'il te manque en fait, donc je t'enverrais tout d'un coup après x)




    (Onyx) Catégories grises/roses - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 2 Jan 2015 - 6:38

    Salut!

    Donc, on avait dit une image Old/New/Lock à la bonne taille et je crois que c'était tout ce que j'avais besoin ^^

    Pour toi, il va effectivement falloir que tu créé une image pour chacun des forums qui ont des sous-forums. Je n'en ai pas besoin pour compléter le codage, mais tu en aura besoin toi quand tu l'installeras ^^

    J'ai remonté un peu les titres de forums gris, est-ce que c'est mieux?

    http://forum-test-onyx4.forum-canada.com/



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Ven 2 Jan 2015 - 21:09

    Coucou Onyx !

    Voici la bonne image pour le "nuage" :

    Spoiler:

    Pour les titres, ils sont un peu trop haut cette fois xD Je voudrais qu'ils soient au milieu en fait si possible, un peu comme sur la PA : click ^^

    Sinon pour les liens à droite, celui en bleu, est-il possible qu'il soit rose également ?

    Pour les images de forum ok ! Par contre faudra me dire où je dois les mettre dans le code si possible x)

    Merci !




    (Onyx) Catégories grises/roses - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Ven 2 Jan 2015 - 23:24

    Salut ^^

    J'ai mis le nuage comme il faut.

    J'ai baissé les titres, mais pour être pile précis, tu peux me donner ton navigateur? Parce que sinon, j'y arriverai jamais XD

    Les liens sont roses.

    Je te donnerai toutes les instructions dans le code Wink



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Ven 2 Jan 2015 - 23:54

    C'est super, merci !

    Oui les liens sont encore un peu trop haut ^^ Je suis sur Chrome =o




    (Onyx) Catégories grises/roses - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Sam 3 Jan 2015 - 0:28

    Comme ça?

    http://forum-test-onyx4.forum-canada.com/



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Sam 3 Jan 2015 - 13:22

    Oui c'est parfait comme ça merci !! Very Happy C'est super bizarre pour la police par contre, parce que sur chrome sur mon ordi c'est bien celle voulue, et sur chrome sur l'ordi de mon père,elle change un petit peu comme on l'avait dit, pourtant c'est le même navigateur x) 

    Sinon, est-ce que je peux me permettre de demander où vous en êtes avec la discussion de la nouvelle règle ? x)




    (Onyx) Catégories grises/roses - Page 2 1E4PE
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Lun 5 Jan 2015 - 2:23

    Salut!

    Bah pour les titres, des fois c'est le navigateur, des fois la résolution, des fois la version du navigateur, c'est dur à dire u_u

    Bon, alors comme tout est bon, je te file les codes!

    CSS :
    Code:
    /************************************************** DÉBUT DES CATÉGORIES **************************************************/

    /*Bloc des titres des catégories*/
    .cate_title {
      width: 800px;
      height: 75px;
      padding-top: 10px;
      margin: auto;
      text-align: center;
      background-image: url('http://img15.hostingpics.net/pics/520024nuage.png');
      background-repeat: no-repeat;
      background-position: top center;
      margin-bottom: -10px;
    }
    /*Titres des catégories*/
    .cate_title h2 {
      display: block;
      padding-top: 40px;
      margin: 0px;
      font-family: "Dancing Script";
      font-size: 40px;
      letter-spacing: 1px;
      color: #d74e77;
    }
    .cate_title h2 img {
      margin-top: -40px;
      margin-left: 20px;
    }
    .cate_title h2 span {
      display: none;
    }
    a.nav img {
      display: none;
    }


    /*Bloc des catégories*/
    .cate_bloc {
      background-color: #ffffff;
      width: 800px;
      margin: auto;
      margin-bottom: 10px;
      border-radius: 10px;
      padding-top: 50px;
      padding-bottom: 1px;
      font-family: "abeatbykai", sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      color: gray;
    }


    /*Bloc des forums*/
    .cate_forum {
      height: 100px;
      width: 800px;
      margin-bottom: 20px;
    }


    /*Image Old New Lock*/
    .old_new_lock {
      float: left;
      margin-left: 15px;
      margin-top: 21px;
      width: 130px; /*Largeur des images*/
      height: 57px; /*Hauteur des images*/
    }
    /*Masque*/
    .old_new_lock {
      -webkit-mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
      mask: url(http://www.aht.li/2552618/nuage.svg) center center / 130px 57px;
    }


    /*Bloc gris du mileu*/
    .cate_forum_middle {
      position: relative;
      float: left;
      margin-top: 10px;
      margin-left: 15px;
      margin-right: 15px;
      width: 420px;
      height: 53px;
      padding: 10px;
      padding-top: 17px;
      background-color: #e4e1e2;
      border-radius: 10px;
    }

    /*Titres des forums*/
    .forumlink {
      position: absolute;
      top: -20px;
      z-index: 2;
      height: 28px;
      font-size: 28px;
      font-family: 'Covered By Your Grace', cursive;
      color: grey!important;
      font-weight: normal;
    }
    /*Titres survolés des forums*/
    .forumlink:hover {
      color: #d74e77!important;
      text-decoration: none!important;
    }
    /*Désactiver les images des titres*/
    .forumlink img {
      display: none;
    }

    /*Description des forums*/
    .forum_desc {
      height: 53px;
      overflow-y: auto;
      padding-right: 5px;
      text-align: justify;
    }


    /*Bloc gris des statistiques et du dernier message*/
    .cate_forum_last {
      position: relative;
      float: left;
      margin-top: 10px;
      width: 160px;
      height: 70px;
      padding: 5px;
      background-color: #e4e1e2;
      border-radius: 10px;
      text-align: center;
    }
    /*Statistiques*/
    .forum_last_stats {
      margin-left: 3px;
      margin-right: 3px;
      margin-bottom: 10px;
      padding-bottom: 3px;
      font-size: 9px;
      border-bottom: 1px dashed #d74e77;
    }
    /*Police du dernier message*/
    .forum_last_mess, .forum_last_mess a.gensmall {
      font-size: 11px;
      font-family: "abeatbykai", sans-serif;
    }
    /*Couleur des liens du dernier message*/
    .forum_last_mess a {
      color: #d74e77;
    }

    /************************************************** FIN DES CATÉGORIES **************************************************/



    /************************************************** DÉBUT DES SCROLLBARS **************************************************/

    /*Les barres de défilement normales (Scrollbars normales)*/
    ::-webkit-scrollbar {height:12px;width:5px;background:none;margin-right:5px;}
    ::-webkit-scrollbar-thumb {background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
    ::-webkit-scrollbar-corner {background:none;}
    ::-scrollbar {height:12px;width:5px;background:none;margin-right:5px;}
    ::-scrollbar-thumb {background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
    ::-scrollbar-corner {background:none;}

    /*La grosse barre de défilement sur le côté (Scrollbar du body)*/
    body::-webkit-scrollbar {height:11px;width:11px;background:#efefef;}
    body::-webkit-scrollbar-thumb {background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
    body::-webkit-scrollbar-corner {background:none;}
    body::-webkit-scrollbar-button {width: 11px; height: 11px; background-repeat: no-repeat; background-position: center center;}
    body::-webkit-scrollbar-button:horizontal:start {background-image:url('http://img4.hostingpics.net/pics/143914leftleft.png');}
    body::-webkit-scrollbar-button:horizontal:end {background-image:url('http://img4.hostingpics.net/pics/452952rightright.png');}
    body::-webkit-scrollbar-button:vertical:start {background-image:url('http://img4.hostingpics.net/pics/885452upup.png');}
    body::-webkit-scrollbar-button:vertical:end {background-image:url('http://img4.hostingpics.net/pics/399313downdown.png');}
    body::-scrollbar {height:11px;width:11px;background:#efefef;}
    body::-scrollbar-thumb {background:rgba(242,163,189,1);height:30px;border-radius:12px;box-shadow:0px 0px 0px rgba(0, 0, 0, 0.75);cursor:crosshair;}
    body::-scrollbar-corner {background:none;}
    body::-scrollbar-button {width: 11px; height: 11px; background-repeat: no-repeat; background-position: center center;}
    body::-scrollbar-button:horizontal:start {background-image:url('http://img4.hostingpics.net/pics/143914leftleft.png');}
    body::-scrollbar-button:horizontal:end {background-image:url('http://img4.hostingpics.net/pics/452952rightright.png');}
    body::-scrollbar-button:vertical:start {background-image:url('http://img4.hostingpics.net/pics/885452upup.png');}
    body::-scrollbar-button:vertical:end {background-image:url('http://img4.hostingpics.net/pics/399313downdown.png');}

    /************************************************** FIN DES SCROLLBARS **************************************************/

    Template Index_Box :
    Code:
    <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css' />
    <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 -->
    <div class="cate_title">
      {catrow.tablehead.L_FORUM}
    </div>
    <div class="cate_bloc">
       <!-- END tablehead -->
       <!-- BEGIN cathead -->
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
      <div class="cate_forum">
        <img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        <div class="cate_forum_middle">
          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
          <div class="forum_desc">
            {catrow.forumrow.FORUM_DESC}
          </div>
        </div>
        <div class="cate_forum_last">
          <div class="forum_last_stats">
            Sujets:{catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}
          </div>
          <div class="forum_last_mess">
            {catrow.forumrow.LAST_POST}
          </div>
        </div>
      </div>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->


    Et enfin, quand tu va dans :
    > Panneau d'administration
    > > Général
    > > > Forum
    > > > > Catégories et forums

    Et que tu veux mettre tes titres de catégories et de forum, tu dois les enregistrer sous ce format et remplacer le "TITRE DU FORUM" par le titre de ta catégorie ou de ton forum ainsi que le "URL DE L'IMAGE" par l'url de ton image :
    Code:
    <span>TITRE DU FORUM</span><img src="URL DE L'IMAGE" alt="Titre" />




    Pour la discussion et tout, ça avance à son rythme. On avertira quand quoi que ce soit sera décidé, alors pas besoin de demander où ça en est.



    .Aelya.
    .Aelya.
    FémininAge : 30Messages : 2162

    Lun 5 Jan 2015 - 14:59

    Merci beaucoup !!

    Et ok, pas de soucis! ^^




    (Onyx) Catégories grises/roses - Page 2 1E4PE
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 7:15