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.


    Forum en trois parties

    HeleneM
    HeleneM
    FémininAge : 31Messages : 195

    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:

    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 3 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"
    Banpaia
    Banpaia
    FémininAge : 27Messages : 130

    Lun 14 Avr 2014 - 12:25

    Merci !
    Oror
    Oror
    FémininAge : 34Messages : 97

    Lun 14 Avr 2014 - 17:06

    J'aime beaucoup l'idée !
    Merci beaucoup du partage ! =)



    Forum en trois parties - Page 3 351490minion
    Kitty Kat.
    Kitty Kat.
    FémininAge : 30Messages : 86

    Ven 18 Avr 2014 - 19:16

    J'aime beaucoup !
    Florian Takiya
    Florian Takiya
    MasculinAge : 29Messages : 65

    Ven 18 Avr 2014 - 20:05

    merciii
    Sina
    Sina
    FémininAge : 30Messages : 33

    Sam 19 Avr 2014 - 11:23

    Wow OO Grand merci à toi c'est superbe oo



    Forum en trois parties - Page 3 SinaSignatureNU
    Budapest
    Budapest
    FémininAge : 24Messages : 46

    Lun 21 Avr 2014 - 17:47

    Merci du partage, j'adore. **



    WizzyFree
    WizzyFree
    MasculinAge : 31Messages : 2004

    Lun 21 Avr 2014 - 18:11

    merci



    Forum en trois parties - Page 3 828103KidInk
    Eshon
    Eshon
    FémininAge : 43Messages : 197

    Lun 21 Avr 2014 - 18:13

    Merci !
    C'est très beau ! ^^
    avatar
    BM Cedric
    MasculinAge : 30Messages : 3

    Lun 21 Avr 2014 - 20:12

    Merci ! Ce code est grandement apprécié! *^*
    Togira Ikonoka
    Togira Ikonoka
    MasculinAge : 25Messages : 132

    Mar 22 Avr 2014 - 3:32

    Merci !



    Dundun
    Dundun
    FémininAge : 28Messages : 15

    Mar 22 Avr 2014 - 22:37

    Merci !
    CathyCréation
    CathyCréation
    FémininAge : 45Messages : 207

    Ven 25 Avr 2014 - 13:32

    merci
    CathyCréation
    CathyCréation
    FémininAge : 45Messages : 207

    Ven 25 Avr 2014 - 13:33

    merci
    Boou
    Boou
    FémininAge : 32Messages : 50

    Ven 25 Avr 2014 - 19:38

    Je te remercie d'avance, même si je veux juste voir ce que ça donne.
    Ay.am.e
    Ay.am.e
    FémininAge : 26Messages : 123

    Mer 30 Avr 2014 - 20:25

    Merci
    Argy
    Argy
    FémininAge : 26Messages : 98

    Jeu 1 Mai 2014 - 21:52

    WHao merci **
    avatar
    linda70
    FémininAge : 54Messages : 13

    Ven 2 Mai 2014 - 0:17

    vais essayer pour voir et merci
    Lunara
    Lunara
    FémininAge : 37Messages : 95

    Sam 3 Mai 2014 - 11:08

    merci !
    luna-chan86
    luna-chan86
    FémininAge : 35Messages : 201

    Dim 4 Mai 2014 - 13:00

    Ouah! Joli travail, j'ai hâte de voir ce que cela donne^^



    Pandawan
    Pandawan
    FémininAge : 26Messages : 30

    Dim 4 Mai 2014 - 15:54

    Thanks !
    avatar
    GEnterZ
    MasculinAge : 26Messages : 63

    Dim 4 Mai 2014 - 16:59

    Thanks.
    Petit Harfang
    Petit Harfang
    FémininAge : 24Messages : 80

    Dim 4 Mai 2014 - 17:50

    Merci ^^
    Eden.
    Eden.
    FémininAge : 32Messages : 201

    Dim 4 Mai 2014 - 23:13

    Merci beaucoup !
    Kamesora
    Kamesora
    FémininAge : 32Messages : 93

    Dim 11 Mai 2014 - 12:12

    Merci beaucoup
    Parka
    Parka
    MasculinAge : 45Messages : 100

    Dim 11 Mai 2014 - 13:48

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:55