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.


    Catégories basiques aux tons rouges

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9754

    le Mer 12 Mar 2014 - 16:10



    Plop,

    Suite à une demande voici le LS qui en découle.

    Catégories


    Version  phpBB2 ▬ CSS & HTML

    Aperçu ▬ www


    CSS
    Code:
    /* --------------------------------- CATEGORIES --------------------------------- */

    .bloc1 {
      background-color: #F0E9DB;
      width: 550px;
      height: 150px;
      position: relative;
      top: -3em;
      left: -5em;
      box-shadow: 2px 2px 15px black;
     -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

    .bloc1:hover {
      border-left: 4px solid #D16969;
      border-right: 4px solid #D16969;
    }

    .imgillustration {
      position: relative;
      left: 2.5em;
      top: 1em;
    }

    /*** FONDS GENERAUX ***/

    /* Contenu de l'ensembre des forum */
    .categorie {
      width: 550px;
      height: 190px;
      padding: 10px;
    }

    /* Fond des forum */
    .sous-forum {
      width: 300px;
      height: 50px;
      overflow: auto;
      top: -10em;
    }

    /* Fond titre catégorie */
    .cate_titre {
      width: 550px;
      margin: auto;
      padding: 5px;
      background-color: #D16969;
      box-shadow: 2px 2px 15px black;
     -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

    /* Mise en forme nom de catégorie */
    h2 {
      font-size: 20px;
      font-family: 'Carrois Gothic SC', sans-serif;
      color: #6F2222;
      text-align: center;
    }




    /*** MISE EN FORME DES FORUM ***/

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #551A1A !important;
      font-family: 'Kite One', sans-serif;
      font-size: 25px !important;
      font-weight: none !important;
      position: relative;
      top: -1.4em;
      left: -4em;
      z-index: 1;
    }

    .forumlink:hover {
      color: #C8AE79 !important;
      text-decoration: none !important;
    }

    .forumlink a {
      font-size: 16px;
      width: 500px;
    }

    /* Mise en forme de la description */
    .description {
      width: 400px;
      height: 90px;
      font-size: 11px;
      text-align: justify;
      color: #7D2626;
      background-color: #FCFAF5;
      border-radius: 5px;
      position: relative;
      top: 1em;
      left: 3em;
      padding: 15px;
    }

    .imagedesc {
      position: relative;
      right: -6em;
      top: -2em;
     -moz-transform:rotate(8deg);
      -webkit-transform:rotate(8deg);
      transform:rotate(8deg);
    }




    /*** SOUS-FORUM ***/

    .lienssf {
      width: 420px;
      max-height: 15px;
      overflow: auto;
      padding: 15px;
      position: relative;
      top: -1.5em;
    }

    .lienssf a {
      color: #A47B8E !important;
      text-decoration: none !important;
    }

    .lienssf a:hover {
      color: #CBC0C6 !important;
     text-decoration : none !important;
    }




    /*** DERNIERS MESSAGES ***/

    .last_mess {
      width: 120px;
      height: 120px;
      position: relative;
      top: -3em;
      left: -4em;
      background-color: #F0E9DB;
      color: #7D2626;
      padding: 10px;
      font-size: 11px;
      border-radius: 5px;
    }

    .last_mess a {
      color: black !important;
      text-decoration: none !important;
    }

    .last_mess a:hover {
      color: #CAC9C7 !important;
     text-decoration : none !important;
    }

    .last_mess:hover {
      border-left: 4px solid #D16969;
      border-right: 4px solid #D16969;
    }


    /*--------------------------------- FIN CATEGORIES --------------------------------- */



    Template index_box
    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 -->

    <center><div style="background-color: #B03636; padding: 15px; width: 780px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



       <!-- END tablehead -->
       <!-- BEGIN cathead -->
      
      <!-- END cathead -->
       <!-- BEGIN forumrow -->
     
     
       <div class="categorie">
         <table><br /><br /><tr>
      <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        <div class="bloc1">{catrow.forumrow.FORUM_DESC}
          <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
      <td><div class="last_mess"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        <br /><span class="gensmall" style="color: #7D2626;">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</span><br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
      </tr></table>
        
     </div>

       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
      
      <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
     
     </div>  </center>
     
    <!-- END tablefoot --><!-- END catrow -->
    <link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>

    Dans les descriptions de sous-forum
    Code:
    <table>
     
    <tbody>
     <tr>
     
    <td>
     
    <div class="description" style="width: 350px; height: 50px; overflow: auto; padding: 15px;">
     Ex his quidam aeternitati se commendari posse per statuas aestimantes eas ardenter adfectant quasi plus praemii de figmentis aereis sensu carentibus adepturi, quam ex conscientia honeste recteque factorum, easque auro curant inbracteari, quod Acilio Glabrioni delatum est primo, cum consiliis armisque regem superasset Antiochum. quam autem sit pulchrum exigua haec spernentem et minima ad ascensus verae gloriae tendere longos et arduos, ut memorat vates Ascraeus, Censorius Cato monstravit. qui interrogatus quam ob rem inter multos... statuam non haberet malo inquit ambigere bonos quam ob rem id non meruerim, quam quod est gravius cur inpetraverim mussitare. Inter quos Paulus eminebat notarius ortus in Hispania, glabro quidam sub vultu latens, odorandi vias periculorum occultas perquam sagax. is in Brittanniam missus ut militares quosdam perduceret ausos conspirasse Magnentio, cum reniti non possent, iussa licentius supergressus fluminis modo fortunis conplurium sese repentinus infudit et ferebatur per strages multiplices ac ruinas, vinculis membra ingenuorum adfligens 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, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.
    </div>
     
    </td>
     
    <td>
     <img src="http://imageshack.com/a/img191/2554/g4.gif" class="imgillustration" />
    </td>
     
    </tr>
     
    </tbody>
    </table>



    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 Halloween le Jeu 13 Avr 2017 - 20:34, édité 1 fois




    < / Libre service codage >
    avatar
    Leisha.
    FémininAge : 27Messages : 29

    le Sam 29 Mar 2014 - 12:38

    Bonjour,
    J'aimerais beaucoup utiliser les catégories que tu as réalisées !
    Est-il possible d'avoir le code ? Ou bien c'est un Hide auquel cas, j'aurai ma réponse une fois mon message posté !

    Merci en tout cas Wink

    Edit : C'était bien ce que je pensais ! Merci beaucoup !
    Lien du forum (U.C)
    avatar
    Luxuria
    FémininAge : 21Messages : 83

    le Dim 6 Avr 2014 - 15:58

    J'adooore, merci ! :3
    avatar
    alex24d
    FémininAge : 30Messages : 95

    le Dim 6 Avr 2014 - 21:12

    J'adore
    Løve
    MasculinAge : 23Messages : 189

    le Sam 19 Avr 2014 - 15:15

    Elles sont super sympas ces catégories :3
    SinoJak
    MasculinAge : 17Messages : 44

    le Lun 21 Avr 2014 - 20:14

    Je kifff
    avatar
    Cruelly
    FémininAge : 25Messages : 2572

    le Mar 22 Avr 2014 - 2:38

    Ta trop de belle chose halloween pourquoi tu nous fais sa ?! C'est tellement dur de choisir xD



    MON PROJET, venez donner votre avis sur mon futur forum :heart: :heart:
    avatar
    CathyCréation
    FémininAge : 39Messages : 207

    le Ven 25 Avr 2014 - 14:37

    merci beaucoup
    avatar
    Gabriiielle
    FémininAge : 27Messages : 53

    le Dim 4 Mai 2014 - 17:23

    J'adore, tu codes trop bien
    avatar
    ass kicker
    FémininAge : 23Messages : 80

    le Lun 5 Mai 2014 - 21:09

    superbe, merci beaucoup !



      see you again
      No matter where you are, whether you’re a quarter mile away, or half way around the world … you’ll always be with me. You’ll always be my brother.©endlesslove
    avatar
    Allison01
    FémininAge : 34Messages : 200

    le Lun 5 Mai 2014 - 23:15

    Whaouu ce codage simple j'adore trop ^^ merci
    Crépuscule
    FémininAge : 19Messages : 9

    le Mar 6 Mai 2014 - 12:46

    Magnifique :3
    avatar
    Susan Storm
    FémininAge : 38Messages : 77

    le Mar 6 Mai 2014 - 14:37

    Merci :)
    avatar
    Angy38
    FémininAge : 48Messages : 226

    le Mar 6 Mai 2014 - 14:55

    Magnifique



    avatar
    Insane paper-plane
    FémininAge : 22Messages : 139

    le Mer 7 Mai 2014 - 17:50

    Merci à toi Halloween ! Encore une fois, tu me sauve la mise ! ;u;
    avatar
    Hana Evali
    FémininAge : 28Messages : 167

    le Jeu 8 Mai 2014 - 23:03

    Superbe !



    avatar
    Milka
    FémininAge : 30Messages : 112

    le Ven 9 Mai 2014 - 13:09

    Sublime *-*
    avatar
    LickingBoot
    FémininAge : 19Messages : 503

    le Ven 9 Mai 2014 - 23:19

    merci !



    Narlya
    FémininAge : 16Messages : 20

    le Sam 10 Mai 2014 - 13:08

    Merci ! ^^
    avatar
    Missa
    FémininAge : 22Messages : 54

    le Dim 11 Mai 2014 - 1:45

    merci o/



    avatar
    Parka
    MasculinAge : 39Messages : 100

    le Dim 11 Mai 2014 - 13:56

    Merci
    avatar
    Ren haring
    MasculinAge : 23Messages : 1008

    le Dim 11 Mai 2014 - 16:17

    Magnifique
    avatar
    Tatia38
    FémininAge : 29Messages : 308

    le Dim 11 Mai 2014 - 21:10

    Sublime merci pour le partage
    avatar
    Jimmy
    MasculinAge : 23Messages : 166

    le Lun 12 Mai 2014 - 22:44

    Merci pour le code
    avatar
    Invité

    le Mer 14 Mai 2014 - 13:00

    Jolie
    Contenu sponsorisé


      La date/heure actuelle est Dim 21 Oct 2018 - 3:43