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

    Rappel du premier message :



    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
    Saphire
    FémininAge : 20Messages : 146

    le Lun 30 Juin 2014 - 11:08

    C'est un très jolie codage, merci ^^
    avatar
    skaera22
    MasculinAge : 23Messages : 72

    le Lun 30 Juin 2014 - 12:17

    merci
    Amélia
    FémininAge : 18Messages : 49

    le Lun 30 Juin 2014 - 14:14

    Merci !
    avatar
    Pinku
    FémininAge : 20Messages : 139

    le Lun 30 Juin 2014 - 14:15

    Mercii !
    avatar
    Raween
    FémininAge : 26Messages : 112

    le Lun 30 Juin 2014 - 19:50

    Merci beaucoup ^^
    avatar
    Inoue Musaki
    FémininAge : 28Messages : 147

    le Lun 30 Juin 2014 - 21:20

    merci ^^
    avatar
    Kathee
    FémininAge : 25Messages : 667

    le Mar 1 Juil 2014 - 1:30

    Owww Wouahha ! *.*



    • Nous serions ravis de vous accueillir •


    • Venez donc voir ce petit petit fofo •
    avatar
    Kimberlay *
    FémininAge : 28Messages : 160

    le Mer 2 Juil 2014 - 17:46

    Merci
    Drogba JR
    MasculinAge : 26Messages : 88

    le Jeu 3 Juil 2014 - 16:22

    merci
    Drogba JR
    MasculinAge : 26Messages : 88

    le Jeu 3 Juil 2014 - 16:24

    le template et la description est remplacé par quoi ?
    avatar
    NaruChan
    FémininAge : 16Messages : 36

    le Jeu 3 Juil 2014 - 16:38

    C'est magnifique, merci x3
    avatar
    Plume'
    FémininAge : 20Messages : 166

    le Sam 5 Juil 2014 - 12:05

    Superbe !
    avatar
    Zibeline
    FémininAge : 33Messages : 84

    le Sam 5 Juil 2014 - 14:56

    C'est tout simplement splendide.
    Merci de ce partage. :love: 
    avatar
    Marwin
    MasculinAge : 25Messages : 47

    le Dim 6 Juil 2014 - 1:33

    Merci Wink
    avatar
    Junior.
    FémininAge : 21Messages : 78

    le Dim 6 Juil 2014 - 21:14

    Merci ! **
    avatar
    cosmos-chann
    FémininAge : 21Messages : 115

    le Dim 6 Juil 2014 - 21:53

    Superbe !
    avatar
    Archeos
    FémininAge : 22Messages : 60

    le Lun 7 Juil 2014 - 0:18

    Merci. :)
    Superbe codage. *-*



    avatar
    skyfighter
    MasculinAge : 35Messages : 352

    le Mer 9 Juil 2014 - 1:24

    Merci ^^





    avatar
    Shiwaii
    MasculinAge : 29Messages : 110

    le Mer 9 Juil 2014 - 6:55

    Merci beaucoup !! Very Happy
    avatar
    Equestria
    FémininAge : 21Messages : 118

    le Jeu 10 Juil 2014 - 1:13

    merci
    avatar
    Natsumi13
    FémininAge : 22Messages : 64

    le Jeu 10 Juil 2014 - 4:11

    Merci *o* J'adore!
    avatar
    Freshdaw
    FémininAge : 23Messages : 14

    le Jeu 10 Juil 2014 - 18:26

    Merci beaucoup :)
    avatar
    Invité

    le Jeu 10 Juil 2014 - 18:36

    Simple mais cool !
    avatar
    Monaka
    FémininAge : 26Messages : 132

    le Ven 11 Juil 2014 - 8:06

    Un peu trop rouge pour moi, mais j'aime beaucoup !
    avatar
    x_Titia
    FémininAge : 27Messages : 92

    le Sam 12 Juil 2014 - 11:40

    génial, merci beaucoup! ^^
    Contenu sponsorisé


      La date/heure actuelle est Lun 24 Sep 2018 - 3:21