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 :
Cartes Pokémon EV8.5 : coffret dresseur d’élite ETB Évolutions ...
Voir le deal

    The Lord of the Rings

    Alumine
    Alumine
    FémininAge : 27Messages : 487

    Lun 16 Fév 2015 - 18:39

    Rappel du premier message :



    Catégories The Lord of the Rings


    Version PHPBB2 - Aperçu - Police: Bilbo Swash caps clic pour l'installer - images de P@lcopie et Ivy Tyler



    HTML


    Rendez-vous dans votre template index_box (affichage>template>général>index_box) et remplacez-le entièrement par celui-ci:
    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 -->
    <div class="titrecategorie" width="100%">{catrow.tablehead.L_FORUM}</div>

      <table class="forumline categorie" width="100%" border="0" cellspacing="0" cellpadding="0">
       <!-- END tablehead -->
       <!-- BEGIN cathead -->
       <tr>
          <td 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}>
          </td>
       </tr>
       <!-- END cathead -->
       <!-- BEGIN forumrow -->
       <tr>
              <td class="forumgauche">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                  <span class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></span>
                </h{catrow.forumrow.LEVEL}>
                <span class="gensmall">Sujets: {catrow.forumrow.TOPICS} </span>
                <span class="gensmall">Messages: {catrow.forumrow.POSTS}</span>
              </td>
             
              <td class="forumcentre" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <div class="sousforum">
                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </div>
              </td>
             
              <td class=" forumdroite" align="center" valign="middle">
                <img class="boutonnouveau" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                <div class="dernierpost">
                <!-- BEGIN avatar -->
                <div style="width: 200px;"></div>
                <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->
                <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                </div>
              </td>
             
       </tr>
       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
       </tr>
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
    </table>
    <div class="bascategorie">
      <img src="http://image.noelshack.com/fichiers/2015/07/1423492133-f-coingauche.png" class="coingauche" />
      <img src="http://image.noelshack.com/fichiers/2015/07/1423492133-f-coindroite.png" class="coindroite" />
    </div>
    <!-- END tablefoot --><!-- END catrow -->
    Enregistrez puis publiez votre template, sinon ça marchera pas x)


    CSS


    Ensuite direction le CSS (affichage>couleurs>feuille de style CSS)
    Ajoutez ceci:
    Code:
    /*catégories seigneur des anneaux par Alu pour Never Utopia****************************************/
    .forumgauche, .forumcentre, .forumdroite{
      box-sizing:border-box;
      display:inline-block;
      padding:10px;
      color:white;
      margin-bottom:25px;
      height:150px;
      z-index:1;
    }
    .forumgauche{
      width: 25%;
      background-color: #000000;
      background-image: url(http://image.noelshack.com/fichiers/2015/07/1423490967-f-background.png);
      background-position:bottom;
      background-size:contain;
      background-repeat:no-repeat;
      position:relative;
      border-top-left-radius: 35% 15%;
      border-bottom-left-radius: 35% 15%;
    }

    .forumcentre{
      background:#191919;
      width:50%;
      position:relative;
    }
    .forumdroite{
      background-image:url(http://image.noelshack.com/fichiers/2014/52/1419283627-anneau.jpg);
      background-size: contain;
      background-color: #000000;
      background-repeat: no-repeat;
      background-position:center;
      width:25%;
      position:relative;
      border-top-right-radius: 35% 15%;
      border-bottom-right-radius: 35% 15%;
    }

    .dernierpost{
      position:relative;
      top:30px;
      margin-left:auto;
      margin-right:auto;
      width:100px;
      height:50px;
      z-index:1;
    }

    .dernierpost .gensmall span{
      font:9px;
    }
    .dernierpost a{
      font:15px;
      color:grey;
    }

    .boutonnouveau{
      left: 23%;
      position: absolute;
      top: 0px;
      z-index: 2;
      margin: 25px auto;
      display: block;
      -webkit-transition:all 1s;
      -moz-transition:all 1s;
      -o-transition:all 1s;
      transition:all 1s;
    }

    .forumdroite:hover > .boutonnouveau{
      left:75%;
      -webkit-transition:all 1s;
      -moz-transition:all 1s;
      -o-transition:all 1s;
      transition:all 1s;
    }

    .sousforum{
      box-sizing:border-box;
      position:absolute;
      bottom:0px;
      left:0px;
      background:#000000;
      text-align:center;
      width:100%;
      padding:7px;
      height:40px;
      overflow:auto;
    }
    .sousforum a{
      font: 19px Bilbo Swash Caps;
      color:white !important;
    }

    .forumlink a{
      font:30px Bilbo swash caps;
      color:white !important;
    }

    .titrecategorie{
      box-sizing:border-box;
      padding: 30px 30px 0 30px;
      height:100px;
      margin-top:50px;
      background-image:url(http://image.noelshack.com/fichiers/2015/07/1423490971-f-titregauche.png),
        url(http://image.noelshack.com/fichiers/2015/07/1423490970-f-titredroite.png);
      background-position: 6% 100%, 94% 100%;
      background-repeat:no-repeat, no-repeat;
      background-size:auto 70px, auto 70px;
    }
    .titrecategorie h2{
      text-align:center;
      color:white;
      font-family:Bilbo swash caps;
      font-size:50px;
      margin:0;
      font-weight:normal;
    }
    .bascategorie{
      height:50px;
      margin-bottom:50px;
      position:relative;
    }
    .categorie{
      padding:10px 40px;
    }

    .coingauche{
      display:block;
      position:absolute;
      width:40%;
      bottom:20px;
      left:-20px;
      z-index:0;
    }
    .coindroite{
      display:block;
      position:absolute;
      width:40%;
      bottom:20px;
      right:-20px;
      z-index:0;
    }

    Merci de poster un crédit pour N-U sur votre forum, ça ne coûte pas grand-chose ! ^^

    Un petit merci ou commentaire est toujours le bienvenu ^^
    Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.


    Dernière édition par Alumine le Lun 16 Fév 2015 - 20:01, édité 1 fois



    Alumine
    Chhaya
    Chhaya
    FémininAge : 39Messages : 1213

    Dim 7 Fév 2016 - 17:22

    Merci ♥



    The Lord of the Rings - Page 4 200412081714641513

      Merci Sparrow :3
    Lone wanderer
    Lone wanderer
    MasculinAge : 32Messages : 176

    Dim 7 Fév 2016 - 22:06

    Merci ! =)
    ClaryF
    ClaryF
    FémininAge : 34Messages : 138

    Lun 15 Fév 2016 - 21:54

    Merci.
    Rebekaah
    Rebekaah
    FémininAge : 29Messages : 51

    Mer 17 Fév 2016 - 19:44

    Très jolie merci !
    Voltino
    Voltino
    MasculinAge : 30Messages : 55

    Ven 26 Fév 2016 - 3:42

    Merci !
    Kitket
    Kitket
    FémininAge : 41Messages : 106

    Lun 7 Mar 2016 - 20:52

    MErci
    Sly King
    Sly King
    FémininAge : 28Messages : 75

    Mer 9 Mar 2016 - 13:43

    merci du partage *w*
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 56Messages : 167

    Jeu 24 Mar 2016 - 12:00

    Merci
    .lovely
    .lovely
    FémininAge : 27Messages : 54

    Mer 6 Avr 2016 - 23:42

    j'adore !!!
    rosebleudu10
    rosebleudu10
    FémininAge : 34Messages : 189

    Lun 25 Avr 2016 - 18:38

    merci beaucoup
    marie-noelle
    marie-noelle
    FémininAge : 67Messages : 112

    Dim 8 Mai 2016 - 18:13

    un grand merci
    Anonymous
    Invité

    Ven 13 Mai 2016 - 18:09

    J'adore. Beau travail Very Happy Merci du partage Very Happy
    Liia
    Liia
    FémininAge : 29Messages : 91

    Sam 14 Mai 2016 - 18:56

    Merci ♥
    Calion
    Calion
    FémininAge : 30Messages : 40

    Sam 11 Juin 2016 - 11:47

    Merci du partage ! :)
    ChupabracaRope
    ChupabracaRope
    FémininAge : 22Messages : 40

    Sam 11 Juin 2016 - 19:24

    Thank you
    Donquichotte
    Donquichotte
    MasculinAge : 28Messages : 48

    Jeu 30 Juin 2016 - 7:58

    merci
    avatar
    Anthony Bayens
    MasculinAge : 32Messages : 19

    Sam 2 Juil 2016 - 13:32

    Merci
    Crazy-Sweet
    Crazy-Sweet
    FémininAge : 33Messages : 131

    Lun 8 Aoû 2016 - 14:48

    J'adore, c'est très beau ! Merci à toi.




    Our ice hearts beat
    Voir le monde dans un grain de sable. Et le paradis dans une fleur sauvage. Tenir l'infini dans le creux de sa main. Et l'éternité dans une heure - SIR WILLIAM BLAKE

    Astrid Hofferson
    Astrid Hofferson
    FémininAge : 29Messages : 18

    Mer 31 Aoû 2016 - 1:54

    merci
    Shivichou
    Shivichou
    FémininAge : 29Messages : 23

    Mer 31 Aoû 2016 - 1:57

    Woooh c'est sublime !! *^* Merciii !!
    Leak
    Leak
    FémininAge : 26Messages : 21

    Sam 3 Sep 2016 - 22:43

    Merci! :)
    Kai Parker
    Kai Parker
    FémininAge : 26Messages : 154

    Lun 3 Oct 2016 - 23:03

    Superbe !

    Philo
    Philo
    FémininAge : 26Messages : 64

    Dim 30 Oct 2016 - 1:24

    Un grand merci :)



    The Lord of the Rings - Page 4 581489161225033315760163 Merci mon petit lutin ! Wink
    Praecursator
    Praecursator
    MasculinAge : 22Messages : 77

    Sam 5 Nov 2016 - 16:03

    Elle est super !
    Lovelymp
    Lovelymp
    FémininAge : 45Messages : 120

    Dim 13 Nov 2016 - 10:40

    Merci ^^
    Contenu sponsorisé


      La date/heure actuelle est Jeu 12 Déc 2024 - 10:06