AccueilFAQRechercherMembresGroupesS'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.


    Catégories avec forums type bandeau

    Partagez
    avatar
    Sauney
    FémininAge : 23Messages : 428

    le Lun 14 Juil 2014 - 16:50

    Rappel du premier message :



    Voici un aperçu !
    Spoiler:

    Voilà le HTML, il suffit de remplacer votre template index_box par le code ci-dessous :
    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="cadre_categorie">
    <div class="categorie_titre_bloc"><span class="categorie_titre">{catrow.tablehead.L_FORUM}</span></div>
       <!-- END tablehead -->
       <!-- BEGIN cathead -->
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
    <div class="forum"><div class="titre_forum" colspan="{catrow.forumrow.INC_SPAN}">
             <h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                   <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                </span>
                              <span id="stats_forum" class="gensmall">{catrow.forumrow.TOPICS} S | {catrow.forumrow.POSTS} M</span>
             </h{catrow.forumrow.LEVEL}>
              </div>
    <div class="description_forum"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
             <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
             </span>
          </div>
      <div class="icones_messages">
       <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </div>
      <div class="dernier_message"><br /><br /><span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </div>
    <div class="sous_forums">
      {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </div></div>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
    <center><a class="credits" href="http://www.never-utopia.com/">Sauney de Never Utopia</a></center></div><!-- END tablefoot --><!-- END catrow -->

    Voici pour le CSS à placer dans la feuille de style, le CSS n'est pas commenté mais je pense qu'il parle de lui-même :
    Code:
    /* DEBUT DES CATEGORIES */
    .cadre_categorie{
    margin: 10px auto 10px auto;
    width: 90%;
    border-radius: 20px;
    border: 1px solid #000;
    box-shadow: 0px 0px 2px grey;
    }
    .categorie_titre_bloc{
    width: 100%;
    height: 40px;
    border-bottom: 5px dotted #000; 
    }
    .categorie_titre, .categorie_titre h2{
    text-align: center;
    font-family: 'Georgia';
    font-size: 40px;
    color: #000;
    }
    .forum{
    width: 100%;
    margin: auto;
    }
    .titre_forum{
    background-color: #000;
    width: 99%;
    height: 30px;
    padding: 5px;
    }
    .forumlink, a.forumlink, a.forumlink:visited, a.forumlink:active{
    display: inline-block;
    text-align: left;
    font-weight: bold;
    font-size: 25px;
    font-family: 'Georgia';
    color : #05a191;
    text-shadow: 1px 1px 1px #047064;
    }
    a.forumlink:hover{
    text-decoration: none;
    text-transform: uppercase;
    color : #07d3bd;
    margin-left: 300px;
    transition: 500ms linear 1ms;
    }
    #stats_forum{
    float: right;
    display: inline-block;
    padding-top: 10px;
    text-align: right;
    font-size: 10px;
    font-family: 'Georgia';
    color : #05a191;
    }
    .description_forum{
    position: relative;
    float: left;
    margin: 5px 10px 5px 10px;
    width: 65%;
    height: 80px;
    border: 1px solid #000;
    padding: 10px;
    }
    .icones_messages{
    position: relative;
    float: left;
    display: inline-block;
    margin: 5px 10px -110px 0px;
    width: 10%;
    height: 100px;
    }
    .dernier_message{
    position: relative;
    float: right;
    display: inline-block;
    margin: 5px 10px 5px 0px;
    width: 17%;
    height: 100px;
    border: 1px solid #000;
    text-align: center;
    font-size: 12px;
    }
    .dernier_message span{
    font-size: 12px;
    }
    .sous_forums{
    background-color: #000;
    width: 99%;
    height: 20px;
    overflow-y: auto; 
    padding: 5px;
    margin-bottom: 10px;
    }
    .credits, a.credits, a.credits:visited, a.credits:active{
    display: inline-block;
    margin: auto;
    text-align: center;
    font-size: 8px;
    font-family: 'Georgia';
    color : #05a191;
    text-shadow: 1px 1px 1px #047064;
    }
    a.credits:hover{
    text-decoration: none;
    text-transform: uppercase;
    color : #07d3bd;
    }
    /* PARTIE QUI VA DANS LA DESCRIPTION D'UN FORUM */
    .texte_description{
    position: relative;
    float: left;
    width: 440px;
    height: 80px;
    overflow-y: auto;
    -webkit-hyphens: auto;
    o-hyphens: auto;
    hyphens: auto;
    color: #05a191;
    }
    .img_description{
    position: relative;
    float: right;
    width: 70px;
    height: 80px;
    }

    Et voici le code que vous devez mettre dans la description de vos forums(PA -> Général -> Catégories et forums) :
    Code:
    <span class="texte_description">Quis enim aut eum diligat quem metuat, aut eum a quo se metui putet? Coluntur tamen simulatione dumtaxat ad tempus. Quod si forte, ut fit plerumque, ceciderunt, tum intellegitur quam fuerint inopes amicorum. Quod Tarquinium dixisse ferunt, tum exsulantem se intellexisse quos fidos amicos habuisset, quos infidos, cum iam neutris gratiam referre posset. </span> <img class="img_description" src="http://img11.hostingpics.net/pics/64174470x80.png" />

    Un petit merci ou commentaire est toujours le bienvenu ^^
    - Mettre/laisser un crédit vers Never-Utopia est obligatoire.
    - Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.
    avatar
    Azalia
    FémininAge : 26Messages : 17

    le Dim 6 Mar 2016 - 15:20

    merci pour le partage



    la patience est une vertue
    avatar
    Laymes
    FémininAge : 22Messages : 7

    le Mar 29 Mar 2016 - 10:31

    Merci beaucoup !
    avatar
    jeremy31
    MasculinAge : 21Messages : 22

    le Mer 27 Avr 2016 - 23:24

    merci :)
    avatar
    jeremy31
    MasculinAge : 21Messages : 22

    le Mer 27 Avr 2016 - 23:24

    merci :)
    avatar
    Coco-Lapin02
    MasculinAge : 50Messages : 167

    le Lun 2 Mai 2016 - 17:00

    Merci
    avatar
    Deed01
    MasculinAge : 40Messages : 340

    le Dim 15 Mai 2016 - 17:25

    thanks Very Happy
    avatar
    Madras
    FémininAge : 33Messages : 281

    le Dim 5 Juin 2016 - 23:27

    Merci
    avatar
    Goupixette
    FémininAge : 27Messages : 28

    le Ven 15 Juil 2016 - 14:14

    Merci du partage ♥



    avatar
    marie-noelle
    FémininAge : 60Messages : 109

    le Dim 7 Aoû 2016 - 19:15

    merci :)
    avatar
    ENDLESS-DREAM
    FémininAge : 27Messages : 31

    le Jeu 25 Aoû 2016 - 23:19

    merci beaucoup <3
    avatar
    Leelo
    FémininAge : 27Messages : 149

    le Mer 19 Oct 2016 - 15:05

    super sympa merci
    avatar
    Bryan1997
    MasculinAge : 21Messages : 51

    le Jeu 20 Oct 2016 - 21:42

    merci
    avatar
    Akilepoulet
    FémininAge : 15Messages : 4

    le Mer 11 Jan 2017 - 22:25

    Merci!
    avatar
    Nighthayah
    FémininAge : 31Messages : 69

    le Ven 13 Jan 2017 - 17:24

    mille merci
    avatar
    Bambi's logic
    FémininAge : 22Messages : 25

    le Mar 31 Jan 2017 - 14:11

    merci ! **
    avatar
    Suna
    FémininAge : 13Messages : 33

    le Jeu 9 Mar 2017 - 19:03

    Merci Sauney, vraiment gentil et sympa de ta part. :')



    Salut à tous, mon nom est Suna en rapport avec Suna (un village de Ninja dans Naruto)
    Mes surnoms son Gaga, Erza et Gaara. j'aime beaucoup les mangas et en particulier Fairy Tail. Je suis fort en rpg, mnof e, codage et nulle à chier en graphisme.

    avatar
    ArgelTown
    MasculinAge : 19Messages : 23

    le Mar 4 Avr 2017 - 20:15

    Merci beaucoup
    avatar
    J-SZ
    FémininAge : 28Messages : 217

    le Mar 11 Juil 2017 - 10:43

    Merci :love:
    avatar
    Cendre de Lune
    FémininAge : 55Messages : 11

    le Ven 22 Sep 2017 - 9:28

    mereci
    avatar
    AryaS-
    FémininAge : 19Messages : 15

    le Mar 3 Oct 2017 - 14:41

    Merci !
    avatar
    WalkingContradiction
    FémininAge : 24Messages : 19

    le Dim 5 Nov 2017 - 21:36

    mici !
    avatar
    Draly
    FémininAge : 25Messages : 109

    le Jeu 8 Fév 2018 - 12:01

    Merci du partage.^^
    avatar
    Mattyew
    MasculinAge : 24Messages : 88

    le Sam 31 Mar 2018 - 21:25

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Ven 19 Oct 2018 - 17:16