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 sous-forum effet bandeau

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9753

    le Mer 12 Mar 2014 - 20:53

    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 --------------------------------- */

        .imgforum {
          border-radius: 100%;
          border: 2px solid #ffffff;
        }

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


        /*** FONDS GENERAUX ***/

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

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

        /* Fond titre catégorie */
        .cate_titre {
          width: 800px;
          margin: auto;
          padding: 5px;
          background-color: #3D2A33;
          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: #C2A7B4;
          text-align: center;
        }




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

        /* Mise en forme du texte des titres de forum */
        .forumlink {
          color: #A47B8E !important;
          font-family: 'Vampiro One', cursive;
          font-size: 25px !important;
          font-weight: none !important;
          position: relative;
          top: 0.5em;
          left: -2em;
          z-index: 1;
        }

        .forumlink:hover {
          color: #F1EBEE !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: #CBC0C6;
          background-color: #392F34;
          border: 2px solid #2D2227;
          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: 490px;
          max-height: 15px;
          overflow: auto;
          background-color: #2C1D24;
          padding: 5px;
          position: relative;
        }

        .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;
          position: relative;
          left: 6em;
          top: 1.5em;
          background-color: #2C1D24;
          color: #C9AFBB;
          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;
        }


        /*--------------------------------- 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 -->

        <div style="background-color: #34222A; padding: 10px;"><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><tr>
          <td><img class="imgforum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
            <div class="bloc1"><div class="rien">{catrow.forumrow.FORUM_DESC}</div>
              <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
          <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div></td>
        </tr>
        </table>
            
         </div>

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

    Et dans la description de vos forum
    Code:
       <div class="description" style="width: 400px; 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>



    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:33, édité 1 fois




    < / Libre service codage >
    avatar
    ArcadeFire
    FémininAge : 23Messages : 13

    le Mar 19 Juil 2016 - 7:58

    Merci :)
    avatar
    Lynnakiel
    FémininAge : 21Messages : 19

    le Jeu 21 Juil 2016 - 13:31

    Joli, merci !
    avatar
    Talesof91
    FémininAge : 27Messages : 83

    le Sam 23 Juil 2016 - 20:19

    Super merci ! Very Happy
    avatar
    Athos
    FémininAge : 23Messages : 49

    le Ven 29 Juil 2016 - 5:16

    merci!
    avatar
    Calkrys
    FémininAge : 20Messages : 49

    le Mer 3 Aoû 2016 - 2:35

    Merci !
    avatar
    Eryu
    FémininAge : 25Messages : 48

    le Mar 9 Aoû 2016 - 18:29

    Merci pour ce codage, je le trouve vraiment très beau ^^
    avatar
    Dark6nika
    FémininAge : 25Messages : 118

    le Lun 15 Aoû 2016 - 13:13

    Merci pour ce codage bien joli et très élégant ♥



    avatar
    Plumy
    FémininAge : 27Messages : 33

    le Lun 15 Aoû 2016 - 21:11

    Wow j'adore ! Merci beaucoup pour ce partage ça va pouvoir m'aider pour un forum où j'aide Very Happy
    avatar
    Rems
    MasculinAge : 25Messages : 6

    le Ven 19 Aoû 2016 - 19:49

    Très beau code, merci du partage !
    avatar
    TenebreuseRP
    FémininAge : 19Messages : 203

    le Sam 20 Aoû 2016 - 14:25

    merci!



    Spoiler:

    avatar
    Invité

    le Dim 21 Aoû 2016 - 19:55

    Merci pour ce LS ! :)
    avatar
    Ice Cream'
    FémininAge : 15Messages : 15

    le Lun 22 Aoû 2016 - 16:01

    Merci ! :)
    avatar
    paradox68
    MasculinAge : 36Messages : 11

    le Mar 23 Aoû 2016 - 14:47

    merci a toi
    avatar
    Whisperinette
    FémininAge : 25Messages : 17

    le Mar 23 Aoû 2016 - 18:36

    Joli && Merci <3
    avatar
    Amaliiah
    FémininAge : 19Messages : 50

    le Mar 23 Aoû 2016 - 20:50

    Merci :)
    avatar
    Violaine2F
    FémininAge : 19Messages : 13

    le Mer 24 Aoû 2016 - 2:35

    Merci bien pour ce code.
    avatar
    Miyakano
    FémininAge : 25Messages : 10

    le Jeu 25 Aoû 2016 - 0:47

    Merci du partage !
    avatar
    Kause
    FémininAge : 24Messages : 15

    le Mer 31 Aoû 2016 - 21:57

    Mille mercis pour ces codes FANTASTIQUES !
    avatar
    Kause
    FémininAge : 24Messages : 15

    le Mer 31 Aoû 2016 - 22:40

    Excusez-moi pour le double post... Mais est-ce normal que, quand nos titres de sous catégorie sont nombreux et/ou longs, ils soient coupés ?
    Voici ce que ça me donne.
    avatar
    FROSTendoloris
    FémininAge : 24Messages : 168

    le Jeu 1 Sep 2016 - 18:57

    MErci du partage, c'est une merveille !



    avatar
    charly45700
    MasculinAge : 21Messages : 30

    le Sam 3 Sep 2016 - 11:59

    merci
    avatar
    NanoiHime
    FémininAge : 19Messages : 562

    le Dim 4 Sep 2016 - 2:15

    ùercii



    avatar
    ~LP
    FémininAge : 22Messages : 11

    le Mar 6 Sep 2016 - 18:06

    C'est magnifique :3
    avatar
    Abby Reever
    FémininAge : 26Messages : 131

    le Mar 6 Sep 2016 - 21:24

    Oh! *w* Il est magnifique celui là! Merci! ~ ♥
    avatar
    HazelW
    FémininAge : 25Messages : 51

    le Dim 11 Sep 2016 - 17:23

    Merci !!



    Contenu sponsorisé


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