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 : 22Messages : 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
    Féhéla
    FémininAge : 44Messages : 238

    le Mar 21 Oct 2014 - 18:57

    merci du partage :)
    avatar
    Mangédéfruiélégumeuh
    MasculinAge : 21Messages : 83

    le Lun 10 Nov 2014 - 23:01

    Merci :3
    avatar
    plushmasters
    FémininAge : 25Messages : 70

    le Mar 11 Nov 2014 - 17:12

    j'aime :)
    avatar
    lolosmile
    FémininAge : 26Messages : 37

    le Mar 9 Déc 2014 - 17:08

    merci
    avatar
    SpicAsh
    FémininAge : 21Messages : 170

    le Jeu 8 Jan 2015 - 10:21

    Merci !
    avatar
    MxPrime2
    MasculinAge : 24Messages : 81

    le Sam 10 Jan 2015 - 17:06

    Merci !
    avatar
    pinkwinee
    FémininAge : 23Messages : 44

    le Mar 27 Jan 2015 - 21:17

    merciii <3
    avatar
    Yamaji
    MasculinAge : 24Messages : 53

    le Dim 15 Fév 2015 - 15:48

    merci
    avatar
    DaZeli
    FémininAge : 22Messages : 377

    le Sam 28 Fév 2015 - 1:41

    Merci!
    En ligne
    avatar
    Solitude
    FémininAge : 43Messages : 286

    le Jeu 5 Mar 2015 - 18:32

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Jenova
    MasculinAge : 23Messages : 126

    le Sam 7 Mar 2015 - 14:42

    Bravo o/



    avatar
    Equestria
    FémininAge : 21Messages : 118

    le Ven 17 Avr 2015 - 5:15

    merci
    avatar
    Kira de Shola
    FémininAge : 21Messages : 60

    le Sam 9 Mai 2015 - 15:30

    Merci
    avatar
    TiGraou
    MasculinAge : 25Messages : 238

    le Lun 18 Mai 2015 - 20:00

    Merci !
    avatar
    Professeur Felyne
    MasculinAge : 32Messages : 84

    le Dim 24 Mai 2015 - 0:09

    Merci ^^



    .
    avatar
    Gabriielle
    FémininAge : 27Messages : 42

    le Mer 27 Mai 2015 - 21:13

    merci
    avatar
    Hayate747
    MasculinAge : 28Messages : 196

    le Dim 14 Juin 2015 - 23:57

    Merci !!
    avatar
    Fame
    MasculinAge : 28Messages : 229

    le Dim 28 Juin 2015 - 17:09

    merci :)
    Hop80
    MasculinAge : 28Messages : 138

    le Jeu 9 Juil 2015 - 1:07

    sympa merci
    avatar
    NekoMiaouw
    FémininAge : 21Messages : 136

    le Ven 17 Juil 2015 - 13:36

    mercii!



    avatar
    Anselm
    MasculinAge : 27Messages : 151

    le Mar 21 Juil 2015 - 16:57

    merci !
    avatar
    Chocolakato
    FémininAge : 28Messages : 795

    le Jeu 30 Juil 2015 - 15:56

    ♥ Merci



    avatar
    Lessien
    FémininAge : 36Messages : 163

    le Lun 24 Aoû 2015 - 20:57

    Merci
    En ligne
    avatar
    Kelalin
    FémininAge : 25Messages : 1886

    le Lun 24 Aoû 2015 - 21:23

    Merci \(*0*)/
    avatar
    Tom974114
    MasculinAge : 15Messages : 9

    le Dim 30 Aoû 2015 - 13:48

    c cool ce ke ta fé
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Juin 2018 - 12:16