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.

-40%
Le deal à ne pas rater :
-40% Polo Lacoste – imprimé crocodile – 5 couleurs dispo
72 € 120 €
Voir le deal

    Catégories " Las Vegas " PHPBB2

    Nyan-cat
    Nyan-cat
    FémininAge : 22Messages : 326

    Lun 30 Mar 2015 - 21:12

    Rappel du premier message :


    Catégories " Las Vegas "

    APERCU

    Voici mon tout premier Libre Service de catégories, qui est dans une ambiance relativement nocturne avec un petit air de Las Vegas. C'est des Spots, de la lumière, un peu sixties et des étoiles pleins les yeux.


    I - TEMPLATE INDEX_BOX

    Il faut que vous supprimiez l'intégralité de votre template, puis mettre celui-ci.

    Code:

    <link href='http://fonts.googleapis.com/css?family=Abril+Fatface|Oswald|Bree+Serif|Alfa+Slab+One|Covered+By+Your+Grace|Dancing+Script'rel='stylesheet' type='text/css'>
    <table>
      <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="cate_title">
      {catrow.tablehead.L_FORUM}
    </div>
    <div class="categorie_bloc">
      <!-- END tablehead -->
      <!-- BEGIN cathead -->
      <!-- END cathead -->
      <!-- BEGIN forumrow -->
      <div class="cate_forum">
        <div class="categorie_forum_milieu">
          <table _moz_resizing="true" border="0">
          <tbody>
             <tr>
                <td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
         
                                      {catrow.forumrow.FORUM_DESC}
          <br />
                </td>
          <td><div class="categorie_forum_stat">
          <div class="forum_last_stats">
            {catrow.forumrow.TOPICS} • {catrow.forumrow.POSTS}
          </div>
          <div class="forum_last_mess">
            {catrow.forumrow.LAST_POST}
          </div>
        </div></td><td>
                   <img class="old_new_lock" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br />
                </td>
             </tr>
          </tbody>
       </table>
          <div class="sous_forum_lien">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </div>
      </div>
    <!-- END forumrow -->
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
    <!-- END tablefoot -->
    <!-- END catrow -->

    II - CSS

    Code:
    /************************************************** DÉBUT DES CATÉGORIES **************************************************/

    /*Bloc des forums*/
    .cate_forum {
      height: 200px;
      width: 900px;
    }

    /*Bloc des titres des catégories*/
    .cate_title {
      width: 800px;
      height: 75px;
      margin: auto;
      text-align: center;
      background-repeat: no-repeat;
      background-position: top center;
      margin-bottom: -10px;
    }
    /*Titres des catégories*/
    .cate_title h2 {
      display: block;
      height: 60px;
      margin: 0px;
      font-family: "Alfa Slab One";
      font-size: 55px;
      letter-spacing: 1px;
      color: #272744;
    }
    .cate_title h2 img {
      margin-top: -25px;
      margin-left: 20px;
    }
    .cate_title h2 span {
      display: none;
    }
    a.nav img {
      display: none;
    }


    /*Bloc des catégories*/
    .categorie_bloc {
      background-color: #0C0C1C;
      width: 900px;
      margin: auto;
      margin-bottom: 10px;
      padding-top: 50px;
      padding-bottom: 1px;
      font-family: "abeatbykai", sans-serif;
      font-size: 12px;
      letter-spacing: 1px;
      color: #272744;
    }


    /*Image Old New Lock*/
    .old_new_lock {
      float: left;
      margin-left: -70px;
      margin-top: -120px;
     

    }

    /*Bloc complet du milieu*/
    .categorie_forum_milieu {
      position: relative;
      float: left;
      margin-top: 10px;
      margin-left: 65px;
      margin-right: 15px;
      width: 750px;
      height: 140px;
      padding: 10px;
      padding-top: 17px;
      background-color: #111124;
    }

    /*Titres des forums*/
    .forumlink {
      position: absolute;
      margin-top: -15px;
      margin-left: 15px;
      z-index: 2;
      height: 50px;
      font-size: 40px;
      font-family: 'Alfa Slab One', cursive;
      color: #272744!important;
      font-weight: normal;
    }
    /*Titres survolés des forums*/
    .forumlink:hover {
      color: #6D6DAB!important;
      text-decoration: none!important;
    }
    /*Désactiver les images des titres*/
    .forumlink img {
      display: none;
    }

    /*MISE EN FORME DESCRIPTION*/               
        .description {
          font-size: 11px;
          line-height: 11px;
          text-align: justify;
          position: relative;
          padding: 15px;
          height: 70px;
          width: 430px;
          overflow-y: auto;
          padding-right: 5px;
          margin-top : 40px;
        }

        .losange {
        height: 80px;
        width: 80px;
        float: right;
        margin-right: -280px;
        margin-top: 40px;
        border: 5px solid #0C0C1C;
        background: #0C0C1C;
        -ms-transform: rotate(45deg); /* Internet Explorer */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg); /* Safari et Chrome */
        -o-transform: rotate(45deg); /* Opera */
        }

    /*Bloc des sous forums*/
      .sous_forum_lien {
          font-size: 11px;
          line-height: 11px;
          text-align: justify;
          position: relative;
          margin-top : -25px;
          margin-left: -10px;
          overflow: auto;
          height: 17px;
          width: 400px;
          background-color: #111124;
        }


    /*Bloc des statistiques et du dernier message*/
    .categorie_forum_stat {
      position: relative;
      float: left;
      margin-top: 10px;
      width: 160px;
      height: 70px;
      padding: 5px;
      text-align: center;
    }
    /*Statistiques*/
    .forum_last_stats {
      margin-left: 3px;
      margin-right: 3px;
      padding-bottom: 3px;
      font-size: 25px;
      font-family: "Abril Fatface";
      color: #37A03F;
    }
    /*Police du dernier message*/
    .forum_last_mess, .forum_last_mess a.gensmall {
      font-size: 11px;

      font-family: "abeatbykai", sans-serif;
    }
    /*Couleur des liens du dernier message*/
    .forum_last_mess a {
      color: #37A03F;
    }

    /*Les barres de défilement dans les catégories*/
    .forum_desc::-webkit-scrollbar {height:11px; width:6px; background:none; margin-right:5px;}
    .forum_desc::-webkit-scrollbar-thumb {background:rgba(241,163,189,1); height:30px; border-radius:30px;}
    .forum_desc::-webkit-scrollbar-corner {background:none;}

    /*Retirer les soulignements*/
    a { text-decoration: none; }

    /************************************************** FIN DES CATÉGORIES **************************************************/

    III - POUR LES DESCRIPTIONS DE CATÉGORIES

    Code:
    <div class="losange">
           <img src="http://www.pixenli.com/images/1427/1427468682011529000.png" class="imgforum" />
    </div>
           
    <div class="description">
                     et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu.  et quosdam obterens manicis, crimina scilicet multa consarcinando a veritate longe discreta. unde admissum est facinus impium, quod Constanti tempus nota inusserat sempiterna. Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu.               
    </div>

    • Ce code fait 900px de large.
    • Les images des losange suivent la rotation de ceux-ci.
    • Les boutons font 100*100.


    Un petit merci ou commentaire est toujours le bienvenu ^^
    - Mettre/laisser un crédit vers Never-Utopia est obligatoire.
    - Si vous avez des problèmes avec ce LS ou des questions, venez poster ici.


    Dernière édition par Nyan-cat le Lun 30 Mar 2015 - 22:24, édité 2 fois



    Catégories " Las Vegas " PHPBB2 - Page 10 Nyan_cat_in_portals_by_ds_dna-d56j8yb
    Elf-of-Nature
    Elf-of-Nature
    FémininAge : 27Messages : 156

    Mer 5 Oct 2016 - 12:29

    Merci :-)



    Catégories " Las Vegas " PHPBB2 - Page 10 216988Renardssigna
    Oce5986
    Oce5986
    FémininAge : 24Messages : 7

    Jeu 6 Oct 2016 - 23:19

    Merci Very Happy
    Reece.
    Reece.
    FémininAge : 22Messages : 34

    Mar 11 Oct 2016 - 23:10

    Merciiiiiiii
    patriciadpt30
    patriciadpt30
    FémininAge : 58Messages : 240

    Sam 15 Oct 2016 - 23:08

    Merci pour voir bisous :))



    Patricia :)
    Likau
    Likau
    MasculinAge : 27Messages : 353

    Dim 16 Oct 2016 - 17:51

    *met un cookie dans la boîte à biscuits*
    Merci Very Happy
    Bryan1997
    Bryan1997
    MasculinAge : 24Messages : 51

    Mer 26 Oct 2016 - 16:46

    merci
    Mimi-Haine
    Mimi-Haine
    FémininAge : 22Messages : 32

    Dim 30 Oct 2016 - 1:34

    Merci !



    Catégories " Las Vegas " PHPBB2 - Page 10 264329signatureforum
    Sparky59
    Sparky59
    FémininAge : 21Messages : 54

    Sam 5 Nov 2016 - 23:01

    Merci :)
    ( Lou' )
    ( Lou' )
    FémininAge : 25Messages : 108

    Dim 6 Nov 2016 - 11:02

    Merci beaucoup =D
    Idylle
    Idylle
    FémininAge : 30Messages : 33

    Lun 7 Nov 2016 - 9:35

    Mercii ! Elles sont splendides ! :heart:
    Omys
    Omys
    FémininAge : 26Messages : 63

    Mar 8 Nov 2016 - 19:09

    Merci :3
    wandererinfreedom
    wandererinfreedom
    FémininAge : 21Messages : 9

    Sam 12 Nov 2016 - 13:29

    ça a l'air vachement sympathique, merci du partage Very Happy
    Lovelymp
    Lovelymp
    FémininAge : 41Messages : 68

    Dim 13 Nov 2016 - 10:09

    Sympa Merci du partage
    Eime
    Eime
    FémininAge : 24Messages : 15

    Mar 15 Nov 2016 - 16:39

    Merci !
    MPGuenette
    MPGuenette
    FémininAge : 26Messages : 111

    Sam 19 Nov 2016 - 2:01

    merci ^^
    Philo
    Philo
    FémininAge : 23Messages : 64

    Jeu 24 Nov 2016 - 22:36

    I moving to Las Vegas thanks to you, I will be thankful.
    Chhaya
    Chhaya
    FémininAge : 36Messages : 1213

    Mar 13 Déc 2016 - 15:00

    Merci ♥



    Catégories " Las Vegas " PHPBB2 - Page 10 200412081714641513

      Merci Sparrow :3
    Ayfoth
    Ayfoth
    MasculinAge : 31Messages : 1330

    Sam 31 Déc 2016 - 23:08

    Merci pour le partage :)



    Catégories " Las Vegas " PHPBB2 - Page 10 Oyl7
    mijako
    mijako
    FémininAge : 29Messages : 83

    Dim 1 Jan 2017 - 5:37

    Merci
    picka234
    picka234
    FémininAge : 56Messages : 588

    Dim 8 Jan 2017 - 6:49

    cheers merci
    Froufy
    Froufy
    FémininAge : 20Messages : 59

    Mer 18 Jan 2017 - 20:39

    Merci!!!



    1+1= 4
          2
    3
    Zaza
    Zaza
    FémininAge : 27Messages : 7

    Mer 8 Fév 2017 - 14:27

    Merci, je trouve ça super ! Moi qui monte un forum sur le thème Vegas en plus :love:
    avatar
    Del
    MasculinMessages : 110

    Ven 17 Fév 2017 - 20:23

    Merci !



    « Run you clever boy and remember... »
    Lena
    Lena
    FémininAge : 30Messages : 100

    Ven 17 Fév 2017 - 21:11

    Merci du partage, il est superbe ♥



    Catégories " Las Vegas " PHPBB2 - Page 10 Lena13

    Merci a Kazuya pour son kit =)
    AMYROSSLEDGER
    AMYROSSLEDGER
    FémininAge : 27Messages : 37

    Jeu 2 Mar 2017 - 12:36

    excellent travail !
    Contenu sponsorisé


      La date/heure actuelle est Dim 1 Aoû 2021 - 13:33