AccueilFAQRechercherMembresGroupesS'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

    Partagez
    avatar
    Alumine
    FémininAge : 20Messages : 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
    avatar
    Araki
    MasculinAge : 28Messages : 124

    le Dim 20 Sep 2015 - 23:17

    Merci.
    avatar
    Nevr0z
    FémininAge : 29Messages : 74

    le Mer 23 Sep 2015 - 1:42

    Merci :)
    avatar
    Phoenix Elen
    FémininAge : 26Messages : 93

    le Dim 27 Sep 2015 - 15:14

    Merci c'est super beau !



    avatar
    Liberty Grim
    FémininAge : 20Messages : 128

    le Mer 7 Oct 2015 - 15:29

    Superbe *p* Merci beaucoup !
    avatar
    Nyhnn
    FémininAge : 18Messages : 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:
    Histerik
    MasculinAge : 22Messages : 14

    le Ven 9 Oct 2015 - 0:44

    merci
    avatar
    ENDLESS-DREAM
    FémininAge : 27Messages : 31

    le Mar 13 Oct 2015 - 22:34

    Merci
    avatar
    Nausicäa Kaer
    FémininAge : 24Messages : 161

    le Ven 30 Oct 2015 - 19:43

    Merciiii ♥
    avatar
    Argy
    FémininAge : 20Messages : 98

    le Dim 1 Nov 2015 - 21:40

    Merci, c'est très beau ! ♥
    avatar
    Zoé
    FémininAge : 19Messages : 185

    le Mar 17 Nov 2015 - 14:19

    merciiiii



    avatar
    xCANABiiS
    MasculinAge : 20Messages : 8

    le Ven 27 Nov 2015 - 0:11

    Merci Beaucoup
    avatar
    Kingdom.
    FémininAge : 18Messages : 54

    le Sam 28 Nov 2015 - 11:54

    Mercii
    avatar
    Glaçou
    FémininAge : 16Messages : 117

    le Mar 1 Déc 2015 - 17:03

    Merci
    avatar
    BlackArrow
    MasculinAge : 20Messages : 17

    le Mer 2 Déc 2015 - 14:50

    Merki
    avatar
    lodie6690
    FémininAge : 28Messages : 5

    le Mer 2 Déc 2015 - 18:34

    Merci
    avatar
    Soleilou
    FémininAge : 17Messages : 49

    le Lun 7 Déc 2015 - 12:06

    Merci, j'aime beaucoup ! :3
    avatar
    didicmy
    FémininAge : 27Messages : 69

    le Mar 8 Déc 2015 - 17:12

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

    le Mar 8 Déc 2015 - 23:33

    Merci!
    avatar
    Milia
    FémininAge : 28Messages : 116

    le Mar 15 Déc 2015 - 6:24

    Super, merci.
    avatar
    Nathaël
    MasculinAge : 29Messages : 92

    le Jeu 7 Jan 2016 - 14:49

    C'est magnifique ! Very Happy



    avatar
    Lilynufare
    FémininAge : 27Messages : 341

    le Ven 8 Jan 2016 - 22:07

    joli merci
    avatar
    Jane Bingum
    FémininAge : 20Messages : 80

    le Sam 16 Jan 2016 - 18:34

    Merci
    avatar
    Sandym
    FémininAge : 31Messages : 20

    le Dim 17 Jan 2016 - 16:30

    merci :)
    avatar
    Rhythm Star
    FémininAge : 17Messages : 52

    le Sam 30 Jan 2016 - 21:43

    Merci :DD



    avatar
    Kianda
    MasculinAge : 17Messages : 88

    le Dim 7 Fév 2016 - 16:55

    Merci :)



    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Juin 2018 - 17:55