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


    Forum en trois parties

    HeleneM
    HeleneM
    FémininAge : 26Messages : 195

    le Mer 22 Jan 2014 - 21:52

    Rappel du premier message :



    Bonjour,
    je vous propose ce libre service d'après une demande de Euterpe, voici un aperçu du rendu :
    Aperçu:
    Forum en trois parties - Page 9 Affich11

    N'oubliez pas de créditer :
    Code:
    Par HeleneM sur Never Utopia.

    Ce code nécessite d'avoir accès aux templates.


    Ce codage a été conçu sur Forum en trois parties - Page 9 Petit-10, avec un niveau de hiérarchie : "Séparer les catégories sur l'index" - "moyen".
    L'image de nouveau message est prévue pour une taille de 140*144.

    Template index_box
    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 --><center><div class="forumline categorie1">
     <div class="secondarytitle titre_cat"> {catrow.tablehead.L_FORUM} </div>
     <!-- END tablehead -->
     <!-- BEGIN cathead -->
     <!-- BEGIN inc -->
     <div class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></div>
     <!-- END inc -->
     <div class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
     <h{catrow.cathead.LEVEL} class="hierarchy">
     <span class="cattitle">
     <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
     </span>
     </h{catrow.cathead.LEVEL}>
     </div>
     <div class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</div>
     <!-- END cathead -->
     <!-- BEGIN forumrow -->
     <!-- BEGIN inc -->
     <div class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></div>
     <!-- END inc -->
    <div class="forum1">
    <div class="forum_cadre1">              
                     <span class="genmed descr_forum">{catrow.forumrow.FORUM_DESC}</span>
     </div>

     <h{catrow.forumrow.LEVEL} class="hierarchy">
     <div class="forumlink forum_cadre2">
     <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                                     <img class="img_forum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
     </div>
     </h{catrow.forumrow.LEVEL}>
     
    <div class="forum_cadre3">
              <span class="gensmall der_mess">{catrow.forumrow.LAST_POST}</span><br/>
               <span class="gensmall ss_forums">
     <!-- BEGIN switch_moderators_links -->
     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
     <!-- END switch_moderators_links -->
     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
     </span>
     </div>
    </div>
     <!-- END forumrow -->
     <!-- BEGIN catfoot -->
     <!-- BEGIN inc -->
     <div class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></div>
     <!-- END inc -->
     <div class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></div>
     <!-- END catfoot -->
     <!-- BEGIN tablefoot -->
    <br clear="both"/>
    </div></center>
    <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

    Css correspondant
    Code:
    /*polices*/
    @font-face{
     font-family: Fountain Pen Frenzy;
     src: url('http://www.mediafont.com/storage/contents/5801/font.eot');/* IE */ /*ne fonctionne pas sous IE*/
      src: local('Fountain Pen Frenzy'), url('http://www.mediafont.com/storage/contents/5801/FountainPen.ttf'); /* non-IE */
    }

    @font-face{
     font-family: Charlemagne Bold;
     src: url('http://www.mediafont.com/storage/contents/12039/font.eot'); /* IE */
     src: local('Charlemagne Bold'), url('http://www.mediafont.com/storage/contents/12039/CHARLB.TTF'); /* non-IE */
    }

    /*DEBUT - TEMPLATE INDEX_BOX*/

    /*affichage des catégories*/
    .forumline .categorie1{
      width: 800px !important; /*largeur*/
    }

    /*titre catégories*/
    .secondarytitle h2{
      font-family: Fountain Pen Frenzy, Times New Roman !important; /*type de police*/
      font-size: 40px !important; /*taille de police*/
    }

    /*affichage des forums*/
    .forum1{
      width:800px; /*largeur*/
      clear:both;
    }

    /*cadre de gauche la desciption*/
    .forum_cadre1{
      float:left; /*positionnement*/
      width: 300px; /*largeur*/
      height: 155px; /*hauteur*/
      background: url('http://img4.hostingpics.net/pics/367099Sanstitre3.png'); /*fond*/
      margin-top:30px; /*marge supérieure extérieure*/
    }

    /*description du forum*/
    .descr_forum{
      width: 280px; /*largeur*/
      height: 125px; /*hauteur*/
      display:inline-block;
      margin:15px 10px; /*marges extérieures*/
      overflow:auto; /*barre de défilement si besoin*/
      color: white !important; /*couleur du texte*/
      text-align:left; /*position du texte*/
      font-family: Charlemagne Bold, georgia !important; /*police du texte*/
    }
    /*cadre du milieu avec l'image de nouveau message et le titre de forum*/
    .forum_cadre2{
      float:left; /*positionnement*/
      margin:5px; /*marges extérieurs*/
      width:190px; /*largeur*/
      margin-top:10px !important; /*marge supérieure extérieure*/
    }

    /*titre de forum*/
    .forumlink{
      font-family:Fountain Pen Frenzy, Times New Roman; /*type de police*/
      font-size:30px !important; /*taille de police*/
      color: black !important; /*couleur du texte*/
    }
    /*image new, no new, lock*/
    .img_forum{
      width: 140px; /*largeur*/
      height: 144px; /*hauteur*/
    }

    /*cadre de droite*/
    .forum_cadre3{
      float:left; /*positionnement*/
      width: 300px; /*largeur*/
      height: 155px; /*hauteur*/
      background: url('http://img4.hostingpics.net/pics/367099Sanstitre3.png'); /*fond*/
      overflow:hidden;
      margin-top:30px; /*marge supérieure extérieure*/
    }
    .forum_cadre3 .gensmall{
      color: white !important; /*couleur du texte*/
      font-family: Charlemagne Bold, georgia !important; /*police du texte*/
    }
    /*afficha du dernier message*/
    .der_mess{
      display:inline-block;
      height:50px; /*hauteur*/
      margin-top:10px; /*marge supérieure extérieure*/
    }
    /*affichage des sous forums*/
    .ss_forums{
      display:inline-block;
      margin:10px 10px 5px 10px; /*marges extérieures*/
      height: 80px; /*hauteur*/
      overflow: auto; /*défilement au besion*/
    }
    /*FIN - TEMPLATE INDEX_BOX*/
    La police utilisée pour les titres ne prend pas en compte les accents.


    Les polices utilisées viennent de Media Fonts.

    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.



    "La normalité n'existe pas, la différence est la voie de la raison"
    Lucrécya
    Lucrécya
    FémininAge : 26Messages : 38

    le Mar 15 Mar 2016 - 22:01

    Merchiii !
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 51Messages : 167

    le Ven 18 Mar 2016 - 19:30

    C'est magnifique !
    Bravo
    avatar
    Darouine Lius
    MasculinAge : 30Messages : 65

    le Mar 29 Mar 2016 - 23:13

    merci
    Xyyny
    Xyyny
    FémininAge : 28Messages : 59

    le Mer 30 Mar 2016 - 14:06

    Hannn *-*
    Milkie
    Milkie
    MasculinAge : 30Messages : 8

    le Mer 20 Avr 2016 - 14:07

    Merci
    Tahp
    Tahp
    MasculinAge : 23Messages : 19

    le Sam 23 Avr 2016 - 13:42

    Merci beaucoup :)
    rosebleudu10
    rosebleudu10
    FémininAge : 29Messages : 189

    le Lun 25 Avr 2016 - 18:30

    merci beaucoup magnifique travail
    jeremy31
    jeremy31
    MasculinAge : 22Messages : 22

    le Ven 29 Avr 2016 - 14:40

    merci :)
    marie-noelle
    marie-noelle
    FémininAge : 61Messages : 110

    le Dim 8 Mai 2016 - 18:09

    merci
    Chatchoum
    Chatchoum
    FémininAge : 27Messages : 43

    le Lun 6 Juin 2016 - 13:19

    Merci beaucoup :)
    Chadot
    Chadot
    FémininAge : 31Messages : 176

    le Lun 27 Juin 2016 - 10:04

    Merci



    Forum en trois parties - Page 9 2mo6y5k
    Liiloux
    Liiloux
    FémininAge : 29Messages : 10

    le Mar 28 Juin 2016 - 17:05

    merci Very Happy
    Donquichotte
    Donquichotte
    MasculinAge : 23Messages : 48

    le Mer 29 Juin 2016 - 7:38

    Merci beaucoup!
    Bilandie
    Bilandie
    FémininAge : 23Messages : 19

    le Mar 2 Aoû 2016 - 22:52

    Ce code est vraiment magnifique! Merci beaucoup ^^
    Anonymous
    Invité

    le Mar 18 Oct 2016 - 15:36

    J'aime beaucoup l'idée, Merci :)
    Bryan1997
    Bryan1997
    MasculinAge : 22Messages : 51

    le Jeu 3 Nov 2016 - 16:58

    erci
    Adrien Mojiitoo
    Adrien Mojiitoo
    MasculinAge : 18Messages : 2

    le Sam 5 Nov 2016 - 15:55

    Très bon travail !
    PrincesseÔ
    PrincesseÔ
    FémininAge : 22Messages : 220

    le Jeu 1 Déc 2016 - 16:23

    C'est sympa comme catégories, merci ! =)
    Domeuniz584458
    Domeuniz584458
    FémininAge : 41Messages : 4

    le Jeu 8 Déc 2016 - 19:18

    Merci! Beaucoup j'adore ton codage merci
    Madras
    Madras
    FémininAge : 34Messages : 281

    le Jeu 15 Déc 2016 - 15:11

    Merci
    CarolineA
    CarolineA
    FémininAge : 59Messages : 3

    le Lun 19 Déc 2016 - 14:34

    Wouaa ! superbe ! cheers
    Kush-Live
    Kush-Live
    MasculinAge : 25Messages : 12

    le Mar 20 Déc 2016 - 5:50

    Merci beaucoup pour ce travail !
    lilyh
    lilyh
    FémininAge : 24Messages : 8

    le Ven 30 Déc 2016 - 0:24

    Merci beaucoup pour ce magnifique code :)
    Bowtie
    Bowtie
    FémininAge : 29Messages : 62

    le Sam 31 Déc 2016 - 13:24

    Merci pour ces codes, ils sont formidable ♥
    ixraider158963
    ixraider158963
    MasculinAge : 18Messages : 6

    le Sam 7 Jan 2017 - 13:51

    Very Happy Trop beau ! Merci j'adore !!!
    Contenu sponsorisé


      La date/heure actuelle est Lun 21 Oct 2019 - 18:26