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
    Praecursator
    MasculinAge : 15Messages : 77

    le Sam 5 Nov 2016 - 16:17

    Elles sont sympa =D
    avatar
    Lovelymp
    FémininAge : 38Messages : 58

    le Dim 13 Nov 2016 - 10:33

    un petit merci pour voir se qu'il donne codé l’aperçu fonctionnant plus ;(
    avatar
    leviarthrite
    FémininAge : 31Messages : 26

    le Dim 13 Nov 2016 - 20:59

    Merci
    avatar
    remrem
    MasculinAge : 20Messages : 48

    le Lun 14 Nov 2016 - 20:37

    très joli merci du partage !
    avatar
    Shupy
    FémininAge : 22Messages : 15

    le Mar 17 Jan 2017 - 18:23

    Merci
    avatar
    mijako
    FémininAge : 26Messages : 83

    le Lun 6 Fév 2017 - 3:36

    merci
    avatar
    Neymar
    MasculinAge : 20Messages : 138

    le Lun 6 Fév 2017 - 12:21

    Kyaaaa owo
    avatar
    Onlyo
    FémininAge : 20Messages : 24

    le Mar 14 Mar 2017 - 0:37

    sympa merci !
    avatar
    Swan2
    FémininAge : 19Messages : 49

    le Sam 18 Mar 2017 - 11:42

    merci du partage !
    avatar
    Mariana Greyson
    FémininAge : 19Messages : 78

    le Lun 27 Mar 2017 - 0:47

    Thx
    avatar
    charlint
    FémininAge : 18Messages : 30

    le Lun 27 Mar 2017 - 3:05

    merciiii
    avatar
    Christtinne
    FémininAge : 32Messages : 194

    le Dim 2 Avr 2017 - 5:05

    merci
    avatar
    Apokalip'z
    MasculinAge : 25Messages : 290

    le Mar 11 Avr 2017 - 18:06

    merci Wink



    avatar
    Whit
    FémininAge : 20Messages : 154

    le Jeu 13 Avr 2017 - 13:09

    Merci !
    avatar
    Tameless+
    FémininAge : 20Messages : 252

    le Sam 13 Mai 2017 - 19:49

    Wow ! merci beaucoup ! <3



    avatar
    saoune972
    FémininAge : 19Messages : 18

    le Dim 9 Juil 2017 - 19:00

    coucouuu merci
    avatar
    P'titbou
    FémininAge : 21Messages : 42

    le Mer 19 Juil 2017 - 19:19

    Merci beaucoup pour le partage, c'est super jolie
    avatar
    WhiteRaaven
    FémininAge : 21Messages : 39

    le Dim 13 Aoû 2017 - 11:45

    merci !
    avatar
    Beatz
    MasculinAge : 28Messages : 1

    le Ven 18 Aoû 2017 - 0:45

    Wow il est super
    Lupa
    FémininAge : 21Messages : 180

    le Sam 30 Sep 2017 - 19:17

    Joli Very Happy



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    avatar
    inouk
    MasculinAge : 17Messages : 25

    le Dim 1 Oct 2017 - 19:49

    Merci
    avatar
    Esperanga
    FémininAge : 29Messages : 101

    le Sam 9 Déc 2017 - 21:30

    Merci du partage



    avatar
    Anyone
    FémininAge : 19Messages : 13

    le Sam 24 Fév 2018 - 21:29

    Jolii ^^
    avatar
    Feeline
    FémininAge : 32Messages : 17

    le Jeu 1 Mar 2018 - 14:13

    Merci du partage ^^
    Contenu sponsorisé


      La date/heure actuelle est Mer 18 Juil 2018 - 2:44