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

    (Halloween) Categories square

    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Jeu 9 Oct 2014 - 22:14

    Categories square



       good day, I come to ask your help to see if they could help me to the elaboration of a similar category to which I show below thanks in advance

       Schéma(s) et Eléments
       Schémas :(Halloween) Categories square Sin-ty11
       Tailles des éléments :
    measures are considered appropriate only that there are two subcategories within the category
       Effets voulus : transitions
       Version de votre forum : PHPBB2


       Ressources
       has used the icons to the default

       Autres précisions ?
       when the pointer passes over the category the description moves to the right, and displayed the last topic discussed
       


    Dernière édition par Tony`s le Lun 3 Nov 2014 - 2:47, édité 1 fois
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Sam 11 Oct 2014 - 23:09

    up :sorry:
    Anonymous
    Invité

    Dim 12 Oct 2014 - 12:00

    Hello Tony`s !

    I'm sorry in advance for my English, I'm not good to speak another langage.
    I think I'll try to do what you want, but I need the picture in background of category's titles.

    And to be sure : you want mixture of this and this, that's all ?

    Have a nice day :3
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Lun 13 Oct 2014 - 1:03

    Hello Halloween!

    First of all thank you very much for taking my request so agradesco unfinitamente, and also excuse my french but fatal, exactly like me as a blend samples but I would please me more in the style that I put in the example image, which when put the pointer over the description to slide and see the subcategories within categories, the background image of the title of the category the products manufactured with css, but I'm more interested in the categories greetings I hope and I have expressed as to explain to me thank you very much again to address the issue greetings.

    (Halloween) Categories square IQAduQS

    ----------


    Bonjour Halloween!

    Tout d'abord merci beaucoup d'avoir pris ma demande si agradesco unfinitamente, et excusez aussi mon français mais fatale, exactement comme moi comme un échantillons de mélange mais je me plairait plus dans le style que j'ai mis dans l'image d'exemple, qui, lorsqu'il est mis le pointeur sur la description de glisser et de voir les sous-catégories au sein des catégories, l'image de fond du titre de la catégorie des produits fabriqués avec css, mais je suis plus intéressé dans les catégories salutations, je l'espère et je l'ai exprimé à m'expliquer merci beaucoup encore une fois de répondre aux salutations d'émission.

    (Halloween) Categories square IQAduQS
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Mar 14 Oct 2014 - 23:01

    up :triste:
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Ven 17 Oct 2014 - 1:34

    :euh: up
    Anonymous
    Invité

    Ven 17 Oct 2014 - 10:56

    Hello,

    I started Tuesday but actually I don't have the time to work on it. I think I will finish it in the week-end, be patient.

    Have a nice day.
    Anonymous
    Invité

    Mer 22 Oct 2014 - 22:53

    Hey !

    I'm not far to finish, you can follow the work here : www :3

    EDIT : It's finish !
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Ven 24 Oct 2014 - 20:37

    Merci beaucoup d'avoir pris le temps de résoudre mon problème mais n'a pas pu être fait quelques modifications:

    1.- hauteur sont légèrement plus petits et plus compact
    2.-Que l'icône de catégorie ne bouge pas avec la description qui reste statique, mais le reste ont ce mouvement de glissement.
    Anonymous
    Invité

    Ven 24 Oct 2014 - 23:56

    In fact, the pictures of the categorys are not the pictures "New", "No new", and "Lock", there are the illustrations of each category, such as the instance. In fact, for you, it must be the pictures "New", "No new", and "Lock" ?
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Sam 25 Oct 2014 - 1:48

    comprendre, alors que si l'on pouvait réduire la hauteur juste un peu serait génial et par qui je résilier, Very Happy
    Anonymous
    Invité

    Sam 25 Oct 2014 - 11:42

    I reduce a little, but what I must do for the pictures "New", "No new", and "Lock" ? They miss and it could be
    embarrassing, doesn't it ?
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Dim 26 Oct 2014 - 20:59

    Salut ce qui se passe , je l'ai prévu de faire est de mettre un code de sorte que lorsque vous avez des nouveaux messages tout le fond de la catégorie changement , lorsque vous avez des messages gris maintient cette catégorie fermée mis une couleur de mousse est pas ce que je veux dire que le code je depuis longtemps et que vous voulez essayer de ne pas si je comprends bien , mais juste au cas où , et je ne reçois pas le code pour avoir l'effet désiré je laisse ici des images, des salutations et vous remercie encore une fois .

    (Halloween) Categories square Bg-no10
    (Halloween) Categories square Lock10
    (Halloween) Categories square Bg10
    Anonymous
    Invité

    Lun 27 Oct 2014 - 17:39

    I'm sorry but your translator is very bad, I don't understand everything. For the changement of color of the category when a new message is published, it wasn't in the initial request and I don't know how to do it, sorry. So, where must I put the pictures ? :$

    If you want my opinion, I think it's could be good to do small picture to put on the left or before the "last message", in the back of the category. Or you can do very small picture to put next to the title of the category, like : www, for instance.
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Mer 29 Oct 2014 - 0:03

    sorry for my bad French dominion not a hundred percent why I feel the need to use a translator domino a little English.

    taketh his suggestion and put the images where you suggest me to make this request as completed I'll get to draw pictures , we deeply appreciate your patience
    Anonymous
    Invité

    Jeu 30 Oct 2014 - 15:21

    What is your nationality in fact ? :hum:

    I do like on the example ? Or the other solution ? And I'm not sure you understand : you must give the pictures yourself, and I need them to give you the coding :)
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Jeu 30 Oct 2014 - 22:13

    My Birthplace is quebec , though very young , I went to Spain , now return to my birthplace is Something Difficult retake the French ....

    (Halloween) Categories square OukjuTJ

    about it , sorry if I did not explain well you showed me a suggestion of where they could go the icons again and closed to which I replied that if I liked the suggestion you gave me and so I like it here I leave images that requires them , forgive if I do not explain either an apology.

    (Halloween) Categories square MRNOBpi
    (Halloween) Categories square DpBVN8h
    Anonymous
    Invité

    Ven 31 Oct 2014 - 13:40

    Oh, you travelled *-*

    I did the modifications, is it good for you ? :3
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Sam 1 Nov 2014 - 6:39

    Yes, I spent a lot of time traveling Spain , also a place called veracruz mexico is very beautiful! ,


    if with these modifications would stay perfect , so stop bothering you , I'm very annoying :gene: .
    Anonymous
    Invité

    Sam 1 Nov 2014 - 18:53

    I never went to Spain :/

    You don't bored me xD So, if you want to try it on your forum :

    In your CSS :
    Code:
    /* -------------------------------- CATEGORIES -------------------------------- */

        /* TITRE CATEGORIES */
        .catetitre_content h2{
          color: #ffffff;
          font-family: arial;
          font-size: 24px;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: 1px;
          text-shadow: 1px 1px 0px #000000;
        }

        /* CONTENU DE L'ENSEMBLE DES FORUM */
        .forum_bloc {
          width: 950px;
        background-color: #F2F2F2;
        }


        /* MISE EN FORME EN DEUX COLONNES */
        .forum {
          float: left;
          width: 460px;
          margin-left: 10px;
        }

        .forum_contenu {
          position: relative;
          z-index: 1;
          width: 99.8%;
          height: 100%;
          margin-left: auto;
          margin-right: auto;
          background-color: #EAEAEA;
        }


        /* MISE EN FORME TITRE FORUM + STATISTIQUES */
        /* Fond */
        .bloc_haut {
          display: inline-block;
          width: 95%;
          background-color: #E1E1E1;
          color: #8D8D8B;
          font-size: 11px;
          padding: 11px;
          border-radius: 15px 15px 0px 0px;
        }
       
        /* Statistiques */
        .stats {
          float: right;
          position: relative;
        }

        /* Titre du forum */
        a.forumlink {
          width: 100%;
          color: #7E807F !important;
          font-family: arial;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: 1px;
        }


        /* MISE EN FORME SOUS-FORUM EN HOVER */

        /* Contenu format texte */
        .description {
          width: 350px;
          height: 50px;
          overflow: auto;
          text-align: justify;
          font-size: 11px;
          padding: 10px;
        }

        /* Hover */
        .sous-forum {
          width: 420px;
          height: 80px;
          overflow: hidden;
        }

        .sous-forum_img {
          position: relative;
          z-index: 2;
          width: 420px;
          height: 80px;
          background-color: #EAEAEA;
          margin-left: 0px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        .sous-forum:hover .sous-forum_img {
          margin-left: 420px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        .sous-forum_description{
          position: relative;
          z-index: 1;
          width: 420px;
          height: 80px;
          margin-top: -80px;
          text-align: justify;
          font-size: 11px;
          color: #9C9B99;
          padding: 10px;
          overflow: auto;
        }

        .sous-forum_description a {
          color: #545352;
        }

        .sous-forum_description a:hover {
          color: #1C1C1C;
          text-decoration: none !important;
        }


        /* MISE EN FORME DERNIERS MESSAGES */
        /* Fond */
        .bloc_bas {
          display: inline-block;
          background-color: #E1E1E1;
          color: #545352;
          font-size: 11px;
          padding: 11px;
          border-radius: 0px 0px 15px 15px;
          width: 95%;
          margin-right: 0px;
        }

        /* Lien derniers messages */
        .last a {
          color: #1C1C1C;
          text-decoration: none !important;
        }

        .last {
          float: right;
        }

        /* MISE EN FORME ILLUSTRATION */
    .new {
      position: relative;
      z-index: 1;
      width: 16px;
      height: 16px;
      margin-left: 15px;
    }

        /* -------------------------------- FIN CATEGORIES -------------------------------- */


    And in the 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 -->

     
    <div class="catetitre_content">{catrow.tablehead.L_FORUM}</div>

        <!-- END tablehead -->
        <!-- BEGIN cathead -->


        <!-- END cathead -->
        <!-- BEGIN forumrow -->
       

        <div class="forum_bloc">
        <div class="forum">
         
          <span class="bloc_haut">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> <span class="new"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
            <span class="stats" align="right">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span></span>
         
        <div class="forum_contenu"><div class="sous-forum"><div class="sous-forum_img">{catrow.forumrow.FORUM_DESC}</div><div class="sous-forum_description">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
    <div style="clear: both;"></div>
            <br />
           
          </div>
          <span class="bloc_bas"> <span class="last" id="last">{catrow.forumrow.LAST_POST}</span></span>
    <script type="text/javascript">
    jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block;">-</span>')).removeAttr('id');
      </script>
            <br /><br /><br />
        </div>
     
        </div>


        <!-- END forumrow -->
        <!-- BEGIN catfoot -->

        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->

          <!-- END tablefoot --><!-- END catrow -->
    Tony`s
    Tony`s
    MasculinAge : 32Messages : 64

    Lun 3 Nov 2014 - 2:46

    Merci beaucoup ce parfait , sérieusement vous êtes un amour :3, Résolu merci encore .
    Contenu sponsorisé


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