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.

-20%
Le deal à ne pas rater :
Ecran PC GIGABYTE 28″ LED M28U 4K ( IPS, 1 ms, 144 Hz, FreeSync ...
399 € 499 €
Voir le deal

    (TAKTIIK) Demande jolies catégories ! ❤︎

    Anonymous
    Invité

    Dim 20 Avr 2014 - 15:28

    Ma demande



    BONJOUR BONJOUR TOUT LE MONDE !  :friends: 

    Je viens vous enquiquiner et surtout .... surtout quémander l'aide d'un bon codeur /out/ Faut dire que je ne suis pas douée hein .. Bref !

    Je souhaiterais des catégories pour mon forum - le dernier élément avant que je ne l'ouvre ! - et voilà voilà. °°


    Schéma(s) et Eléments
    Schémas : Voici un schéma que j'ai réalisé sous Photoshop o/  Clique !

    Tailles des éléments : Alors ... sachant que mon forum est en mode 800px ... je dirais pour les catégories ... un truc dans les environs de 600 ? En fait je ne suis pas douée en proportions.. <.<

    Effets voulus : Je ne souhaite pas d'arrondis ni d'effets o/


    Ressources
    Non pas besoin de vous casser la tête haha ! Je mettrais moi même les images itout itout o/

    Autres précisions ?
    Concernant les couleurs .... Mettez les au pif ! Du moment que je puisse les changer par la suite haha.


    Merci beaucoup à l'avance !!!!!! ❤︎❁✰  :bisou: 
    hihihihi


    Dernière édition par Patte Molle le Sam 26 Avr 2014 - 14:35, édité 1 fois
    Anonymous
    Invité

    Lun 21 Avr 2014 - 11:57

    Hey !

    Ca claque *-* Je prends ! Par contre si tu veux les polices utilisées (je pense notamment au nom de forum) il faudrait me les trouver sur google font =3
    Anonymous
    Invité

    Lun 21 Avr 2014 - 12:15


      MERCI HALLLLOOOO ! o/ ❤︎✰

      Euh .. le truc c'est que ce sont des polices Dafont.. D:

      Du coup là j'ai essayé de trouver des équivalents ->Pour le titre de la Catégo : Francois One http://www.google.com/fonts#QuickUsePlace:quickUse/Family:Francois+One

      Et euh pour le titre de sous-forum.. Celle ci ! (:

      -> http://www.google.com/fonts#QuickUsePlace:quickUse/Family: (clicker one)

      Si t'as besoin que j'fasse un truc, n'importe quoi hein, tu me le dis ! °°
    Anonymous
    Invité

    Lun 21 Avr 2014 - 12:18

    Nickel bleu ciel, merci =D
    Je vais commencer dans la journée, par contre je garantis pas que ce soit achevé avant Vendredi, j'ai une semaine de fou =$
    Anonymous
    Invité

    Lun 21 Avr 2014 - 14:00

    Pas de soucis ! C'est vraiment trop cool que tu t'en occupes ! **
    Hésite pas si t'as des questions hein !!! ✰❤︎
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Jeu 24 Avr 2014 - 19:38

    Coucou !

    J'avais pas vu qu'Hallow s'en occupait et j'ai terminé cet après-midi >.< !
    Du coup je lui ai demandé si ça gênait pas que je te propose ce que j'ai fais :
    Clique ici pour voir le rendu

    Anonymous
    Invité

    Ven 25 Avr 2014 - 15:41


      Oh j'avais pas vu le message pardon pardon ! o/
      C'est exactement ce qu'il y a sur mon schéma donc j'ai rien à redire, j'admire les codeurs, j'me sens si petite..  xD

      Bref, bref. C'est génial o/ ^.^

      J'espère qu'Hallow sera pas fâchée, je sais qu'elle aurait fait également un travail aussi génial ! °°

      L'espace vide blanc sera bien là où il y aura l'image nouveau message hein ? Je pourrais l'insérer ? o:
      Ah et .. de combien est la largeur des catégories ?


    MERCI MERCI MERCI ❤︎ ❀✰✤
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 25 Avr 2014 - 17:05

    Coucou \0/ !

    Patte Molle a écrit:

      J'espère qu'Hallow sera pas fâchée, je sais qu'elle aurait fait également un travail aussi génial ! °°


    Non t'inquiète pas, c'est elle qui m'a dit de poster, je suis allé consulter la citrouille avant ^^

    Patte Molle a écrit:

      L'espace vide blanc sera bien là où il y aura l'image nouveau message hein ? Je pourrais l'insérer ? o:Ah et .. de combien est la largeur des catégories ?


    Oui c'est ça, dans l'espace blanc, les dimensions de l'images seraient (selon l'image) : 251*48 (à peu près ^^)
    Pour l'insérer, tu as juste à le faire via PA>>Affichage>>Gestion des images Wink
    Enfin, la largeur de la catégorie est de 600px (comme tu l'avais suggestionné //Néologismoverbo//)


    Si tout te va, voici les codes :
    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="categorie_background" valign="top" width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr>
          <td valign="top"><div class="categorie_title">{catrow.tablehead.L_FORUM}</div></td>
       </tr>
      
       <tr>
          <td valign="top" width="100%">
                      <div class="spaces_categorie"></div>
                      </td>
       </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>
          <td valign="top" width="100%">
    <table width="100%" border="0" cellspacing="5" cellpadding="0">
       <tr>
          <td valign="middle" width="50%">
             <a class="forum_title" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
          </td>
          
          <td valign="middle" width="50%">
             <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
       </tr>
       
       <tr>
          <td valign="middle" width="50%">
             <div class="genmed forum_description">{catrow.forumrow.FORUM_DESC}</div>
          </td>
          
          <td valign="middle" width="50%">
             <div class="gensmall forum_stats">
             {catrow.forumrow.TOPICS} sujets, {catrow.forumrow.POSTS} messages<br /><br />
             {catrow.forumrow.LAST_POST}
             </div>
          </td>
       </tr>
       
       <tr>
          <td colspan="2" valign="top" width="100%">
          <div class="gensmall forum_sous">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
          </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>
       <!-- END tablefoot -->
       <!-- END catrow -->

    CSS :
    Code:
                /********** Début CATEGORIES (Never.Utopia) **********/
       /* Fond de catégorie */
    .categorie_background
    {
      background-color: #fff;
      width: 600px;
      color: #fff;
      margin: auto;
      margin-top: 5px;
      padding: 0px;
    }

       /* Titre de catégorie */
    .categorie_title
    {
      background-color: #ddd9aa;
      width: 600px;
      height: 48px;
      text-shadow: 1px 1px 1px #4b4b4b;
      text-align: center;
      margin-top: -32px;
    }
    .categorie_title h2
    {
      /* Police d'écriture à mettre à la place de Times New Roman */
      font: 38px 'Times New Roman', serif bold;
      color: #fff;
    }
       /* Espace marron */
    .spaces_categorie
    {
      background-color: #d5b88e;
      width: 600px;
      height: 25px;
    }

       /* Titre de forum */
    .forum_title
    {
      display: block;
      background-color: #ffcca0;
      width: 314px;
      height: 40px;
      /* Police d'écriture à mettre à la place de Times New Roman */
      font-family: 'Times New Roman', serif;
      font-size: 22px;
      text-align: center;
      margin: 5px;
      padding-top: 10px;
    }
    a.forum_title
    {
      color: #fff !important;
    }

       /* Description du forum */
    .forum_description
    {
      overflow: auto;
      background-color: #dccaad;
      width: 304px;
      height: 110px;
      color: #fcfbf8;
      text-align: justify;
      padding: 5px;
      margin: 5px;
    }

       /* Statistiques du forum (Sujets/Messages/LastPost) */
    .forum_stats
    {
      background-color: #a18867;
      width: 251px;
      height: 90px;
      color: #fcfbf8;
      text-align: center;
      padding-top: 30px;
      margin: 5px;
    }

       /* Sous-forum */
    .forum_sous
    {
      overflow: auto;
      background-color: #ddd9aa;
      width: 568px;
      height: 30px;
      margin: 5px;
      padding: 5px;
    }
                /********** Fin CATEGORIES (Never.Utopia) **********/

    Essaies tout ça et dis-moi ce qu'il en est Wink

    Anonymous
    Invité

    Ven 25 Avr 2014 - 17:54

    C'EST TROP BEAU TROP GÉNIAL ! *___*
    Je suis vraiment super contente /o/

    Dis moi juste, je souhaite redimensionner le tout en 800px (car au final ça fait petit 600 maintenant que j'en ai l'aperçu réel sur mon forum..) je retouche dans les templates et dans le CSS là où y'a marqué 600 ? Ou y a aussi l'alignement des blocs à modifier ? °°
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Ven 25 Avr 2014 - 19:00

    SUPER =D

    Oui c'est exactement ça. Le seul hic, c'est qu'il va falloir redimensionner les autres blocs pour qu'ils prennent un peu plus d'espaces (tout petit hic ^^)

    Au niveau de l'alignement, rien à modifier étant donné que j'ai choisi un tableau Wink

    EDIT: Tu n'as que le CSS à modifier hein ^^ (J'ai eu peur de pas être clair !)

    Anonymous
    Invité

    Sam 26 Avr 2014 - 14:34

    MOUHAHAHAHAHAHA C'EST JUSTE PARFAIT !
    Dès que j'ai finis mon design, j'te montre ce que ça donne ! °°

    JE SUIS TROP CONTENTE ! Même que j'ai vidé une bouteille de pulco citron, j'suis fin excitée ! xD osef

    Non sérieux ! Merci beaucoup pour ton aide et ton travail, j'te crédite dans ma page spécial crédit - promis j'te montre quand j'ai finis le thème (j'suis super pointilleuse et ça fait 100000000 fois que je recommence ma bannière /pan/)

    coeur sur toi
    Taktiik
    Taktiik
    MasculinAge : 29Messages : 2292

    Sam 26 Avr 2014 - 18:39

    Coucou !

    Yes, c'est super alors !
    Pas de problème, j'attends ton MP ;D
    Il n'y a pas de quoi, content d'avoir pu rendre service ! N'hésite pas à voguer sur le forum pour voir si tu peux aider :) !

    Contenu sponsorisé


      La date/heure actuelle est Ven 3 Mai 2024 - 3:53