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 Pokémon en trois colonnes

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9753

    le Sam 14 Juin 2014 - 12:08

    Rappel du premier message :



    Plop,

    Suite à une demande de Cruelly voici le LS qui découle.
    Un petit merci ne coûte rien et motive celui ou celle qui partage Wink

    La taille des images "New", "No new" et "Lock" est de 106*47px et de 114*81px pour l'image dans la description.

    Catégories


    Version  phpBB2 ▬ CSS & HTML ▬ Effet au survol des sous-forum

    Aperçu ▬ www
    Le QEEL assorti et la PA qui complète le tout


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

            #liens_sf1 a {
              background-color: #C0C0C0;
              display: block;
            }

            #liens_sf1 a:hover {
              background-color: #99CDFF;
            }

            .essai {
              background-color: #000000;
            }

            /*** FONDS GENERAUX ***/

            /* Contenu de l'ensembre des forum */
            .categorie {
              width: 500px;
          height: 20px;
              padding: 5px;
            }

        /* Mise en forme nom de catégorie */
              .cate_titre h2 {
                  font-size: 35px;
                  font-family: 'Lobster', cursive;
                  color: #000000;
                  text-align: center;
                  position: relative;
                  top: -0.8em;
                }


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

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

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

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

            /* Mise en forme de la description */
            .bloc1 {
              background-color: #FFFFFF;
              color: #020202;
              font-size: 11px;
              text-align: justify;
              height: 120px;
              width: 380px;
              position: relative;
              left: -7em;
              top: -6em;
              border-radius: 20px;
            }

            .imgillustration {
              border-radius: 10px;
            }


            /*** SOUS-FORUM ***/

            .lienssf {
              width: 130px;
              background-color: #ffffff;
              height: 110px;
              overflow: auto;
              padding-top: 15px;
              padding-bottom: 15px;
              position: relative;
              top: -3em;
              left: -4em;
              border-radius: 25px;
              text-align: center;
            }

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

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




            /*** DERNIERS MESSAGES ***/

            .last_mess {
              width: 120px;
              height: 130px;
              position: relative;
              left: -8em;
          top: -4.5em;
              background-color: #FFFFFF;
              color: #A09F9B;
              padding: 5px;
              font-size: 11px;
              border-radius: 50px;
            }

            .last_mess a {
              color: #6F9797 !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 -->
        <br />
        <center><div style="background-color: #98D8D7; width: 700px; border-radius: 80px;"><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><div class="last_mess"><center><br /><img style="border-radius: 10px;" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            <br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
        <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></td>

          <td><div class="lienssf" id="subforums"><div id="liens_sf1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
              <script type="text/javascript">
        jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
        </script></div></td>
          </tr></table>
         </div><br /><br /><br /><br /><br /><br />

          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
        
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
        
          </div>  </center><br /><br />
        
        <!-- END tablefoot --><!-- END catrow -->

    Et dans la description de forum :
    Code:
       <table>
          
           <tbody>
              <tr>
                
                 <td>
                    
                    <div style="width: 220px; height: 70px; 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://i39.servimg.com/u/f39/18/47/68/10/fdfsd10.png" class="imgillustration" />
                 </td>
                
              </tr>
              
           </tbody>
        </table>

    - 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:37, édité 3 fois




    < / Libre service codage >
    avatar
    Monaka
    FémininAge : 26Messages : 132

    le Jeu 7 Aoû 2014 - 10:49

    très jolie !
    avatar
    DarkWrestler.
    MasculinAge : 23Messages : 36

    le Jeu 7 Aoû 2014 - 17:03

    Merci.
    avatar
    Archeos
    FémininAge : 21Messages : 60

    le Ven 8 Aoû 2014 - 14:06

    Superbe codage. **



    avatar
    Irony
    FémininAge : 20Messages : 102

    le Ven 8 Aoû 2014 - 15:05

    Merci ! **
    avatar
    soraya
    FémininAge : 27Messages : 38

    le Ven 8 Aoû 2014 - 15:17

    c'est très joli bravo ** & merci beaucoup de ce partage




       
    Cory Monteith  1982 - 2013 Oh, why you look so sad? Tears are in your eyes come on and come to me now. Don't be ashamed to cry, let me see you through 'cause I've seen the dark side too. © by anaëlle.
    avatar
    Soul
    MasculinAge : 22Messages : 1723

    le Ven 8 Aoû 2014 - 18:48

    Très sympa merci à toi :)
    avatar
    Kreazen
    FémininAge : 21Messages : 46

    le Dim 10 Aoû 2014 - 23:56

    merci pour le code



    Arrow
    avatar
    Cola
    FémininAge : 19Messages : 81

    le Mar 12 Aoû 2014 - 17:00

    Merci



    avatar
    Lovehurt
    FémininAge : 21Messages : 36

    le Mar 12 Aoû 2014 - 21:36

    Merci :3
    avatar
    lala zhang
    FémininAge : 27Messages : 345

    le Mer 13 Aoû 2014 - 9:18

    C'est jolie merci du partage
    avatar
    Neko-Rika
    FémininAge : 19Messages : 115

    le Ven 15 Aoû 2014 - 14:44

    Merci ~
    avatar
    Cruelly
    FémininAge : 25Messages : 2570

    le Dim 17 Aoû 2014 - 4:02

    Waouwe mes catégories ont vraiment été apprécier :)



    Présence réduite pour le moment.
    avatar
    Ju' de fruits
    FémininAge : 25Messages : 82

    le Dim 17 Aoû 2014 - 17:06

    Merci du partage ♥



    avatar
    24nono38
    FémininAge : 28Messages : 68

    le Dim 17 Aoû 2014 - 23:35

    Une fois de plus, le rendu est vraiment sympa Very Happy



    avatar
    Evanea
    FémininAge : 30Messages : 24

    le Lun 18 Aoû 2014 - 11:21

    Merci beaucoup \o/
    avatar
    Morphine.
    FémininAge : 27Messages : 40

    le Lun 18 Aoû 2014 - 15:30

    merci :)



    avatar
    Kraken
    FémininAge : 25Messages : 137

    le Jeu 21 Aoû 2014 - 13:38

    merci du partage ♥
    avatar
    Pythia
    FémininAge : 29Messages : 182

    le Jeu 21 Aoû 2014 - 23:19

    J'adore ! C'est sublime.
    avatar
    Skyleen
    FémininAge : 25Messages : 476

    le Ven 22 Aoû 2014 - 16:43

    Merci beaucoup pour le partage <3<3<3



    2013 ▬
    Commandes en cours : 0    ▬ Commandes finis : 2
    avatar
    Eshon
    FémininAge : 37Messages : 194

    le Dim 24 Aoû 2014 - 13:27

    Merci ! ^^
    avatar
    catkiller
    FémininAge : 23Messages : 70

    le Mar 26 Aoû 2014 - 4:15

    mrci!
    avatar
    ARIZONA DREAM
    FémininAge : 19Messages : 33

    le Mar 26 Aoû 2014 - 11:30

      Merci ♥
    avatar
    Databar
    MasculinAge : 24Messages : 142

    le Mar 26 Aoû 2014 - 18:41

    merci
    avatar
    ♪ Extasy ♪
    FémininAge : 28Messages : 105

    le Mer 27 Aoû 2014 - 16:33

    Merci pour le partage :)
    avatar
    Velvet-Mist
    FémininAge : 27Messages : 44

    le Mer 27 Aoû 2014 - 18:39

    SU-PER-BE! ♥
    Merci beaucoup!
    Contenu sponsorisé


      La date/heure actuelle est Mer 18 Juil 2018 - 12:46