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 : 9757

    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
    alsayed
    MasculinAge : 45Messages : 75

    le Ven 19 Mai 2017 - 12:17

    Merci
    avatar
    C0DEX
    MasculinAge : 26Messages : 16

    le Dim 21 Mai 2017 - 5:07

    Merci ! :)
    avatar
    sturdya
    FémininAge : 20Messages : 34

    le Dim 28 Mai 2017 - 11:58

    wow merci !
    avatar
    defenrir
    MasculinAge : 35Messages : 76

    le Ven 2 Juin 2017 - 16:00

    merciiii
    avatar
    SweetDreams
    FémininAge : 20Messages : 32

    le Sam 3 Juin 2017 - 15:56

    Merci :3
    avatar
    Agilbert
    FémininAge : 22Messages : 49

    le Jeu 8 Juin 2017 - 15:07

    merci :)
    avatar
    Athéna
    FémininAge : 57Messages : 28

    le Lun 12 Juin 2017 - 13:45

    Superbe, merci !



    "L'esprit est un instrument de musique avec une certaine gamme de tons,
    au-deLà desquels s'étend un silence infini."
    avatar
    Dorin
    FémininAge : 43Messages : 30

    le Sam 1 Juil 2017 - 18:30

    merci beaucoup
    avatar
    Philo
    FémininAge : 20Messages : 64

    le Dim 2 Juil 2017 - 0:08

    merci bcp :)



    Merci mon petit lutin ! Wink
    avatar
    Mephitiques
    MasculinAge : 19Messages : 29

    le Sam 8 Juil 2017 - 14:58

    merci
    avatar
    saoune972
    FémininAge : 20Messages : 18

    le Sam 8 Juil 2017 - 19:43

    OMMMMMMMMMMMD *O*
    avatar
    epic
    FémininAge : 27Messages : 6

    le Sam 5 Aoû 2017 - 15:11

    C'est simple et joli, merci pour les libres services !
    avatar
    Jixdu
    FémininAge : 17Messages : 37

    le Lun 7 Aoû 2017 - 12:15

    C'est très joli ! Merci !
    avatar
    Shiro Amakusa
    MasculinAge : 23Messages : 40

    le Mar 8 Aoû 2017 - 1:48

    Merci beaucoup ! Very Happy
    avatar
    Katia89
    FémininAge : 29Messages : 4

    le Sam 19 Aoû 2017 - 16:51

    J'aime beaucoup la couleur ^^
    avatar
    Melle Lena
    FémininAge : 43Messages : 300

    le Lun 21 Aoû 2017 - 17:40

    Magnifique! :love:
    avatar
    Baylee Hamilton
    FémininAge : 23Messages : 55

    le Jeu 24 Aoû 2017 - 1:48

    wow très jolie ^^
    avatar
    tharivor
    MasculinAge : 25Messages : 6

    le Dim 27 Aoû 2017 - 0:18

    Merci :)
    avatar
    Rarity
    FémininAge : 23Messages : 15

    le Mar 29 Aoû 2017 - 15:18

    Thank you !
    Phénix'
    FémininAge : 17Messages : 93

    le Dim 3 Sep 2017 - 11:05

    Merciiii !
    avatar
    Selmacke
    FémininAge : 28Messages : 100

    le Sam 9 Sep 2017 - 10:42

    Sympa :)
    avatar
    Hakuna Patata
    FémininAge : 26Messages : 65

    le Sam 16 Sep 2017 - 3:58

    C'est beau, merci
    avatar
    Lysblan
    FémininAge : 19Messages : 5

    le Sam 16 Sep 2017 - 8:27

    je n'ai qu'une seule chose à dire c'est : Wow
    Ca fait au moins 2 mois que j'essaye de trouver comment faire et là je tombe là dessus mais.. mais... c'est parfait merci beaucoup.

    Petit PS : C'est possible de rajouter une image dessus et le texte en survol ? Et de changer la couleurs de la barre de défilement ? Genre changer ça :
    Barre de défilement:
    https://i.servimg.com/u/f11/18/59/61/84/barre_10.png
    Si c'est possible franchement je fais la fête toute la journée et la nuit prochaine !
    avatar
    Illeanëlia
    FémininAge : 32Messages : 92

    le Dim 24 Sep 2017 - 14:22

    très joli merci
    avatar
    Cassisse
    FémininAge : 26Messages : 121

    le Mar 26 Sep 2017 - 19:33

    Super jolie, merci Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Lun 17 Déc 2018 - 11:30