spirit posteets tagged css  [ Profile ]

Sort by: Date / Title /

  1. 9 years ago
    1. #someElement { 
    2.   background: red; /* modern browsers */ 
    3.   *background: green; /* IE 7 and below */ 
    4.   _background: yellow; /* IE6 exclusively */ 
    5. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/2037"></script>
  2. 9 years ago
    1. En HTML:
    2. <img src="..." align="absmiddle" /> Texte
    3.  
    4. En CSS :
    5. <img src="..." style="vertical-align:middle" /> Texte
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1707"></script>
  3. 10 years ago
    Useful for displaying code snippets for example
    1. pre {
    2. white-space: pre-wrap; /* css-3 */
    3. white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    4. white-space: -pre-wrap; /* Opera 4-6 */
    5. white-space: -o-pre-wrap; /* Opera 7 */
    6. word-wrap: break-word; /* Internet Explorer 5.5+ */
    7. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1642"></script>
  4. sponsorised links
  5. 10 years ago
    Aucune erreur DOM n'est générée avec cette méthode
    1. // styleFloat, IE
    2. // cssFloat , Safari ou Firefox
    3. // styleFloat and cssFloat,  Opera
    4.  
    5. //assignation 
    6. var el = document.getElementById('element_id');
    7. el.style.styleFloat = 'left';
    8. el.style.cssFloat = 'left';
    9. //récupération
    10. var elFloat = (typeof el.style.cssFloat === 'string') ? el.style.cssFloat : el.style.styleFloat;
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1420"></script>
  6. 10 years ago
    Creates a grey overlay in background and a modal window in foreground
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2.         <head>
    3.                 <title>LIGHTBOX EXAMPLE</title>
    4.                 <style>
    5.                 .black_overlay{
    6.                         display: none;
    7.                         position: absolute;
    8.                         top: 0%;
    9.                         left: 0%;
    10.                         width: 100%;
    11.                         height: 100%;
    12.                         background-color: black;
    13.                         z-index:1001;
    14.                         -moz-opacity: 0.8;
    15.                         opacity:.80;
    16.                         filter: alpha(opacity=80);
    17.                 }
    18.                 .white_content {
    19.                         display: none;
    20.                         position: absolute;
    21.                         top: 25%;
    22.                         left: 25%;
    23.                         width: 50%;
    24.                         height: 50%;
    25.                         padding: 16px;
    26.                         border: 16px solid orange;
    27.                         background-color: white;
    28.                         z-index:1002;
    29.                         overflow: auto;
    30.                 }
    31.         </style>
    32.         </head>
    33.         <body>
    34.                 <p>This is the main content. To display a lightbox click <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">here</a></p>
    35.                 <div id="light" class="white_content">This is the lightbox content. <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a></div>
    36.                 <div id="fade" class="black_overlay"></div>
    37.         </body>
    38. </html>
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/1401"></script>
  7. 11 years ago
    1. html {
    2.   background : url(null) fixed no-repeat;
    3. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/766"></script>
  8. 11 years ago
    1. pre {
    2.   white-space: pre-wrap; /* css-3 */
    3.   white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    4.   white-space: -pre-wrap; /* Opera 4-6 */
    5.   white-space: -o-pre-wrap; /* Opera 7 */
    6.   word-wrap: break-word; /* Internet Explorer 5.5+ */
    7. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/765"></script>
  9. 11 years ago
    1. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
    2. fieldset,input,p,blockquote,th,td {
    3.   margin:0; padding:0;
    4. }
    5. table {border-collapse:collapse;border-spacing:0;}
    6. fieldset,img {border:0;}
    7. address,caption,cite,code,dfn,em,strong,th,var {
    8.   font-style:normal;font-weight:normal;
    9. }
    10. ol,ul {list-style:none;}
    11. caption,th {text-align:left;}
    12. h1,h2,h3,h4,h5,h6 {font-size:100%;}
    13. q:before,q:after {content:”;}
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/764"></script>
  10. 11 years ago
    1. #transdiv {
    2.    filter:alpha(opacity=75);
    3.    -moz-opacity:.75;
    4.    opacity:.75;
    5. }
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/763"></script>
  11. 11 years ago and saved by 1 other
    1. /* Pour avoir un style différent selon le type d'input que avez, utilisez la syntaxe suivante : */
    2. input[type~=text] {
    3.    /* vos réglages */
    4. }
    5.  
    6. /* text etant le type de l'input ( texte password button submit etc ) */
    Paste this in your website: <script type="text/javascript" src="http://www.posteet.com/embed/497"></script>

First / Previous / Next / Last / Page 1 of 2 (13 posteets)