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

    le Mar 19 Mai 2015 - 17:40

    Superbe !
    avatar
    Professeur Felyne
    MasculinAge : 32Messages : 84

    le Jeu 21 Mai 2015 - 16:58

    Merci ^^



    .
    avatar
    Ciàran
    FémininAge : 27Messages : 187

    le Jeu 21 Mai 2015 - 17:29

    c'est sublime merci!
    avatar
    Sweet Angel
    FémininAge : 35Messages : 147

    le Sam 23 Mai 2015 - 13:37

    hâte de voir cela! Merci
    avatar
    Fame
    MasculinAge : 28Messages : 231

    le Sam 23 Mai 2015 - 15:08

    C'est super merci. Very Happy
    avatar
    Monaka
    FémininAge : 26Messages : 132

    le Dim 24 Mai 2015 - 13:41

    c'est beau ♥
    avatar
    SunshineD
    FémininAge : 28Messages : 113

    le Mer 27 Mai 2015 - 10:37

    Merci :)
    avatar
    tchapalow
    FémininAge : 28Messages : 33

    le Mer 27 Mai 2015 - 14:45

    Merci beaucoup!
    avatar
    Heine
    MasculinAge : 23Messages : 168

    le Sam 30 Mai 2015 - 1:08

    Merchi o/



    avatar
    animiix
    MasculinAge : 23Messages : 35

    le Jeu 11 Juin 2015 - 11:39

    Merci :)
    avatar
    Eshon
    FémininAge : 37Messages : 194

    le Jeu 11 Juin 2015 - 21:43

    Merci !
    avatar
    QueenDancing13
    FémininAge : 21Messages : 103

    le Sam 13 Juin 2015 - 20:41

    Beau *_*



    avatar
    Gabriielle
    FémininAge : 27Messages : 42

    le Jeu 25 Juin 2015 - 19:39

    merci
    Hop80
    MasculinAge : 29Messages : 138

    le Dim 5 Juil 2015 - 18:43

    chouette merci
    Lucrèce
    FémininAge : 28Messages : 68

    le Mer 8 Juil 2015 - 14:53

    Il est superbe ! Merci beaucoup !
    avatar
    younessdu91
    MasculinAge : 20Messages : 96

    le Jeu 23 Juil 2015 - 21:54

    Jolie, merci
    avatar
    Dacina moe
    FémininAge : 40Messages : 171

    le Lun 27 Juil 2015 - 4:06

    Merci :)
    avatar
    Kira Hatsuki
    FémininAge : 16Messages : 142

    le Dim 9 Aoû 2015 - 15:48

    Merci beaucoup ! ^^
    avatar
    Kelalin
    FémininAge : 25Messages : 1938

    le Dim 9 Aoû 2015 - 17:00

    Merci \(*T▽T*)/
    avatar
    Merwyn Arehdel
    FémininAge : 18Messages : 298

    le Mar 18 Aoû 2015 - 19:13

    Merci beaucoup :)



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

    le Ven 28 Aoû 2015 - 9:51

    merci
    avatar
    ninoute3012
    FémininAge : 24Messages : 71

    le Ven 28 Aoû 2015 - 15:15

    Magnifique merci
    avatar
    idrialelinor
    FémininAge : 26Messages : 18

    le Ven 28 Aoû 2015 - 17:01

    J'adore!
    avatar
    Djeina
    FémininAge : 21Messages : 233

    le Mar 8 Sep 2015 - 21:13

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

    le Sam 12 Sep 2015 - 13:14

    Thanks!



    Contenu sponsorisé


      La date/heure actuelle est Mer 18 Juil 2018 - 2:46