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.


    Catégories avec forums type bandeau

    Sauney
    Sauney
    FémininAge : 28Messages : 435

    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.
    Azalia
    Azalia
    FémininAge : 32Messages : 17

    Dim 6 Mar 2016 - 15:20

    merci pour le partage



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

    Mar 29 Mar 2016 - 10:31

    Merci beaucoup !
    jeremy31
    jeremy31
    MasculinAge : 26Messages : 22

    Mer 27 Avr 2016 - 23:24

    merci :)
    jeremy31
    jeremy31
    MasculinAge : 26Messages : 22

    Mer 27 Avr 2016 - 23:24

    merci :)
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 55Messages : 167

    Lun 2 Mai 2016 - 17:00

    Merci
    Deed01
    Deed01
    MasculinAge : 46Messages : 343

    Dim 15 Mai 2016 - 17:25

    thanks Very Happy
    Madras
    Madras
    FémininAge : 39Messages : 285

    Dim 5 Juin 2016 - 23:27

    Merci
    Goupixette
    Goupixette
    FémininAge : 32Messages : 28

    Ven 15 Juil 2016 - 14:14

    Merci du partage ♥



    Catégories avec forums type bandeau - Page 4 Goupix10
    marie-noelle
    marie-noelle
    FémininAge : 66Messages : 112

    Dim 7 Aoû 2016 - 19:15

    merci :)
    ENDLESS-DREAM
    ENDLESS-DREAM
    FémininAge : 32Messages : 31

    Jeu 25 Aoû 2016 - 23:19

    merci beaucoup <3
    Leelo
    Leelo
    FémininAge : 32Messages : 157

    Mer 19 Oct 2016 - 15:05

    super sympa merci
    Bryan1997
    Bryan1997
    MasculinAge : 26Messages : 51

    Jeu 20 Oct 2016 - 21:42

    merci
    Akilepoulet
    Akilepoulet
    FémininAge : 21Messages : 4

    Mer 11 Jan 2017 - 22:25

    Merci!
    Nighthayah
    Nighthayah
    FémininAge : 36Messages : 69

    Ven 13 Jan 2017 - 17:24

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

    Mar 31 Jan 2017 - 14:11

    merci ! **
    Suna
    Suna
    FémininAge : 18Messages : 33

    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.

    Catégories avec forums type bandeau - Page 4 Url?sa=i&rct=j&q=&esrc=s&source=images&cd=&cad=rja&uact=8&ved=0ahUKEwi90cbPor_SAhXHiRoKHe5MAGIQjRwIBw&url=https%3A%2F%2Ffr.pinterest.com%2Fpin%2F286049013812562888%2F&bvm=bv.148747831,d
    ArgelTown
    ArgelTown
    MasculinAge : 24Messages : 23

    Mar 4 Avr 2017 - 20:15

    Merci beaucoup
    Jak SZ
    Jak SZ
    FémininAge : 34Messages : 217

    Mar 11 Juil 2017 - 10:43

    Merci :love:
    Cendre de Lune
    Cendre de Lune
    FémininAge : 60Messages : 11

    Ven 22 Sep 2017 - 9:28

    mereci
    AryaS-
    AryaS-
    FémininAge : 24Messages : 15

    Mar 3 Oct 2017 - 14:41

    Merci !
    WalkingContradiction
    WalkingContradiction
    FémininAge : 30Messages : 19

    Dim 5 Nov 2017 - 21:36

    mici !
    Draly
    Draly
    FémininAge : 31Messages : 119

    Jeu 8 Fév 2018 - 12:01

    Merci du partage.^^
    Mattyew
    Mattyew
    MasculinAge : 30Messages : 90

    Sam 31 Mar 2018 - 21:25

    merci :)
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 8:36