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 à ne pas rater :
Coffret Collection Poster Pokémon EV8.5 Évolutions Prismatiques : ...
Voir le deal

    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 8 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"
    Chlirr
    Chlirr
    FémininAge : 36Messages : 63

    Lun 26 Oct 2015 - 17:02

    Merci je vais check
    Ivelyne
    Ivelyne
    FémininAge : 32Messages : 45

    Lun 26 Oct 2015 - 23:15

    Merci :hug2:
    Kaleessi
    Kaleessi
    FémininAge : 32Messages : 78

    Mer 28 Oct 2015 - 2:16

    J'aime beaucoup!! :)
    Nausicäa Kaer
    Nausicäa Kaer
    FémininAge : 30Messages : 171

    Ven 30 Oct 2015 - 0:11

    C'est superbe **
    Sylane
    Sylane
    FémininAge : 27Messages : 7

    Jeu 12 Nov 2015 - 23:44

    Thank u *hug*
    motorloic
    motorloic
    MasculinAge : 26Messages : 11

    Lun 30 Nov 2015 - 3:48

    merci beaucoup
    lodie6690
    lodie6690
    FémininAge : 34Messages : 5

    Mer 2 Déc 2015 - 17:54

    Merci beaucoup
    Hana Evali
    Hana Evali
    FémininAge : 34Messages : 195

    Jeu 3 Déc 2015 - 23:16

    Merci !



    Forum en trois parties - Page 8 Ye49
    Shanoa
    Shanoa
    FémininAge : 26Messages : 64

    Mar 8 Déc 2015 - 21:45

    j'aime beaucoup le design ^^ merci
    Kitty Kat.
    Kitty Kat.
    FémininAge : 30Messages : 86

    Mer 9 Déc 2015 - 14:31

    J'aime :)
    lacoste
    lacoste
    MasculinAge : 30Messages : 30

    Lun 21 Déc 2015 - 3:50

    merci
    Elocha
    Elocha
    FémininAge : 74Messages : 255

    Lun 21 Déc 2015 - 11:50

    merci !!



    eLoChA.
    Deed01
    Deed01
    MasculinAge : 47Messages : 343

    Dim 3 Jan 2016 - 14:13

    very good job Very Happy
    SquareMoon
    SquareMoon
    FémininAge : 31Messages : 9

    Lun 4 Jan 2016 - 17:51

    Merci :)
    Necrolythia
    Necrolythia
    FémininAge : 37Messages : 580

    Mer 6 Jan 2016 - 16:52

    wahouuu sublime, merci



    Forum en trois parties - Page 8 KKEVK8u
    Anonymous
    Invité

    Ven 15 Jan 2016 - 8:15

    Magnifique oo

    Merci beaucoup, HeleneM ♥
    Jane Bingum
    Jane Bingum
    FémininAge : 26Messages : 83

    Sam 16 Jan 2016 - 17:23

    Merci!
    Ghost of Darkness
    Ghost of Darkness
    FémininAge : 30Messages : 46

    Sam 16 Jan 2016 - 17:51

    OUAAAAAAAAAW !!!
    Merci infiniment, c'est sublime !!! *-*



    Ghost of Darkness
    All my friends are heathens, take it slow. Wait for them to ask you who you know. Please dont make any sudden moves. You don't know the half od the abuse.


    Kilda
    Kilda
    FémininAge : 44Messages : 73

    Mar 2 Fév 2016 - 22:20

    merci
    peteromraam
    peteromraam
    MasculinAge : 38Messages : 6

    Jeu 11 Fév 2016 - 12:13

    Sympa
    Rebekaah
    Rebekaah
    FémininAge : 29Messages : 51

    Jeu 18 Fév 2016 - 19:40

    Merci !
    Cruella
    Cruella
    FémininAge : 30Messages : 7

    Dim 21 Fév 2016 - 13:47

    Ce design est juste magnifique, merci !



    Forum en trois parties - Page 8 Tylych10
    Yooachte
    Yooachte
    FémininAge : 31Messages : 54

    Jeu 3 Mar 2016 - 21:33

    Merci!!
    Azalia
    Azalia
    FémininAge : 33Messages : 17

    Dim 6 Mar 2016 - 15:26

    tres beau merci du partage



    la patience est une vertue
    Thessia
    Thessia
    FémininAge : 35Messages : 78

    Mar 15 Mar 2016 - 21:33

    Original j'aime beaucoup



    Ce n'est pas parce que tu ne le vois pas que ce n'est pas réel,
    Ce n'est pas par ce que tu n'y arrive pas que ce n'est pas possible.
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 15:48