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
    Deed01
    MasculinAge : 40Messages : 340

    le Ven 10 Oct 2014 - 20:33

    merci Very Happy
    avatar
    Iguolta
    MasculinAge : 18Messages : 101

    le Dim 12 Oct 2014 - 13:53

    Merci :)




    Merci à Cruelly pour le kit Very Happy
    Merci beaucoup ^^:

    Merci Raeden Liddell Very Happy


    Merci Bubodox Very Happy


    Merci Shoki Very Happy
    avatar
    Nymeria.
    FémininAge : 23Messages : 307

    le Mer 15 Oct 2014 - 0:53

    Jolie ! :)
    avatar
    plushmasters
    FémininAge : 26Messages : 70

    le Mar 21 Oct 2014 - 15:25

    j'adore
    avatar
    Concierge
    MasculinAge : 37Messages : 67

    le Sam 25 Oct 2014 - 10:47

    merci infiniment



    Very Happy
    avatar
    Jadesse
    FémininAge : 19Messages : 30

    le Sam 25 Oct 2014 - 16:55

    Merci :)
    avatar
    Kaamee
    FémininAge : 22Messages : 110

    le Lun 27 Oct 2014 - 18:27

    Merci !



    avatar
    Hiai
    MasculinAge : 27Messages : 30

    le Lun 27 Oct 2014 - 22:09

    Merci Very Happy
    avatar
    Dark Dream
    FémininAge : 25Messages : 79

    le Mar 28 Oct 2014 - 9:55

    merci, merci, mille fois merci <3
    avatar
    Clarisse
    FémininAge : 18Messages : 3938

    le Sam 1 Nov 2014 - 13:48

    Simple mais beau ! Merci :)
    SinoJak
    MasculinAge : 16Messages : 44

    le Lun 10 Nov 2014 - 21:13

    Merci
    avatar
    Cruelly
    FémininAge : 25Messages : 2570

    le Mar 11 Nov 2014 - 18:48

    Merci :)



    Présence réduite pour le moment.
    avatar
    Sachikou
    FémininAge : 18Messages : 48

    le Mer 26 Nov 2014 - 17:33

    Merci beaucoup Very Happy



    avatar
    webs
    MasculinAge : 25Messages : 1097

    le Jeu 27 Nov 2014 - 17:44

    merci



    avatar
    Célestine
    FémininAge : 20Messages : 51

    le Jeu 27 Nov 2014 - 23:15

    Merci beaucoup !!
    avatar
    KimmyKinder
    FémininAge : 16Messages : 181

    le Lun 8 Déc 2014 - 20:35

    Merciiiii ♥
    avatar
    Costati
    FémininAge : 18Messages : 52

    le Lun 8 Déc 2014 - 21:51

    Merci, c'est génial <3
    avatar
    British Cookie
    FémininAge : 27Messages : 34

    le Mer 21 Jan 2015 - 16:25

    Merci pour ce code <3
    avatar
    patriciadpt30
    FémininAge : 55Messages : 240

    le Mar 27 Jan 2015 - 21:40

    merci



    Patricia :)
    avatar
    Misery Mind™
    FémininAge : 27Messages : 152

    le Jeu 29 Jan 2015 - 14:02

    merci beaucoup !
    avatar
    ColorTime'Less
    FémininAge : 21Messages : 102

    le Jeu 29 Jan 2015 - 19:02

    J'adore c'est exactement se que je cherches!
    avatar
    CiitronxMelon
    FémininAge : 23Messages : 36

    le Ven 30 Jan 2015 - 1:43

    Merci !
    avatar
    ( Lou' )
    FémininAge : 22Messages : 108

    le Sam 31 Jan 2015 - 10:07

    Merci beaucoup **
    avatar
    Kimberlay *
    FémininAge : 28Messages : 160

    le Dim 15 Fév 2015 - 17:17

    Merciii
    avatar
    Mini BN
    FémininAge : 22Messages : 41

    le Dim 15 Fév 2015 - 17:23

    Super joli =3 c'est simple et efficace ^-^ Merci beaucoup ! (moi qui cherchait désespérément comment mettre les sous-forums en liens ... x))
    Contenu sponsorisé


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