Snippets.PRO

CSS: Sticky footer solution

22.05.2013 14:58 RedOctober CSS 0 комментариев

Sticky footer solution by Steve Hatcher ... Показать код


 
 
 
  
      
        Some text goes here
    
  
  
 
  
    My cool footer

3

0

796

15

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

11.05.2013 00:06 KARPOLAN HTML 1 комментариев

Fix for Internet Explorer 5.5/6/7/8 to render HTML5 documents and websites normally. Place this code into the of document. ... Показать код

 
...
 
 
...

2

1251

18

CSS: Centering Percentage Width/Height Elements

07.07.2013 07:17 grun CSS 0 комментариев

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? ... Показать код

.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

1223

6

CSS: Different links style

22.05.2013 14:54 RedOctober CSS 0 комментариев

Different links style depending on the type of these links ... Показать код

/* 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

277

8

jQuery: Growl-like messages

21.05.2013 14:25 RedOctober jQuery 0 комментариев

Simple Growl-like messages (top-right corner of a page) ... Показать код


 
 
    
 
 
 
 
Click me!

1

0

291

11

CSS: Table borders for ie9 & ie10

20.05.2013 08:32 grun CSS 0 комментариев

fix error with some tables in ie. ... Показать код

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

637

8

CSS: Cross-Browser Inline-Block

20.05.2013 08:27 grun CSS 0 комментариев

…for very old browsers. ... Показать код


 
 
  
    This is awesome

1

0

287

9

CSS: Cross-browser transparency

15.05.2013 05:28 RedOctober CSS 0 комментариев

Cross-browser transparency. Works equally well in IE, FF, Chrome, Safari and Opera. ... Показать код

.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

468

7

CSS: Smooth font using CSS3 text-shadow property

13.05.2013 11:06 grun CSS 0 комментариев

An CSS3 Trick to smooth big fonts. ... Показать код

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

390

8

CSS: Box shadow

22.05.2013 15:05 RedOctober CSS 0 комментариев

Cross-browser CSS box shadow ... Показать код

-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

392

7

CSS: Rounded corners

22.05.2013 15:04 RedOctober CSS 1 комментариев

Cross-browser CSS rounded corners ... Показать код

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

0

475

9

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

У вас есть сниппеты?

Тэг "CSS" (12)