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
    Invité

    le Lun 28 Juil 2014 - 13:53

    Merci !
    avatar
    Dadash_Pearl
    FémininAge : 26Messages : 40

    le Lun 28 Juil 2014 - 14:43

    Merci Very Happy
    avatar
    NaruChan
    FémininAge : 16Messages : 36

    le Mer 30 Juil 2014 - 23:35

    c'est sublime, merci ;w;
    avatar
    PLOIM
    FémininAge : 20Messages : 52

    le Ven 1 Aoû 2014 - 18:34

    Merci !
    avatar
    bubulle
    FémininAge : 31Messages : 76

    le Sam 2 Aoû 2014 - 17:21

    merci
    avatar
    skaera22
    MasculinAge : 23Messages : 72

    le Lun 4 Aoû 2014 - 20:17

    tthx
    avatar
    Filou
    FémininAge : 27Messages : 139

    le Lun 4 Aoû 2014 - 20:21

    simple mais élégant :3
    Merci de le partager ^^
    avatar
    Lugatique
    MasculinAge : 18Messages : 23

    le Mer 6 Aoû 2014 - 20:05

    merci
    avatar
    Dixy
    FémininAge : 24Messages : 228

    le Jeu 7 Aoû 2014 - 23:05

    C'est super jolie ! Merci !!



    avatar
    Riten
    MasculinAge : 20Messages : 30

    le Ven 8 Aoû 2014 - 0:10

    Merci Wink
    avatar
    Lovehurt
    FémininAge : 21Messages : 36

    le Mar 12 Aoû 2014 - 21:31

    Mici :3
    avatar
    Merwyn Arehdel
    FémininAge : 18Messages : 298

    le Mer 13 Aoû 2014 - 11:25

    Merci o/



    Just want to be yours.
    avatar
    Blue Star
    FémininAge : 19Messages : 30

    le Jeu 14 Aoû 2014 - 13:19

    Merci °°
    avatar
    Frosty Blue
    FémininAge : 22Messages : 162

    le Mer 27 Aoû 2014 - 11:16

    Merci ^^
    avatar
    Bowling157
    FémininAge : 18Messages : 26

    le Mar 9 Sep 2014 - 17:15

    Merci !
    Ϫ JAYCE.
    FémininAge : 28Messages : 29

    le Mer 10 Sep 2014 - 19:30

    Très jolie !
    avatar
    Raween
    FémininAge : 26Messages : 112

    le Mer 10 Sep 2014 - 20:04

    Merci beaucoup ^^
    avatar
    Insanities
    FémininAge : 22Messages : 40

    le Dim 14 Sep 2014 - 3:33

    Merci !



    avatar
    Solitude
    FémininAge : 43Messages : 285

    le Lun 22 Sep 2014 - 8:02

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Cola
    FémininAge : 19Messages : 81

    le Mar 30 Sep 2014 - 13:15

    Mercii



    avatar
    Luwen Moon
    FémininAge : 26Messages : 21

    le Mer 1 Oct 2014 - 22:32

    Marchi beaucoup <3
    avatar
    Aelita
    FémininAge : 25Messages : 278

    le Jeu 2 Oct 2014 - 16:03

    Merci
    avatar
    defenrir
    MasculinAge : 35Messages : 73

    le Sam 4 Oct 2014 - 17:04

    merchi =)
    Wolftactick
    FémininAge : 16Messages : 71

    le Dim 5 Oct 2014 - 11:16

    Sympaaaa !
    avatar
    Lunara
    FémininAge : 31Messages : 95

    le Ven 10 Oct 2014 - 18:31

    merci du partage
    Contenu sponsorisé


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