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.

Le Deal du moment :
Sortie Nike : les nouvelles baskets Air Max Plus
Voir le deal
169.99 €

    The Lord of the Rings

    Alumine
    Alumine
    FémininAge : 23Messages : 488

    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
    Jawilsia
    Jawilsia
    FémininAge : 29Messages : 143

    Mar 19 Mai 2015 - 17:40

    Superbe !
    Professeur Felyne
    Professeur Felyne
    MasculinAge : 35Messages : 85

    Jeu 21 Mai 2015 - 16:58

    Merci ^^



    .
    Ciàran
    Ciàran
    FémininAge : 30Messages : 187

    Jeu 21 Mai 2015 - 17:29

    c'est sublime merci!
    Sweet Angel
    Sweet Angel
    FémininAge : 38Messages : 153

    Sam 23 Mai 2015 - 13:37

    hâte de voir cela! Merci
    Fame
    Fame
    MasculinAge : 31Messages : 240

    Sam 23 Mai 2015 - 15:08

    C'est super merci. Very Happy
    Monaka
    Monaka
    FémininAge : 29Messages : 133

    Dim 24 Mai 2015 - 13:41

    c'est beau ♥
    Anonymous
    Invité

    Mer 27 Mai 2015 - 10:37

    Merci :)
    tchapalow
    tchapalow
    FémininAge : 31Messages : 33

    Mer 27 Mai 2015 - 14:45

    Merci beaucoup!
    Heine
    Heine
    MasculinAge : 26Messages : 169

    Sam 30 Mai 2015 - 1:08

    Merchi o/



    The Lord of the Rings - Page 2 110407104459204818
    animiix
    animiix
    MasculinAge : 26Messages : 35

    Jeu 11 Juin 2015 - 11:39

    Merci :)
    Eshon
    Eshon
    FémininAge : 40Messages : 196

    Jeu 11 Juin 2015 - 21:43

    Merci !
    QueenDancing13
    QueenDancing13
    FémininAge : 24Messages : 106

    Sam 13 Juin 2015 - 20:41

    Beau *_*



    The Lord of the Rings - Page 2 Christina_Aguilera_Signature_by_Sitic
    Gabriielle
    Gabriielle
    FémininAge : 30Messages : 42

    Jeu 25 Juin 2015 - 19:39

    merci
    avatar
    Hop80
    MasculinAge : 32Messages : 138

    Dim 5 Juil 2015 - 18:43

    chouette merci
    avatar
    Lucrèce
    FémininAge : 31Messages : 68

    Mer 8 Juil 2015 - 14:53

    Il est superbe ! Merci beaucoup !
    younessdu91
    younessdu91
    MasculinAge : 23Messages : 96

    Jeu 23 Juil 2015 - 21:54

    Jolie, merci
    Dacina moe
    Dacina moe
    FémininAge : 43Messages : 171

    Lun 27 Juil 2015 - 4:06

    Merci :)
    Kira Hatsuki
    Kira Hatsuki
    FémininAge : 19Messages : 152

    Dim 9 Aoû 2015 - 15:48

    Merci beaucoup ! ^^
    Kelalin
    Kelalin
    FémininAge : 28Messages : 2486

    Dim 9 Aoû 2015 - 17:00

    Merci \(*T▽T*)/
    Merwyn Arehdel
    Merwyn Arehdel
    FémininAge : 21Messages : 304

    Mar 18 Aoû 2015 - 19:13

    Merci beaucoup :)



    Just want to be yours.
    Pollux
    Pollux
    FémininAge : 30Messages : 97

    Ven 28 Aoû 2015 - 9:51

    merci
    ninoute3012
    ninoute3012
    FémininAge : 27Messages : 82

    Ven 28 Aoû 2015 - 15:15

    Magnifique merci
    idrialelinor
    idrialelinor
    FémininAge : 29Messages : 18

    Ven 28 Aoû 2015 - 17:01

    J'adore!
    Djeina
    Djeina
    FémininAge : 24Messages : 233

    Mar 8 Sep 2015 - 21:13

    Merci, c'est très beau :)
    Klemmeria
    Klemmeria
    FémininAge : 21Messages : 147

    Sam 12 Sep 2015 - 13:14

    Thanks!



    The Lord of the Rings - Page 2 Btqy
    Contenu sponsorisé


      La date/heure actuelle est Jeu 5 Aoû 2021 - 19:56