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.

-30%
Le deal à ne pas rater :
SSD interne 2To Lexar Play (avec dissipateur thermique, idéal pour ...
139.99 € 199.99 €
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.
    Féhéla
    Féhéla
    FémininAge : 51Messages : 238

    Mar 21 Oct 2014 - 18:57

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

    Lun 10 Nov 2014 - 23:01

    Merci :3
    plushmasters
    plushmasters
    FémininAge : 32Messages : 71

    Mar 11 Nov 2014 - 17:12

    j'aime :)
    lolosmile
    lolosmile
    FémininAge : 33Messages : 37

    Mar 9 Déc 2014 - 17:08

    merci
    SpicAsh
    SpicAsh
    FémininAge : 28Messages : 176

    Jeu 8 Jan 2015 - 10:21

    Merci !
    MxPrime2
    MxPrime2
    MasculinAge : 30Messages : 81

    Sam 10 Jan 2015 - 17:06

    Merci !
    pinkwinee
    pinkwinee
    FémininAge : 30Messages : 44

    Mar 27 Jan 2015 - 21:17

    merciii <3
    Yamaji
    Yamaji
    MasculinAge : 30Messages : 53

    Dim 15 Fév 2015 - 15:48

    merci
    DaZeli
    DaZeli
    FémininAge : 29Messages : 377

    Sam 28 Fév 2015 - 1:41

    Merci!
    Solitude
    Solitude
    FémininAge : 49Messages : 294

    Jeu 5 Mar 2015 - 18:32

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Catégories avec forums type bandeau - Page 2 Sign510
    Jenova
    Jenova
    MasculinAge : 30Messages : 153

    Sam 7 Mar 2015 - 14:42

    Bravo o/



    Catégories avec forums type bandeau - Page 2 I3k3
    Equestria
    Equestria
    FémininAge : 27Messages : 118

    Ven 17 Avr 2015 - 5:15

    merci
    Kira de Shola
    Kira de Shola
    FémininAge : 27Messages : 60

    Sam 9 Mai 2015 - 15:30

    Merci
    TiGraou
    TiGraou
    MasculinAge : 31Messages : 243

    Lun 18 Mai 2015 - 20:00

    Merci !
    Professeur Felyne
    Professeur Felyne
    MasculinAge : 38Messages : 85

    Dim 24 Mai 2015 - 0:09

    Merci ^^



    .
    Gabriielle
    Gabriielle
    FémininAge : 33Messages : 42

    Mer 27 Mai 2015 - 21:13

    merci
    Hayate747
    Hayate747
    MasculinAge : 35Messages : 196

    Dim 14 Juin 2015 - 23:57

    Merci !!
    Fame
    Fame
    MasculinAge : 34Messages : 240

    Dim 28 Juin 2015 - 17:09

    merci :)
    avatar
    Hop80
    MasculinAge : 35Messages : 138

    Jeu 9 Juil 2015 - 1:07

    sympa merci
    NekoMiaouw
    NekoMiaouw
    FémininAge : 28Messages : 148

    Ven 17 Juil 2015 - 13:36

    mercii!



    Catégories avec forums type bandeau - Page 2 388245alisign
    Anselm
    Anselm
    MasculinAge : 33Messages : 151

    Mar 21 Juil 2015 - 16:57

    merci !
    Chocolakato
    Chocolakato
    FémininAge : 34Messages : 837

    Jeu 30 Juil 2015 - 15:56

    ♥ Merci



    Lessien
    Lessien
    FémininAge : 42Messages : 163

    Lun 24 Aoû 2015 - 20:57

    Merci
    Anonymous
    Invité

    Lun 24 Aoû 2015 - 21:23

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

    Dim 30 Aoû 2015 - 13:48

    c cool ce ke ta fé
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 17:24