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
    Zekarant
    MasculinAge : 17Messages : 51

    le Jeu 17 Déc 2015 - 21:58

    Merci !
    avatar
    Ondée
    FémininAge : 19Messages : 659

    le Ven 18 Déc 2015 - 15:45

    Thanks Wink



    EN VACANCES JUSQU'À DÉBUT AOÛT - TOTALEMENT ABSENTE
    avatar
    sanae
    FémininAge : 27Messages : 21

    le Sam 19 Déc 2015 - 19:10

    oh merci
    avatar
    ecosystem
    FémininAge : 20Messages : 38

    le Ven 25 Déc 2015 - 22:46

    Merci :)
    avatar
    Nathaël
    MasculinAge : 29Messages : 92

    le Ven 8 Jan 2016 - 20:55

    Sympa ^^



    avatar
    TaraToI
    FémininAge : 25Messages : 67

    le Sam 9 Jan 2016 - 18:05

    Sympa, merci !



    avatar
    Dodolovelove
    FémininAge : 31Messages : 38

    le Sam 9 Jan 2016 - 23:31

    Merci beaucoup pour ton superbe partage!
    avatar
    Invité

    le Dim 31 Jan 2016 - 10:30

    Merci pour le partage, je sens que ça ma m'être utile :love:
    avatar
    Kaleessi
    FémininAge : 26Messages : 70

    le Mar 2 Fév 2016 - 4:14

    J'aime beaucoup ton travail! :) Merci encore une fois ^^
    avatar
    layna
    FémininAge : 25Messages : 68

    le Mar 2 Fév 2016 - 23:22

    Merci :)
    avatar
    Shide
    FémininAge : 29Messages : 60

    le Ven 19 Fév 2016 - 15:44

    merci :)
    avatar
    Sodabi
    MasculinAge : 23Messages : 5

    le Sam 5 Mar 2016 - 15:12

    Super boulot ! Merci beaucoup
    avatar
    JaydenRcr
    MasculinAge : 19Messages : 32

    le Mer 9 Mar 2016 - 23:25

    Merci du partage
    avatar
    Whit
    FémininAge : 20Messages : 154

    le Ven 11 Mar 2016 - 13:04

    Merci !
    avatar
    Awskitee
    FémininAge : 25Messages : 15

    le Ven 11 Mar 2016 - 21:07

    Vous faites un travail vraiment impécable
    avatar
    LVVY
    FémininAge : 17Messages : 32

    le Sam 12 Mar 2016 - 13:39

    Trooooooop bien ! :3 Merci infiniment pour ce partage de.. Que dis-je ? De talents. *o*
    avatar
    Coco-Lapin02
    MasculinAge : 50Messages : 167

    le Jeu 24 Mar 2016 - 12:14

    Merci
    avatar
    Amecia
    FémininAge : 21Messages : 106

    le Dim 27 Mar 2016 - 23:16

    Merci :)
    avatar
    Fiery Aura
    FémininAge : 19Messages : 56

    le Mer 30 Mar 2016 - 13:44

    On va tenté de mettre ça, merci Very Happy
    avatar
    blomkvist
    FémininAge : 27Messages : 44

    le Mer 30 Mar 2016 - 14:05

    merci du partage :joie:



    ☆ once upon a dream ☆
    I know you, I walked with you once upon a dream. I know you, that look in your eyes is so familiar a gleam. And I know it's true that visions are seldom all they seem. But if I know you, I know what you'll do. You'll love me at once, the way you did once upon a dream. ~ byendlesslove.
    avatar
    M.T
    FémininAge : 29Messages : 53

    le Ven 1 Avr 2016 - 1:29

    A essayer, merci =)
    avatar
    Dark Fairy
    FémininAge : 20Messages : 226

    le Dim 17 Avr 2016 - 16:19

    Merchi!
    avatar
    Milkie
    MasculinAge : 29Messages : 8

    le Mer 20 Avr 2016 - 14:12

    Merci
    avatar
    marie-noelle
    FémininAge : 60Messages : 109

    le Dim 8 Mai 2016 - 17:49

    merci beaucoup
    avatar
    Orochimaru
    FémininAge : 28Messages : 209

    le Jeu 12 Mai 2016 - 16:18

    Beau Travail. Very Happy Merci du partage Very Happy



    Orochimaru

    " Les proies doivent toujours faire preuve de la plus grande vigilance, lorsqu'elles tentent d'échapper à leur prédateur. Tout ce qu'une proie peut espérer de son prédateur, c'est qu'il daigne la laisser tranquille après avoir eu ce qu'il voulait."
    Contenu sponsorisé


      La date/heure actuelle est Mer 15 Aoû 2018 - 17:07