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 :
Cartes Pokémon 151 : où trouver le coffret Collection Alakazam-ex ?
Voir le deal
Le Deal du moment : -29%
PC portable – MEDION 15,6″ FHD Intel i7 ...
Voir le deal
499.99 €

    [CATE] (Onyx) Grises en tableau

    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mer 29 Avr 2015 - 0:53

    Ma demande



       Hellow ^^
    Voici une autre suite a ma commande. Ce sont les catégories ^^. -Oui je veux qui va ensemble pour le codage xD-


       Schéma(s) et Eléments
       Schémas : Schéma :)
       Tailles des éléments : Même chose que sur le schéma ^^
       Effets voulus : Un effet flou lorsqu'on passe la souris sur les sous forums.
       Version de votre forum : PHPBB2


       Ressources
       Image de font des sous forums
    Image de font de toutes les descriptions
    Bouton du forum


       Autres précisions ?
       Rien d'autre sinon que je vous remercie du temps que vous allez prendre pour moi ^^
       


    Dernière édition par Cruelly le Jeu 16 Juil 2015 - 6:49, édité 1 fois
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Lun 4 Mai 2015 - 18:01

    Toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mar 12 Mai 2015 - 19:10

    Toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Lun 18 Mai 2015 - 17:22

    Pouet pouet c'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Lun 25 Mai 2015 - 19:59

    Toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Dim 31 Mai 2015 - 18:21

    Toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mer 3 Juin 2015 - 17:07

    C'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Dim 7 Juin 2015 - 19:12

    C'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Ven 12 Juin 2015 - 1:11

    C'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mar 16 Juin 2015 - 21:36

    C'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Sam 20 Juin 2015 - 2:33

    C'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Jeu 25 Juin 2015 - 16:23

    c'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Jeu 2 Juil 2015 - 17:49

    C'est toujours d'actualité ^^



    :heart: :heart:
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Lun 6 Juil 2015 - 20:09

    C'est toujours d'actualité ^^



    :heart: :heart:
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 7 Juil 2015 - 2:32

    Wow, ça fait déjà plus que deux mois que ça traîne? Bon eh bien je prends ^^

    J'aurais juste besoin de la largeur de ton forum et, idéalement, du lien de ton forum ou forum-test (tu peux le mettre en hide si tu veux Wink)

    Sinon, j'ai lu "Un effet flou lorsqu'on passe la souris sur les sous forums." et j'avoue que ça me laisse un peu perplexe... Tu aurais un exemple à me montrer?

    Et juste comme ça, le "en tableau" dans le titre, est-ce que cela veut dire que tu veux absoluement que le codage soit fait de tableaux, ou c'est ok tant que le rendu est identique?

    Dernière question (oui ça fait beaucoup), c'est quoi les polices que tu veux que j'utilise?

    Enfin, tu peux suivre la progression au lien qui va suivre (je précise, c'est pas fini, même si ça en a l'air un peu ^^)
    http://forum-test-onyx5.forum-canada.com/



    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mar 7 Juil 2015 - 5:00

    Hellow Onyx Very Happy <3 Merci merci merci de prendre ma commande ! Very Happy

    Alors pour le forum de test : http://skulblaka.forum-canada.com/  (C'est le lien de mon projet en cours, mais comme le codage est le même et que sur celui-là rien n'est encore faire coté code et design je m'en sert comme test) La taille est de 790px ^^.

    Pour l'effet que je parle c'est dans le genre de ce forum : http://www.sos-rpg.com/ désoler pour le lien mais je ne sais pas comment bien l'expliquer ^^'.

    Pour le tableau dans le titre c'était seulement pour avoir autre chose que catégorie pour cruelly Razz il ne faut pas absolument qu'elles soient en tableau. Le plus simple pour toi me vas ^^ tant que sa ressemble au schéma.

    Pour les polices, comme le titre est en image j'aimerais bien qu'elle s'adapte avec le reste du forum ^^.

    Sinon j'ai été voir sur ton forum de test et le travaille que tu as fait jusqu'à maintenant est Magnifique ! Merci beaucoup Very Happy J'ai vraiment hâte de voir ce qu'elles vont donner à la toute fin :)



    :heart: :heart:
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 14 Juil 2015 - 2:45

    On a tout réglé sur l'autre sujet, alors je te file les codes ^^

    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 -->
    <table class="categorie" cellspacing="0" cellpadding="0">
      <tbody>
        <tr>
          <td class="cate_title" align="center" valign="top">
            {catrow.tablehead.L_FORUM}
          </td>
        </tr>
        <tr>
          <td class="bloc_ensemble_forum" align="center" valign="top">
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
            <table class="bloc_un_forum" cellspacing="0" cellpadding="0">
              <tbody>
                <tr>
                  <td class="forum_left_bloc" align="center" valign="top">
                    <img class="forum_newoldlock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    <div class="forum_sf_bloc">
                      <span id="forumsfid">
                        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                      </span>
                    </div>
                  </td>
                  <td class="forum_sep">
                  </td>
                  <td class="forum_right_bloc" align="center" valign="top">
                    <table cellspacing="0" cellpadding="0">
                      <tbody>
                        <tr>
                          <td class="forum_title_stats_bloc" align="center" valign="top">
                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                            <span class="forum_stats">
                              {catrow.forumrow.POSTS} messages / {catrow.forumrow.TOPICS} sujets.
                            </span>
                            <div style="clear: both;"></div>
                          </td>
                        </tr>
                        <tr>
                          <td height="2">
                          </td>
                        </tr>
                        <tr>
                          <td class="forum_lastmess_bloc" align="center" valign="top">
                            <span id="lastmessid">
                              {catrow.forumrow.LAST_POST}&nbsp;
                            </span>
                          </td>
                        </tr>
                        <tr>
                          <td height="2">
                          </td>
                        </tr>
                        <tr>
                          <td class="forum_description_bloc" align="center" valign="top">
                            <div class="forum_description">
                              {catrow.forumrow.FORUM_DESC}
                            </div>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <div style="height: 2px;"></div>
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
          </td>
        </tr>
      </tbody>
    </table>
    <div style="height: 15px;"></div>
    <!-- END tablefoot -->
    <script type="text/javascript">
      jQuery('#forumsfid').html(jQuery('#forumsfid').html().replace(/, /g,'<br /> ')).removeAttr('id');
    </script>
    <script type="text/javascript">
      jQuery('#lastmessid').html(jQuery('#lastmessid').html().replace(/<br>/g,' ~ ')).removeAttr('id');
    </script>
    <!-- END catrow -->

    Et le CSS :
    Code:
    /* -------------------------------------------------- DÉBUT DES CATÉGORIES -------------------------------------------------- */

    /*Bloc de catégorie*/
    .categorie {
      width: 100%; /*LARGEUR DES CATÉGORIES À AJUSTER COMME TU VEUX*/
      margin: auto;
      margin-top: 15px;
    }
    .categorie table {
      width: 100%;
    }


    /*Titre de catégorie*/
    .cate_title h2 {
      display: block;
      background-color: #929292;
      border: 1px solid #6d6d6d;
      max-height: 74px;
      margin: 0px;
      margin-bottom: 2px;
      padding: 5px;
      font-family: 'Verdana';
      font-size: 32px;
      text-align: center;
      font-weight: normal!important;
      color: #545454;
      text-shadow: 1px 1px 2px #dfdfdf;
    }
    .cate_title h2 img {
      margin: -6px;
    }
    /*Réduire le titre de la catégorie dans les autres pages*/
    a.nav img {
      display: inline-block;
      margin-bottom: -5px;
      width: 218px;
      height: 20px;
    }


    /*Bloc paquet de forum*/
    .bloc_ensemble_forum {
      background-color: #a4a4a4;
      border: 1px solid #78787a;
      padding-top: 2px;
      padding-left: 2px;
      padding-right: 2px;
    }

    /*Un seul forum*/
    .bloc_un_forum {
      margin: auto;
      background-color: #929292;
      border: 1px solid #6d6d6d;
      padding: 2px;
    }

    /*Partie gauche du forum*/
    .forum_left_bloc {
      padding-top: 1px;
      width: 179px;
      padding-bottom: 1px;
      padding-right: 2px;
      text-align: center;
    }
    /*Bloc de sous-forums*/
    .forum_sf_bloc {
      background-image: url('http://i19.servimg.com/u/f19/17/10/65/34/untit103.jpg');
      width: 159px;
      height: 124px;
      padding: 10px;
      text-align: left;
      transition: 0.5s;
      -webkit-transition: 0.5s;
    }
    /*Sous-forums*/
    .forum_sf_block span {
      display: block;
      overflow: auto;
      padding-right: 5px;
      margin-right: -5px;
      height: 124px;
    }
    /*Police de sous-forums*/
    .forum_sf_bloc .gensmall {
      font-size: 13px;
      font-family: 'Verdana';
      color: #202020;
      display: inline-block;
      margin: 1px;
      transition: 0.6s;
      -webkit-transition: 0.6s;
      text-shadow: 10px 0px transparent, -10px 0px transparent;
    }
    /*Police de sous-forums - Effet au survol*/
    .forum_sf_bloc .gensmall:hover {
      color: #000000;
      text-shadow: 0px 0px #000000, 0px 0px #000000;
    }

    /*Séparation du forum*/
    .forum_sep {
      width: 2px;
      border-left: 1px solid #747474;
      border-right: 1px solid #747474;
    }

    /*Partie droite du forum*/
    .forum_right_bloc {
      padding-left: 2px;
      padding-bottom: 1px;
      padding-top: 1px;
      text-align: center;
    }
    /*Bloc titre et stats*/
    .forum_title_stats_bloc {
      margin: auto;
      background-color: #7f7f7f;
      border: 1px solid #5f5e5c;
    }
    /*Titre de forum*/
    a.forumlink {
      display: inline-block;
      float: left;
      font-size: 13px;
      font-family: 'Verdana';
      color: #ffffff!important;
      margin-left: 5px;
      font-weight: normal;
    }
    /*Stats*/
    .forum_stats {
      display: inline-block;
      float: right;
      font-size: 12px;
      font-family: 'Verdana';
      color: #ffffff;
      margin-right: 2px;
    }

    /*Bloc du dernier message*/
    .forum_lastmess_bloc {
      margin: auto;
      min-height: 12px;
      backgorund-color: #929292;
      border: 1px solid #6c6c6a;
      padding: 1px;
      padding-right: 2px;
      font-size: 12px;
      font-family: 'Verdana';
      color: #ffffff;
      font-size: 11px;
      text-align: right;
    }
    /*Police des liens du dernier message*/
    .forum_lastmess_bloc .gensmall, .forum_lastmess_bloc a {
      font-family: 'Verdana'!important;
      color: #ffffff!important;
      font-size: 11px!important;
    }

    /*Bloc de description de forum*/
    .forum_description_bloc {
      background-image: url('http://i19.servimg.com/u/f19/17/10/65/34/untit104.jpg');
      height: 120px;
      padding: 5px;
    }
    /*Description de forum*/
    .forum_description {
      font-size: 13px;
      font-family: 'Verdana';
      color: #202020;
      padding: 2px;
      text-align: justify;
      height: 120px;
      padding-right: 3px;
      margin-right: -3px;
      overflow: auto;
    }

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



    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Mar 14 Juil 2015 - 3:30

    Elles sont tout simplement parfaite ! Merci beaucoup <3 :love:



    :heart: :heart:
    Contenu sponsorisé


      La date/heure actuelle est Mar 7 Mai 2024 - 12:06