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.

Le Deal du moment : -48%
Philips Hue Pack Decouverte 2024 : lightstrip 3M + ...
Voir le deal
119 €

    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 2 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"
    Milkshake
    Milkshake
    FémininAge : 25Messages : 29

    Dim 23 Mar 2014 - 16:16

    merci
    avatar
    Lovelybush
    FémininAge : 33Messages : 61

    Lun 24 Mar 2014 - 10:57

    j'aime beaucoup !
    Narcisse
    Narcisse
    FémininAge : 109Messages : 21

    Lun 24 Mar 2014 - 17:38

    Très sympa, merci du partage.  :hug: 
    phinolex
    phinolex
    MasculinAge : 25Messages : 63

    Lun 24 Mar 2014 - 18:17

    Merci
    avatar
    Fallynouch
    FémininAge : 30Messages : 6

    Mar 25 Mar 2014 - 12:00

    Merci ^^
    Náriël
    Náriël
    FémininAge : 45Messages : 22

    Mar 25 Mar 2014 - 19:34

    Merci :)
    benficagirl
    benficagirl
    FémininAge : 38Messages : 450

    Mar 25 Mar 2014 - 23:49

    Wow =D il est très beau =). Merci
    Aile
    Aile
    FémininAge : 36Messages : 134

    Mer 26 Mar 2014 - 14:49

    C'est très joli. Bravo à toi. J'ai bien envie de le tester ^^



    Forum en trois parties - Page 2 799284Sanstitre1
    M.T
    M.T
    FémininAge : 35Messages : 53

    Jeu 27 Mar 2014 - 13:57

    Hâte de tester cela. Merci !
    Loreleï
    Loreleï
    FémininAge : 26Messages : 20

    Ven 28 Mar 2014 - 11:09

    Merci c'est vraiment super joli !
    Lindaóma
    Lindaóma
    FémininAge : 26Messages : 150

    Sam 29 Mar 2014 - 19:14

    Original, merci beaucoup pour ce code ! :)



    Forum en trois parties - Page 2 Signa_10
    Waphy's
    Waphy's
    FémininAge : 25Messages : 59

    Dim 30 Mar 2014 - 12:32

    Merci beaucoup ! C'est très jolie et original j'aime beaucoup !
    Gabriiielle
    Gabriiielle
    FémininAge : 33Messages : 53

    Dim 30 Mar 2014 - 12:51

    Merci :)
    Depp
    Depp
    FémininAge : 33Messages : 301

    Dim 30 Mar 2014 - 21:34

    Cela m'a l'air intéressant... merci bien miss :)



    Forum en trois parties - Page 2 Tumblr_nenygwIlcz1s4u464o1_500
    Akito
    Akito
    MasculinAge : 32Messages : 73

    Lun 31 Mar 2014 - 6:02

    Merci beaucoup :)
    alex24d
    alex24d
    FémininAge : 36Messages : 95

    Lun 31 Mar 2014 - 19:09

    merci
    GreenGage
    GreenGage
    FémininAge : 31Messages : 73

    Mer 2 Avr 2014 - 12:04

    Très joli ! Merci~
    [W]endy
    [W]endy
    FémininAge : 34Messages : 117

    Mer 2 Avr 2014 - 19:07

    C'est super joli !
    Lutine
    Lutine
    FémininAge : 37Messages : 102

    Jeu 3 Avr 2014 - 12:41

    merci :)
    Amaliiah
    Amaliiah
    FémininAge : 26Messages : 50

    Sam 5 Avr 2014 - 14:28

    Merci beaucoup Very Happy
    Loukoum
    Loukoum
    FémininAge : 31Messages : 1506

    Dim 6 Avr 2014 - 14:53

    J'ai posté l'image de tes catégories aujourd'hui sur mon forum pour avoir l'idée des membres, parmi d'autres proposition, et en une heure ton image a été élue la plus jolie, et celle qu'ils veulent ^^

    C'est du formidable boulot, franchement j'adore *-*



    MsCrazy.E
    MsCrazy.E
    FémininAge : 27Messages : 183

    Dim 6 Avr 2014 - 18:31

    C'est trop beau *-* merci beaucoup !



    Forum en trois parties - Page 2 Nu_a_b10
    Namco
    Namco
    FémininAge : 32Messages : 118

    Lun 7 Avr 2014 - 0:39

    joliiiie !
    lΔω
    lΔω
    FémininAge : 26Messages : 105

    Mer 9 Avr 2014 - 17:06

    Merci beaucoup du partage, ça change ^^
    fckyab
    fckyab
    FémininAge : 30Messages : 69

    Mer 9 Avr 2014 - 21:21

    Merci beaucoup pour ce joli rendu ^^
    Contenu sponsorisé


      La date/heure actuelle est Jeu 12 Déc 2024 - 9:51