AccueilDernières imagesRechercherS'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.

-35%
Le deal à ne pas rater :
-35% TV OLED Evo 77” (195 cm) LG OLED77G4 – 4K UHD Smart TV 2024
2790 € 4290 €
Voir le deal

    Catégories " Las Vegas " PHPBB2

    Nyan-cat
    Nyan-cat
    FémininAge : 26Messages : 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 3 Nyan_cat_in_portals_by_ds_dna-d56j8yb
    lolosmile
    lolosmile
    FémininAge : 33Messages : 37

    Ven 22 Mai 2015 - 19:45

    merci beaucoup
    Izaya Orihara
    Izaya Orihara
    FémininAge : 23Messages : 105

    Sam 23 Mai 2015 - 13:17

    Merci pour le partage.
    avatar
    Løve
    MasculinAge : 29Messages : 189

    Sam 23 Mai 2015 - 13:40

    merci :3
    Monox76
    Monox76
    MasculinAge : 34Messages : 64

    Sam 23 Mai 2015 - 22:04

    Je test merci !



    Catégories " Las Vegas " PHPBB2 - Page 3 6ao9
    Fame
    Fame
    MasculinAge : 34Messages : 240

    Dim 24 Mai 2015 - 2:23

    c'est super
    Nerria
    Nerria
    FémininAge : 27Messages : 44

    Dim 24 Mai 2015 - 2:41

    superbe code ! merci beaucoup !
    Natsuhi
    Natsuhi
    FémininAge : 28Messages : 35

    Lun 25 Mai 2015 - 12:07

    Super merci ^^
    Akina-chan
    Akina-chan
    FémininAge : 31Messages : 140

    Mar 26 Mai 2015 - 20:46

    J'adore ! Merci ! <3
    Nastooo
    Nastooo
    FémininAge : 32Messages : 22

    Mar 26 Mai 2015 - 21:20

    Oh, je vais tester celui-ci ! Merci Very Happy
    Anonymous
    Invité

    Mer 27 Mai 2015 - 6:13

    Merci c'est super!
    tchapalow
    tchapalow
    FémininAge : 34Messages : 33

    Mer 27 Mai 2015 - 14:57

    merci les enfants!
    Licious
    Licious
    FémininAge : 29Messages : 23

    Mer 27 Mai 2015 - 15:39

    Jolie. :)
    Snape.
    Snape.
    FémininAge : 27Messages : 55

    Lun 1 Juin 2015 - 0:05

    merci !!



    Catégories " Las Vegas " PHPBB2 - Page 3 Tumblr_mqz0udGEEI1sx2peuo4_250Catégories " Las Vegas " PHPBB2 - Page 3 Tumblr_mqz0udGEEI1sx2peuo6_250
    Black Moon
    Black Moon
    FémininAge : 29Messages : 108

    Mer 3 Juin 2015 - 17:49

    superbe
    Sadistic Syndrome
    Sadistic Syndrome
    FémininAge : 32Messages : 84

    Ven 5 Juin 2015 - 16:20

    Merci :)
    Nearween
    Nearween
    FémininAge : 26Messages : 213

    Sam 6 Juin 2015 - 8:58

    Merkiii pour le code °w°



    Catégories " Las Vegas " PHPBB2 - Page 3 Tumblr_static_tumblr_static_e0bc42ijrzwc84o84s4s8o0g_640

    Stand by Me
    Malice1329
    Malice1329
    FémininAge : 36Messages : 81

    Lun 8 Juin 2015 - 14:08

    Merci beaucoup



    ❝ Every Love Story is Beautiful ❞
    Baby, I'm dancing in the dark with you between my arms, Barefoot on the grass, listening to our favorite song,When you said you looked a mess, I whispered underneath my breath But you heard it, darling, you look perfect tonight× BY LIZZOU
    Strawberry-Swan
    Strawberry-Swan
    FémininAge : 32Messages : 195

    Mar 9 Juin 2015 - 15:48

    Merci du partage !



      Kira Hatsuki
      Kira Hatsuki
      FémininAge : 23Messages : 152

      Mar 9 Juin 2015 - 18:21

      Merciiiii !
      AlexeB
      AlexeB
      FémininAge : 29Messages : 165

      Mar 9 Juin 2015 - 18:47

      Très joli :heart:
      Merci du partage :bril:
      TiGraou
      TiGraou
      MasculinAge : 31Messages : 243

      Jeu 11 Juin 2015 - 10:45

      Merci
      bloodyclouds
      bloodyclouds
      FémininAge : 30Messages : 20

      Ven 12 Juin 2015 - 4:28

      Merci beaucoup !
      Anonymous
      Invité

      Ven 12 Juin 2015 - 8:14

      Merci beaucoup !
      missphan
      missphan
      FémininAge : 41Messages : 156

      Ven 12 Juin 2015 - 8:53

      superbe merci



      + my personal brand of heroin
      You’re none of them because you’re all of them. Now that we found each other, you’ve given my past and future meaning. You are the sixth. You are the last. ©️endlesslove.
      Loukoum
      Loukoum
      FémininAge : 31Messages : 1506

      Ven 12 Juin 2015 - 11:23

      Merci beaucoup =D



      Contenu sponsorisé


        La date/heure actuelle est Lun 2 Déc 2024 - 12:28