stephanzr  [ Profile ]

Sort by: Date / Title /

  1. Change extension of a group of filenames - Bash - Snipplr 
    3 months ago
    Could be usefull...
    1. for i in *.txt; do mv $i ${i%%.txt}.html; done
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2076"></script>
  2. Go Beyond Web-Safe Fonts with CSS3 - Inspect Element 
    6 months ago
    1. @font-face {
    2.  
    3.      font-family: Anivers;
    4.  
    5.      src: url(../fonts/Anivers.otf) format("opentype");
    6.  
    7. }
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2047"></script>
  3. Afficher une image ("loading") pendant le chargement d'une image 
    9 months ago
    L'image qui servira de fond pour signaler le chargement (barre, cercle, etc...) sera visible jusqu'à ce que l'image à afficher finisse de se charger et recouvre l'image de fond... Voir sur le lien de la source les différentes manières d'utiliser ce principe.
    1. .load{background:url('images/youricon.gif') no-repeat center;}
    2.  
    3. <div class="load" style="width:200px;height:200px">
    4.     <img src="large.jpg" alt="alternate text" />
    5. </div>
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2004"></script>
  4. Sponsorised links
    sponsorised links
  5. CSS element hover effect 
    9 months ago
    Permettent d'afficher la définition d'une abréviation ou d'un lien au survol de la souris...
    1. HTML codes:
    2.  
    3. <abbr title="Hypertext Markup language">HTML</abbr>
    4.  
    5.  
    6. CSS codes:
    7.  
    8. abbr[title]:after{
    9. /*Workaround for Gecko*/
    10.         content: "";
    11. }
    12.  
    13. abbr[title]:hover:after{
    14. /*Shows the value of the title attribute when hovered*/
    15.         content: " (" attr(title) ")";
    16. }
    17.  
    18. /******************************/
    19.  
    20. HTML codes:
    21.  
    22. <a href="http://w3.org/" title="World Wide Web Consortium">W3C</a>
    23.  
    24.  
    25. CSS codes:
    26.  
    27. a[title]:after{
    28. /*Workaround for Gecko*/
    29.         content: "";
    30. }
    31.  
    32. a[title]:hover{
    33. /*Hides the anchor*/
    34.         visibility: hidden;
    35. }
    36.  
    37. a[title]:hover:after{
    38. /*Shows the generated content*/
    39.         content: attr(title) " (" attr(href) ")";
    40.         visibility: visible;
    41. }
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2003"></script>
  6. Forcer l'ascenseur dans Firefox
    9 months ago
    Firefox n'affiche l'ascenseur que si le contenu de la page dépasse vers le bas (c'est vrai à l'horizontal également), ce qui fait que lors de la visite d'un site on a ce petit désagrément dû au passage entre deux pages dont l'une a besoin de l'ascenseur et l'autre non...
    1. /* Une méthode */
    2. html{ overflow-y: scroll; }
    3.  
    4. /* une autre... */
    5. html { height: 101%; }
    Embed | Raw source | 0
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2002"></script>

First / Previous / Next / Last / Page 1 of 1 (5 posteets)