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.


    Forum en trois parties

    HeleneM
    HeleneM
    FémininAge : 25Messages : 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 10 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 10 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"
    Anonymous
    Invité

    le Ven 20 Jan 2017 - 22:46

    merci c est super ....
    Zakihallal
    Zakihallal
    MasculinAge : 36Messages : 3

    le Mar 31 Jan 2017 - 18:14

    Merci J'adore !
    Vanessa sassa
    Vanessa sassa
    FémininAge : 28Messages : 23

    le Mer 8 Fév 2017 - 15:02

    Merci
    PuppetBlue
    PuppetBlue
    FémininAge : 26Messages : 111

    le Jeu 9 Fév 2017 - 16:42

    Merci, c'est vraiment très joli !



    Forum en trois parties - Page 10 Pupiii10
    avatar
    Lupa
    FémininAge : 22Messages : 183

    le Dim 5 Mar 2017 - 5:45

    Superbe !



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    Melanchlovia
    Melanchlovia
    FémininAge : 22Messages : 19

    le Dim 12 Mar 2017 - 18:09

    thx
    ptite_perle
    ptite_perle
    FémininAge : 55Messages : 125

    le Mer 5 Avr 2017 - 17:47

    Merci



    Forum en trois parties - Page 10 Signature
    Egyfu
    Egyfu
    FémininAge : 25Messages : 51

    le Mar 18 Avr 2017 - 11:39

    Oh super ! L'idée est géniale !
    Merci beaucoup pour ce code :)
    Mashi Hozuki
    Mashi Hozuki
    MasculinAge : 21Messages : 28

    le Ven 5 Mai 2017 - 20:58

    Merci! :)
    planete67
    planete67
    MasculinAge : 27Messages : 1

    le Mar 13 Juin 2017 - 21:56

    merci de votre partage
    Eetrop
    Eetrop
    MasculinAge : 24Messages : 6

    le Jeu 22 Juin 2017 - 17:23

    merci!
    Gieve
    Gieve
    FémininAge : 29Messages : 109

    le Sam 1 Juil 2017 - 20:59

    Merci **
    Ombeline30
    Ombeline30
    FémininAge : 34Messages : 124

    le Jeu 20 Juil 2017 - 15:24

    Merci ^^
    Destan
    Destan
    MasculinAge : 40Messages : 37

    le Lun 24 Juil 2017 - 6:58

    Merci
    MellissaBella
    MellissaBella
    FémininAge : 16Messages : 1

    le Ven 28 Juil 2017 - 13:44

    Merci! :)
    Doriand
    Doriand
    MasculinAge : 28Messages : 91

    le Dim 24 Sep 2017 - 23:21

    merci
    Doriand
    Doriand
    MasculinAge : 28Messages : 91

    le Mer 27 Sep 2017 - 18:52

    merci Wink
    AryaS-
    AryaS-
    FémininAge : 20Messages : 15

    le Mar 3 Oct 2017 - 14:53

    Merci du partage ! :)
    Synchro
    Synchro
    MasculinAge : 46Messages : 13

    le Mar 3 Oct 2017 - 16:00

    Merci Very Happy
    coolaliresw
    coolaliresw
    MasculinAge : 23Messages : 1

    le Dim 8 Oct 2017 - 6:06

    merci
    Illeanëlia
    Illeanëlia
    FémininAge : 33Messages : 255

    le Lun 9 Oct 2017 - 11:16

    très beau code merci
    LucasThomson
    LucasThomson
    MasculinAge : 36Messages : 5

    le Dim 22 Oct 2017 - 8:48

    Merci beaucoup
    Mixxi
    Mixxi
    MasculinAge : 21Messages : 2

    le Mer 25 Oct 2017 - 14:52

    Super !
    Adein
    Adein
    MasculinAge : 28Messages : 46

    le Sam 18 Nov 2017 - 12:02

    merci pour ton travail
    TimeToSmile
    TimeToSmile
    FémininAge : 21Messages : 49

    le Sam 18 Nov 2017 - 14:22

    Merci ♥
    Contenu sponsorisé


      La date/heure actuelle est Mer 17 Juil 2019 - 12:17