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 du moment : -29%
PC portable Gamer ERAZER DEPUTY P60 – ...
Voir le deal
999.99 €

    (Halloween) Categories square

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

    Jeu 9 Oct 2014 - 22:14

    Rappel du premier message :

    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 - Page 2 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
    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 - Page 2 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 - Page 2 MRNOBpi
    (Halloween) Categories square - Page 2 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 Mar 19 Mar 2024 - 5:34