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



    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
    Okhmhaka
    FémininAge : 33Messages : 31851

    le Sam 15 Mar 2014 - 21:07

    He baaaah *o* Tout ça ?? T'essaies d'établir un record ou bien... ? XD
    Merci en tout cas les codes sont classes ! ^^



    avatar
    Halloween
    FémininAge : 24Messages : 9753

    le Sam 15 Mar 2014 - 21:15

    Non, j'aide Aelita à vider les demandes de code xD
    Merci =3




    < / Libre service codage >
    avatar
    Okhmhaka
    FémininAge : 33Messages : 31851

    le Jeu 20 Mar 2014 - 9:25

    Ah oui okay xD Bah à vous deux c'est la tornade blanche dans les commandes là Razz



    avatar
    Leisha.
    FémininAge : 27Messages : 29

    le Sam 29 Mar 2014 - 13:37

    Hello,
    Encore moi, faut dire que j'ai du mal à me décider avec tous tes codes qui sont superbes *-*
    avatar
    shala
    FémininAge : 26Messages : 213

    le Lun 31 Mar 2014 - 0:09

    c'est super beau *-*



    avatar
    Piratress
    FémininAge : 21Messages : 215

    le Lun 31 Mar 2014 - 17:09

    C'es trop beauw
    avatar
    Win
    Age : 26Messages : 114

    le Mar 1 Avr 2014 - 14:11

    Simple et efficace. What else? Merci du partage!



    avatar
    Lutine
    FémininAge : 30Messages : 102

    le Mer 2 Avr 2014 - 21:07

    Joli ^^
    avatar
    AMIANTE
    FémininAge : 22Messages : 36

    le Jeu 3 Avr 2014 - 9:34

    superbe ö



    uc
    avatar
    Uther
    MasculinAge : 21Messages : 93

    le Sam 5 Avr 2014 - 19:50

    Magnifique
    avatar
    Luxuria
    FémininAge : 21Messages : 83

    le Dim 6 Avr 2014 - 16:00

    Waw ! *_* Merci !
    avatar
    MsCrazy.E
    FémininAge : 21Messages : 183

    le Dim 6 Avr 2014 - 17:34

    merci beaucoup *-*



    avatar
    alex24d
    FémininAge : 30Messages : 95

    le Dim 6 Avr 2014 - 21:11

    C'est super
    avatar
    Aurore13
    FémininAge : 29Messages : 48

    le Mer 9 Avr 2014 - 13:59

    Superbeeeeeeees, j'adooooooooore vraiment *____________________*
    avatar
    Angie H.-Carter
    FémininAge : 34Messages : 714

    le Dim 13 Avr 2014 - 23:32

    je vais te les prendre ^^ j'aime beaucoup c'est simple et claire^^

    juste une question quel dimension il faut avoir pour les icone de forum pour un rendu optimal?
    avatar
    Cruelly
    FémininAge : 25Messages : 2571

    le Lun 14 Avr 2014 - 23:10

    magnifique comme toujours :)



    MON PROJET, venez donner votre avis sur mon futur forum :heart: :heart:
    avatar
    Darkeye
    FémininAge : 18Messages : 56

    le Dim 20 Avr 2014 - 16:15

    Très joli, vraiment **.



    avatar
    [W]endy
    FémininAge : 27Messages : 117

    le Mer 23 Avr 2014 - 16:20

    Superbe <33
    Merci du partage !
    avatar
    CathyCréation
    FémininAge : 38Messages : 207

    le Ven 25 Avr 2014 - 14:30

    superbe
    avatar
    Natsumi13
    FémininAge : 22Messages : 64

    le Sam 3 Mai 2014 - 16:51

    Trop classe *O* Merci!!
    avatar
    Gabriiielle
    FémininAge : 27Messages : 53

    le Dim 4 Mai 2014 - 17:15

    merci
    Crépuscule
    FémininAge : 19Messages : 9

    le Mar 6 Mai 2014 - 13:30

    J'aime beaucoup
    avatar
    Susan Storm
    FémininAge : 38Messages : 77

    le Mar 6 Mai 2014 - 14:36

    C'est magnifique, merci ! *-*
    avatar
    TUC
    FémininAge : 30Messages : 103

    le Mer 7 Mai 2014 - 11:35

    J'aime :) Merci!!



    Contenu sponsorisé


      La date/heure actuelle est Mer 15 Aoû 2018 - 18:53