AccueilRechercherS'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.


    The Lord of the Rings

    Alumine
    Alumine
    FémininAge : 22Messages : 488

    le 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
    Araki
    Araki
    MasculinAge : 29Messages : 137

    le Dim 20 Sep 2015 - 23:17

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

    le Mer 23 Sep 2015 - 1:42

    Merci :)
    Phoenix Elen
    Phoenix Elen
    FémininAge : 27Messages : 93

    le Dim 27 Sep 2015 - 15:14

    Merci c'est super beau !



    The Lord of the Rings - Page 3 1u4i
    Liberty Grim
    Liberty Grim
    FémininAge : 21Messages : 128

    le Mer 7 Oct 2015 - 15:29

    Superbe *p* Merci beaucoup !
    Nyhnn
    Nyhnn
    FémininAge : 19Messages : 15

    le Mer 7 Oct 2015 - 20:05

    Oh le Seigneur des Anneaux, j'aime j'aime j'aime! C'est super bien fait et on sent l'ambiance! :love:
    avatar
    Histerik
    MasculinAge : 24Messages : 14

    le Ven 9 Oct 2015 - 0:44

    merci
    ENDLESS-DREAM
    ENDLESS-DREAM
    FémininAge : 28Messages : 31

    le Mar 13 Oct 2015 - 22:34

    Merci
    Nausicäa Kaer
    Nausicäa Kaer
    FémininAge : 25Messages : 161

    le Ven 30 Oct 2015 - 19:43

    Merciiii ♥
    Argy
    Argy
    FémininAge : 21Messages : 98

    le Dim 1 Nov 2015 - 21:40

    Merci, c'est très beau ! ♥
    Zoé
    Zoé
    FémininAge : 20Messages : 187

    le Mar 17 Nov 2015 - 14:19

    merciiiii



    The Lord of the Rings - Page 3 274643signaaaa
    xCANABiiS
    xCANABiiS
    MasculinAge : 21Messages : 8

    le Ven 27 Nov 2015 - 0:11

    Merci Beaucoup
    Kingdom.
    Kingdom.
    FémininAge : 19Messages : 54

    le Sam 28 Nov 2015 - 11:54

    Mercii
    Glaçou
    Glaçou
    FémininAge : 17Messages : 117

    le Mar 1 Déc 2015 - 17:03

    Merci
    BlackArrow
    BlackArrow
    MasculinAge : 22Messages : 17

    le Mer 2 Déc 2015 - 14:50

    Merki
    lodie6690
    lodie6690
    FémininAge : 29Messages : 5

    le Mer 2 Déc 2015 - 18:34

    Merci
    Soleilou
    Soleilou
    FémininAge : 19Messages : 49

    le Lun 7 Déc 2015 - 12:06

    Merci, j'aime beaucoup ! :3
    didicmy
    didicmy
    FémininAge : 28Messages : 70

    le Mar 8 Déc 2015 - 17:12

    J'aime beaucoup merci Very Happy
    castamere rains
    castamere rains
    FémininAge : 24Messages : 16

    le Mar 8 Déc 2015 - 23:33

    Merci!
    Milia
    Milia
    FémininAge : 29Messages : 116

    le Mar 15 Déc 2015 - 6:24

    Super, merci.
    Anonymous
    Invité

    le Jeu 7 Jan 2016 - 14:49

    C'est magnifique ! Very Happy
    Lilynufare
    Lilynufare
    FémininAge : 29Messages : 341

    le Ven 8 Jan 2016 - 22:07

    joli merci
    Jane Bingum
    Jane Bingum
    FémininAge : 21Messages : 80

    le Sam 16 Jan 2016 - 18:34

    Merci
    Sandym
    Sandym
    FémininAge : 32Messages : 20

    le Dim 17 Jan 2016 - 16:30

    merci :)
    Rhythm Star
    Rhythm Star
    FémininAge : 19Messages : 61

    le Sam 30 Jan 2016 - 21:43

    Merci :DD
    Kianda
    Kianda
    MasculinAge : 18Messages : 88

    le Dim 7 Fév 2016 - 16:55

    Merci :)



    The Lord of the Rings - Page 3 1416416855-kandiasigna
    Contenu sponsorisé


      La date/heure actuelle est Lun 21 Oct 2019 - 17:48