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 6 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 6 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"
    Zélya
    Zélya
    FémininAge : 30Messages : 190

    le Lun 20 Oct 2014 - 18:38

    Han... c'est vrai??? on peut prendre??? Trop bien, merci



    Forum en trois parties - Page 6 891727signaNanmoue
    Ombrys
    Ombrys
    FémininAge : 17Messages : 27

    le Mar 21 Oct 2014 - 9:07

    Joli :)
    Saya Shirayuki
    Saya Shirayuki
    FémininAge : 26Messages : 153

    le Ven 24 Oct 2014 - 18:33

    Purement magnifique *^*
    Merci^^
    Celuna
    Celuna
    FémininAge : 28Messages : 133

    le Jeu 30 Oct 2014 - 21:01

    C'est très beau.. Merci
    ROGERS.
    ROGERS.
    FémininAge : 24Messages : 312

    le Jeu 30 Oct 2014 - 23:47

    Superbe :)
    Sakura-chan
    Sakura-chan
    FémininAge : 22Messages : 180

    le Sam 1 Nov 2014 - 0:27

    C'est beau comme tout, merci. ^^
    catkiller
    catkiller
    FémininAge : 24Messages : 70

    le Sam 8 Nov 2014 - 11:32

    superbe *-*
    Darksoul666
    Darksoul666
    MasculinAge : 35Messages : 10

    le Lun 8 Déc 2014 - 17:34

    Merci ^^
    Susu-chan
    Susu-chan
    FémininAge : 28Messages : 80

    le Mar 9 Déc 2014 - 20:35

    Merci beaucoup, c'est super !
    andril
    andril
    FémininAge : 30Messages : 42

    le Ven 19 Déc 2014 - 10:55

    superbe !!! Merci !
    Scandalucia
    Scandalucia
    FémininAge : 28Messages : 168

    le Sam 20 Déc 2014 - 17:12

    C'est super jolie ! Merci du partage <3



    hirondelle
    hirondelle
    FémininAge : 30Messages : 134

    le Jeu 1 Jan 2015 - 16:26

    Jolie ♥
    webs
    webs
    MasculinAge : 26Messages : 1097

    le Sam 3 Jan 2015 - 20:42

    merci



    Forum en trois parties - Page 6 Img-0107360bb1h
    Kinjiro
    Kinjiro
    MasculinAge : 20Messages : 80

    le Sam 3 Jan 2015 - 20:54

    Merci :d



    Forum en trois parties - Page 6 Signau11
    Leelo
    Leelo
    FémininAge : 28Messages : 149

    le Dim 4 Jan 2015 - 16:00

    c'est jolie
    Helvelina
    Helvelina
    FémininAge : 28Messages : 81

    le Jeu 29 Jan 2015 - 22:23

    Très jolie, merci ♥
    Flaura
    Flaura
    FémininAge : 16Messages : 152

    le Ven 30 Jan 2015 - 20:27

    Merci !
    Nevr0z
    Nevr0z
    FémininAge : 30Messages : 74

    le Lun 9 Fév 2015 - 2:57

    Merci :)
    Nord
    Nord
    MasculinAge : 19Messages : 169

    le Lun 9 Fév 2015 - 10:47

    Mercie ! ^^ C'est très jolie
    Haly
    Haly
    FémininAge : 27Messages : 15

    le Mar 10 Fév 2015 - 17:00

    Merci, beau travail !
    Meika
    Meika
    FémininAge : 18Messages : 12

    le Mer 11 Fév 2015 - 10:26

    merci :)
    Iliass
    Iliass
    MasculinAge : 27Messages : 24

    le Sam 14 Fév 2015 - 20:30

    merci merci !!!!!!!!
    Kianda
    Kianda
    MasculinAge : 18Messages : 88

    le Lun 23 Fév 2015 - 19:26

    Merci :)



    Forum en trois parties - Page 6 1416416855-kandiasigna
    AyaseNeko
    AyaseNeko
    FémininAge : 22Messages : 55

    le Ven 27 Fév 2015 - 17:39

    merci
    Mecat
    Mecat
    FémininAge : 30Messages : 55

    le Mer 4 Mar 2015 - 11:00

    Merci bien Very Happy



    Forum en trois parties - Page 6 Girl310
    Contenu sponsorisé


      La date/heure actuelle est Dim 21 Juil 2019 - 2:29