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 :
Pokémon EV8.5 : coffret Collection Classeur ...
Voir le deal

    Catégories avec forums type bandeau

    Sauney
    Sauney
    FémininAge : 29Messages : 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.
    ROGERS.
    ROGERS.
    FémininAge : 29Messages : 335

    Dim 30 Aoû 2015 - 13:50

    Merci !! Very Happy
    Deadpoolio
    Deadpoolio
    MasculinAge : 34Messages : 277

    Mar 15 Sep 2015 - 10:55

    Merci beaucoup :)
    Araki
    Araki
    MasculinAge : 34Messages : 141

    Mer 23 Sep 2015 - 12:29

    Merci, en espérant que ce code ne soit pas comme les nombreux autre, plein de bugs ou d'incompatibilités, mais merci, ca semble simple et efficace, bien foutu. ^^
    Neyotox
    Neyotox
    MasculinAge : 31Messages : 37

    Mer 23 Sep 2015 - 23:46

    wow merci
    fair game
    fair game
    FémininAge : 34Messages : 13

    Dim 27 Sep 2015 - 1:32

    merci
    Bunny Lune
    Bunny Lune
    FémininAge : 35Messages : 145

    Dim 27 Sep 2015 - 12:03

    Bonjour,

    Merci pour le partage.
    meolyne
    meolyne
    FémininAge : 40Messages : 74

    Lun 28 Sep 2015 - 17:43

    Merci à vous
    avatar
    Isalya
    FémininAge : 28Messages : 12

    Dim 11 Oct 2015 - 16:31

    Merci !
    Raymanou
    Raymanou
    MasculinAge : 32Messages : 49

    Dim 18 Oct 2015 - 15:41

    merci
    P'tit loup
    P'tit loup
    MasculinAge : 42Messages : 451

    Ven 23 Oct 2015 - 10:30

    Thanks



    Catégories avec forums type bandeau - Page 3 30xivrd
    Kiowa
    Kiowa
    FémininAge : 35Messages : 220

    Ven 23 Oct 2015 - 14:06

    Un gros merci
    Joh.A
    Joh.A
    FémininAge : 31Messages : 8

    Sam 14 Nov 2015 - 13:19

    Genial :)
    Tit_Kiwi
    Tit_Kiwi
    FémininAge : 33Messages : 26

    Lun 16 Nov 2015 - 11:33

    Merci beaucoup :heart:
    Haru-Raka
    Haru-Raka
    FémininAge : 37Messages : 38

    Mar 17 Nov 2015 - 22:13

    encore des test, je finirai à trouver le truc x)
    Rhoswen Fay
    Rhoswen Fay
    FémininAge : 37Messages : 66

    Sam 21 Nov 2015 - 1:20

    merci
    Sweet Angel
    Sweet Angel
    FémininAge : 41Messages : 153

    Dim 29 Nov 2015 - 11:41

    Merci
    Lilie
    Lilie
    FémininAge : 41Messages : 190

    Dim 29 Nov 2015 - 12:16

    Oh ça m'intéresse :) Merci !
    Shadaan
    Shadaan
    FémininAge : 32Messages : 80

    Dim 6 Déc 2015 - 17:32

    Parfait, merci ♥



    Catégories avec forums type bandeau - Page 3 897455signnu
    Pandora Blue
    Pandora Blue
    FémininAge : 36Messages : 29

    Mar 8 Déc 2015 - 18:39

    Pile ce qu'il me fallait ! Merci beaucoup ♥



    I CAN'T CONTROL
    THIS BLOODLUST
    Grande
    Grande
    FémininAge : 36Messages : 207

    Lun 28 Déc 2015 - 7:32

    Merci =D



    Catégories avec forums type bandeau - Page 3 171074gwenj10
    Skullewen
    Skullewen
    FémininAge : 28Messages : 17

    Mer 13 Jan 2016 - 12:57

    merci beaucoup
    reshiram44
    reshiram44
    MasculinAge : 26Messages : 380

    Sam 16 Jan 2016 - 23:04

    merci



    Kaleessi
    Kaleessi
    FémininAge : 32Messages : 78

    Lun 1 Fév 2016 - 4:02

    Ohhh Merci beaucoup!! :)
    Kilda
    Kilda
    FémininAge : 44Messages : 73

    Lun 1 Fév 2016 - 23:44

    merci
    Malédictia
    Malédictia
    FémininAge : 29Messages : 5

    Jeu 3 Mar 2016 - 13:17

    Merci beaucoup  !
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 15:58