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 Antarctiques ▬ Dernier message en hover

    Partagez
    avatar
    Halloween
    FémininAge : 24Messages : 9753

    le Dim 23 Mar 2014 - 10:25

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


    /* CODES CSS DERNIERS MESSAGES CACHES */

    .last {
      width: 150px;
      height: 80px;
      overflow: hidden;
      position: relative;
      top: -0.5em;
      background-color: #D5D2D2;
    }

    .last_img {
      position: relative;
      z-index: 2;
      width: 150px;
      height: 80px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .last:hover .last_img {
      margin-left: 400px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }
        
    .last_description {
      position: relative;
      z-index: 1;
      width: 150px;
      height: 80px;
      margin-top: -75px;
      font-size: 11px;
      color: #8c8c8c;
      padding: 15px;
      overflow: auto;
    }

    .last_description a{
      color: #005677;
    }

    .last_description a:hover {
      color: #007EAE;
      text-decoration: none !important;
    }

    /*** FONDS GENERAUX ***/

    /* Fond titre catégorie */
    .cate_titre {
      width: 600px;
      margin: auto;
      padding: 5px;
      background-color: #007BAA;
      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: 30px;
      font-family: 'Oregano', cursive;
      color: #003E55;
      text-align: center;
    }

    /* Fond du forum */
    .categorie {
      background-color: #B7B3B3;
     border-left: 4px solid #007BAA;
     width: 600px;
      height: 180px;
      padding: 15px;
    }


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

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      position: relative;
      left: 2em;
      color: #007BAA !important;
      font-family: 'Alegreya Sans SC', sans-serif;
      font-size: 20px !important;
      font-weight: none !important;
      z-index: 1;
    }

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

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

    /* Mise en forme de la description */
    .description {
      width: 300px;
      height: 70px;
      overflow: auto;
      font-size: 11px;
      text-align: justify;
      background-color: #D5D2D2;
      color: #272727;
      border-radius: 5px;
      padding: 15px;
    }

    .description:hover {
      width: 300px;
      height: 70px;
      overflow: auto;
      font-size: 11px;
      text-align: justify;
      background-color: #D5D2D2;
      color: #272727;
      border-radius: 5px;
      padding: 15px;
      border-left: 2px solid #007BAA;
     border-right: 2px solid #007BAA;
    }

    /*** SOUS-FORUM ***/

    .lienssf {
      width: 420px;
      max-height: 15px;
      overflow: auto;
      padding: 15px;
      position: relative;
      top: -2em;
    }

    .lienssf a {
      color: #007BAA !important;
      text-decoration: none !important;
    }

    .lienssf a:hover {
      color: #005677 !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 -->

        <center><div style="background-color: #D5D2D2; padding: 15px; width: 780px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



           <!-- END tablehead -->
           <!-- BEGIN cathead -->
          
          <!-- END cathead -->
           <!-- BEGIN forumrow -->
        
       
        <br /><br /> <div class="categorie">
            <table><tr>
              <td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /><br />
            {catrow.forumrow.FORUM_DESC}
              <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></td>
          <td><div class="last"><div class="last_img"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div><div class="last_description">{catrow.forumrow.LAST_POST}</div></div>
    <div style="clear: both;"></div></td>
               </tr></table>
            
         </div>

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

    Dans les descriptions de sous-forum
    Code:
    <table>
     
    <tbody>
     <tr>
     
    <td>
     <img src="http://i58.servimg.com/u/f58/17/97/89/15/the_or11.png" />
    </td>
     
    <td>
     <div class="description">
     Nec minus feminae quoque calamitatum participes fuere similium. nam ex hoc quoque sexu peremptae sunt originis altae conplures, adulteriorum flagitiis obnoxiae vel stuprorum. inter quas notiores fuere Claritas et Flaviana, quarum altera cum duceretur ad mortem, indumento, quo vestita erat, abrepto, ne velemen quidem secreto membrorum sufficiens retinere permissa est. ideoque carnifex nefas admisisse convictus inmane, vivus exustus est.
    </div>
     </td>
     
    </tr>
     
    </tbody>
    </table>



    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
    Téoz
    FémininAge : 29Messages : 38

    le Jeu 7 Avr 2016 - 14:24

    Merci!
    avatar
    FondaHS
    MasculinAge : 19Messages : 11

    le Lun 11 Avr 2016 - 17:28

    Merci
    avatar
    FondaHS
    MasculinAge : 19Messages : 11

    le Lun 11 Avr 2016 - 17:28

    Merci
    avatar
    ldavidl
    MasculinAge : 28Messages : 30

    le Lun 11 Avr 2016 - 21:07

    Merci bro, ca promet! Very Happy
    avatar
    Saphira
    FémininAge : 21Messages : 72

    le Mar 19 Avr 2016 - 19:34

    Merci :)
    avatar
    Fame
    MasculinAge : 28Messages : 231

    le Mar 19 Avr 2016 - 22:20

    merci
    avatar
    Hiroshina
    FémininAge : 23Messages : 37

    le Jeu 12 Mai 2016 - 17:07

    Thank you!
    avatar
    damon w salvatore
    FémininAge : 30Messages : 109

    le Sam 21 Mai 2016 - 13:44

    merci
    avatar
    Bully
    FémininAge : 15Messages : 39

    le Lun 20 Juin 2016 - 13:05

    merci
    avatar
    Invité

    le Mer 6 Juil 2016 - 19:40

    Merci, je vais tester ce code de suite !
    avatar
    Kira Hatsuki
    FémininAge : 16Messages : 142

    le Sam 9 Juil 2016 - 11:25

    Merci ! Very Happy
    avatar
    dean winchester
    MasculinAge : 24Messages : 85

    le Lun 18 Juil 2016 - 0:45

    merci
    avatar
    Thanos
    MasculinAge : 22Messages : 84

    le Jeu 21 Juil 2016 - 0:59

    Merci
    avatar
    Pau
    FémininAge : 27Messages : 37

    le Dim 31 Juil 2016 - 19:51

    génial, merci!
    avatar
    Nardzer
    FémininAge : 19Messages : 22

    le Dim 7 Aoû 2016 - 8:02

    Sympa ! Merci !
    avatar
    Djeina
    FémininAge : 21Messages : 233

    le Mer 10 Aoû 2016 - 0:40

    Merci du partage ^^
    avatar
    Iyokan
    FémininAge : 18Messages : 15

    le Jeu 1 Sep 2016 - 17:54

    Merci beaucoup!
    avatar
    Ziktaon
    MasculinAge : 25Messages : 843

    le Jeu 15 Sep 2016 - 20:38

    Merci ^^






    ‘ Le codage est la logique, Le graphisme est le savoir faire ‘

    avatar
    whowwillfallfirst
    MasculinAge : 19Messages : 54

    le Ven 16 Sep 2016 - 21:10

    Merci. ♥
    avatar
    Lilou O'Neill
    FémininAge : 18Messages : 62

    le Ven 16 Sep 2016 - 21:15

    Merci !
    avatar
    Juwawel
    FémininAge : 17Messages : 10

    le Jeu 22 Sep 2016 - 16:49

    merci
    avatar
    Jynnea
    FémininAge : 23Messages : 103

    le Sam 1 Oct 2016 - 20:31

    Merci!
    avatar
    Rhythm Star
    FémininAge : 17Messages : 52

    le Jeu 6 Oct 2016 - 17:06

    Merci du partage !



    avatar
    Seano'k
    MasculinAge : 21Messages : 20

    le Lun 17 Oct 2016 - 22:28

    merci
    avatar
    Edward Speleers
    FémininAge : 30Messages : 456

    le Mar 18 Oct 2016 - 12:12

    Je prend, merci



    Contenu sponsorisé


      La date/heure actuelle est Mer 18 Juil 2018 - 4:55