Snippets.PRO

CSS: Sticky footer solution

22.05.2013 14:58 RedOctober CSS 0 Comments

Sticky footer solution by Steve Hatcher ... Reveal Code





  
      
        Some text goes here
      
  

  
    My cool footer

3

0

695

13

HTML: Allowing Internet Explorer 8 (and older) to render HTML5 documents

11.05.2013 00:06 KARPOLAN HTML 1 Comments

Fix for Internet Explorer 5.5/6/7/8 to render HTML5 documents and websites normally. Place this code into the of document. ... Reveal Code


...



...

2

1117

16

CSS: Centering Percentage Width/Height Elements

07.07.2013 07:17 grun CSS 0 Comments

If you know the exact width/height of an element, you can center it smack dab in the middle of its parent element easily with this classic trick: top and left set to 50% and negative margins half the width and height of the element. That's great if you know the width and height of the element you're trying to center, but what if they are percentages? ... Reveal Code

.center {
    position: absolute;
    left: 50%;
    top: 50%;
    
    /*
    Nope =(
    margin-left: -25%;
    margin-top: -25%;
    */  
          /* 
    Yep!
    */
    transform: translate(-50%, -50%);
    
    /*
    Not even necessary really. 
    e.g. Height could be left out!
    */
    width: 40%;
    height: 50%;
}

1

0

1139

2

CSS: Different links style

22.05.2013 14:54 RedOctober CSS 0 Comments

Different links style depending on the type of these links ... Reveal Code

/* External links */
a[href^="http://"]{
    text-decoration: underline;
}

/* Emails */
a[href^="mailto:"]{
    border-bottom: 1px dotted #0080FF;
}
/* PDF files */
a[href$=".pdf"]{
    padding-right: 20px;
    background: url(images/pdf_icon.png) no-repeat center right;
}

1

233

6

jQuery: Growl-like messages

21.05.2013 14:25 RedOctober jQuery 0 Comments

Simple Growl-like messages (top-right corner of a page) ... Reveal Code




    




Click me!

1

0

249

9

CSS: Table borders for ie9 & ie10

20.05.2013 08:32 grun CSS 0 Comments

fix error with some tables in ie. ... Reveal Code

table{
  border-top: 1px solid #000;
}
tr{
  border-left:1px solid #000;
  border-bottom:1px solid #000;
}
td{
  border-right:1px solid #000;
}

1

0

530

6

CSS: Cross-Browser Inline-Block

20.05.2013 08:27 grun CSS 0 Comments

…for very old browsers. ... Reveal Code




  
    This is awesome

1

0

250

7

CSS: Cross-browser transparency

15.05.2013 05:28 RedOctober CSS 0 Comments

Cross-browser transparency. Works equally well in IE, FF, Chrome, Safari and Opera. ... Reveal Code

.transp-element {
    filter: alpha(opacity=80);  /* IE */
    -khtml-opacity: 0.8;  /* Safari (old) */
    -moz-opacity: 0.8;  /* FF */
    opacity: 0.8;  /* FF, Safari, Opera */
}

1

0

393

5

CSS: Smooth font using CSS3 text-shadow property

13.05.2013 11:06 grun CSS 0 Comments

An CSS3 Trick to smooth big fonts. ... Reveal Code

h1.title{
    text-shadow:-1px -1px 1px rgba(255,255,255,0.2), /* наверх и влево */
    1px 1px 1px rgba(255,255,255,0.2), /* вниз и вправо */
    1px 1px 1px rgba(0,0,0,0.7); /* тёмная тень */
}

1

0

342

7

CSS: Box shadow

22.05.2013 15:05 RedOctober CSS 0 Comments

Cross-browser CSS box shadow ... Reveal Code

-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);

0

323

5

CSS: Rounded corners

22.05.2013 15:04 RedOctober CSS 1 Comments

Cross-browser CSS rounded corners ... Reveal Code

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

0

405

8

RedOctober	69
mdbm	11
NeonLost	10
stalin	9
grun	7
v.danylo	5
Shara	4
228vit	4
nikita	3
KARPOLAN	3

Have a Snippet?

Tag "CSS" (12)