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.

-34%
Le deal à ne pas rater :
-34% LG OLED55B3 – TV OLED 4K 55″ 2023 – 100Hz HDR 10+, ...
919 € 1399 €
Voir le deal

    Catégories blanches et bleues avec avatar du dernier posteur

    Lunayine
    Lunayine
    FémininAge : 26Messages : 55

    Jeu 12 Mar 2015 - 19:34

    Rappel du premier message :


    Bonjour à tous,

    Voici un LS de catégories réalisé en réponse à la demande de .loumpia


    Aperçu - Live - Version : PHBB2


    Quelques petites précisions
    Couleur des liens : #4861A3
    Couleurs des liens au survol : #6274a3
    Image New/No New/Lock : 137*48 px ( redimensionnement auto )
    Avatar du dernier posteur : 100*160 px ( redimensionnement auto )
    Bleu clair correspondant au fond du forum : #d5e7f5 (à mettre dans le PA si vous voulez cette couleur)
    Séparation des liens de sous-forums : ✩
    Les tailles de polices sont celles que vous avez définies dans votre PA ( la moyenne pour les descriptions et la petite pour les liens et message du dernier posteur )
    Pour obtenir la même police pour les titres, allez lire ce sujet

    Attention, si vous avez déjà modifié votre template index_body par le passé, veillez à le sauvegarder quelque part afin de pouvoir le récupérer si vous vous rendez compte que vous souhaitiez garder certaines de vos modifications en plus de ces nouvelles catégories.
    ( Pensez à sauvegarder vos templates modifiés de manière générale )




    Code à ajouter à votre feuille de style CSS (Panneau d'administrateur > Affichage > Images et Couleurs > Couleurs > CSS) :
    Code:
    #categories {
      background:transparent;
      }
      table#categories td {
      background:#FFFFFC;
      }
      table#categories td a {
      color:#4861A3;
      transition:color linear 0.2s;
      -webkit-transition:color linear 0.2s;
      }
      table#categories td a:hover {
      color:#6274a3;
      transition:color linear 0.2s;
      -webkit-transition:color linear 0.2s;
      }
      table#categories td img.imgnewpost {
      width:137px;
      height:48px;
      }
      table#categories td.newpost {
      border-radius:40px 0px 0px 40px;
      padding-left:10px;
      }
      table#categories td span#nbposts {
      text-transform:uppercase;
      font-size:9px;
      }
    table#categories td span#lastpost {
      height:56px;
      width:127px;
      overflow:visible;
      }
      table#categories td.descriptions {
      border-radius:0px 40px 40px 0px;
      padding-right:10px;
      }
      table#categories div.description {
      padding:5px;
      margin:5px 0px 5px 0px;
      overflow:auto;
      height:80px;
      text-align:justify;
      }
      table#categories div.forumlink {
      text-align:center;
      margin-top:-20px;
      }
      #categories div.forumlink a{
      font-size:20px;
      color:darkblue;
      font-family:'Indie Flower';
      }
      table#categories div#details {
      text-align:center;
      }
      table#categories div.lastpost-avatar {
      height:120px;
      width:80px;
      }
      table#categories div.lastpost-avatar img {
      height:120px;
      width:80px;
      }

    Code à enregistrer dans le template Index_box après avoir effacé son contenu (Panneau d'administration > Affichage > Templates > Général > Index_box Affichage des catégories) :
    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 --><table class="forumline" width="100%" border="0" cellspacing="7" cellpadding="5" id="categories">
       <!-- BEGIN cathead -->
       <tr>
          <td class="{catrow.cathead.CLASS_CAT}" colspan="3" 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>
       </tr>
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
       <tr>
          <td class="newpost" align="center" valign="middle">
             <img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                      <span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span>
          </td>
                    <td align="center" valign="middle">
                <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
                    </td>
          <td valign="top" width="100%" class="descriptions">
                      <div class="forumlink"><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css' /><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />                  <span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets</span></div>
                      <div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
             <div id="details" class="gensmall">
                              <span id="lienssousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                                <script type="text/javascript">
                                  jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,' ✩ ')).removeAttr('id');
                                </script>
                              </span>
             </div>
          </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><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --><div style="color: rgba(0,0,0,0.2); font-weight: bold; font-size: 8px; margin-top: -10px; text-align: center;">©015 Catégories by Lunay on <a href="http://www.never-utopia.com/">NU</a></div>

    « Je ne comprends pas, rien ne s'affiche dans la deuxième case ! »
    Vous devez avoir activé l'affichage de l'avatar du dernier posteur dans votre PA si vous souhaitez qu'il s'affiche. Pour ce faire : Panneau d'Administration > Affichage > Page d'accueil > Structure et hiérarchie > Hiérarchie > Afficher les avatars dans la colonne "Derniers messages" : Oui
    De plus, sur cette même page vous devez choisir la hiérarchie niveau moyen sans séparation des catégories, c'est à dire la deuxième option.


    Je rappelle que le copyright est obligatoire et que vous avez la possibilité de demander de l'aide pour personnaliser votre code dans cette partie. De plus, si vous rencontrez un problème avec ce code, cette partie vous permettra de demander de l'aide.


    Un petit merci ou commentaire est toujours le bienvenu ^^


    Dernière édition par Lunayine le Ven 12 Juin 2015 - 11:43, édité 2 fois
    lolosmile
    lolosmile
    FémininAge : 32Messages : 37

    Mer 4 Nov 2015 - 17:33

    merci
    SvenO
    SvenO
    MasculinAge : 30Messages : 78

    Mer 4 Nov 2015 - 19:25

    Merci, ça m'intéresse Very Happy



    Catégories blanches et bleues avec avatar du dernier posteur - Page 6 703037Bann
    SvenO
    SvenO
    MasculinAge : 30Messages : 78

    Mer 4 Nov 2015 - 19:26

    Merci, ça m'intéresse Very Happy



    Catégories blanches et bleues avec avatar du dernier posteur - Page 6 703037Bann
    Luxuria
    Luxuria
    FémininAge : 26Messages : 83

    Jeu 5 Nov 2015 - 18:42

    Magnifique *-*
    Loukoum
    Loukoum
    FémininAge : 30Messages : 1461

    Sam 7 Nov 2015 - 22:29

    Très joli, merci beaucoup!



    Shanyme Thibolt
    Shanyme Thibolt
    FémininAge : 30Messages : 156

    Dim 8 Nov 2015 - 22:53

    Merci pour le partage.
    avatar
    Wolftactick
    FémininAge : 22Messages : 71

    Ven 13 Nov 2015 - 18:51

    Miuw
    Anonymous
    Invité

    Jeu 19 Nov 2015 - 8:17

    Merci du partage !
    Bzzzz
    Bzzzz
    FémininAge : 39Messages : 88

    Sam 21 Nov 2015 - 19:03

    Merci
    Anonymous
    Invité

    Sam 21 Nov 2015 - 20:43

    Merci !
    Liraco
    Liraco
    FémininAge : 27Messages : 21

    Dim 29 Nov 2015 - 14:08

    Code sympa, merci!
    Dadash_Pearl
    Dadash_Pearl
    FémininAge : 32Messages : 40

    Lun 30 Nov 2015 - 23:01

    Merci :) J'adore ♥
    Petit Harfang
    Petit Harfang
    FémininAge : 23Messages : 80

    Ven 4 Déc 2015 - 21:10

    Merci Very Happy
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Lun 7 Déc 2015 - 0:50

    Merci <3



    :heart: :heart:
    NekoMiaouw
    NekoMiaouw
    FémininAge : 27Messages : 148

    Ven 11 Déc 2015 - 18:09

    merci



    Catégories blanches et bleues avec avatar du dernier posteur - Page 6 388245alisign
    Daiunme
    Daiunme
    FémininAge : 35Messages : 42

    Jeu 17 Déc 2015 - 15:04

    merci beaucoup pour le partage :love:



    Catégories blanches et bleues avec avatar du dernier posteur - Page 6 Tumblr_lw48n9I5Pb1qcheado2_250
    Crazy-Sweet
    Crazy-Sweet
    FémininAge : 32Messages : 131

    Jeu 17 Déc 2015 - 19:49

    J'aime beaucoup ! Merci <3




    Our ice hearts beat
    Voir le monde dans un grain de sable. Et le paradis dans une fleur sauvage. Tenir l'infini dans le creux de sa main. Et l'éternité dans une heure - SIR WILLIAM BLAKE

    Pastiche
    Pastiche
    FémininAge : 29Messages : 78

    Sam 19 Déc 2015 - 15:38

    Merci beaucoup du partage ! Very Happy
    Neya
    Neya
    FémininAge : 24Messages : 164

    Lun 21 Déc 2015 - 9:13

    Merci, c'est magnifique !
    Mimio
    Mimio
    FémininAge : 29Messages : 191

    Jeu 24 Déc 2015 - 23:12

    Merci, c'est magnifique !



    Catégories blanches et bleues avec avatar du dernier posteur - Page 6 134914Signazael2
    Zomega
    Zomega
    FémininAge : 33Messages : 31

    Sam 26 Déc 2015 - 3:25

    Thank you !
    Clarisse
    Clarisse
    FémininAge : 24Messages : 3960

    Sam 26 Déc 2015 - 16:06

    Oh mais c'est que c'beau tout ça. *O* Merci !
    ( Lou' )
    ( Lou' )
    FémininAge : 28Messages : 108

    Lun 28 Déc 2015 - 21:01

    Merci beaucoup, pile ce dont j'avais besoin **
    megb59
    megb59
    FémininAge : 29Messages : 111

    Mar 29 Déc 2015 - 9:00

    Ce code est vraiment sympas ! merci!
    Dixy
    Dixy
    FémininAge : 30Messages : 234

    Mar 5 Jan 2016 - 16:16

    Depuis le temps que j'en cherche *o* merci beaucoup



    Catégories blanches et bleues avec avatar du dernier posteur - Page 6 ?c=isi&im=%2F8762%2F84558762%2Fpics%2F3210667051_1_13_DkYrqtSL
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 6:23