Joli CSS pour le forum bordure

Propriété css pour un joli forum

Bords arrondis

Code:

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

Exemple :

Un petit exemple tout mignon Smile

Dégradé à l'interrieur

Code:

-moz-border-bottom-colors:#897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2; -moz-border-top-colors: #897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2; -moz-border-left-colors: #897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2;
-moz-border-right-colors:#897048 #917953 #a18a66 #b6a488 #c5b59b #d4c5ae #e2d6c4 #eae1d2; border:10px solid #cccccc;

Exemple :

Un petit exemple tout mignon Smile

Ombre Porté

Code:

-webkit-box-shadow: 2px 3px 4px #888;
-moz-box-shadow: 10px 10px 5px #888;

Exemple :

Un petit exemple tout mignon Smile

Marche aussi avec des marges négatives pour des ombres internes.

Ombre au texte

Code:

text-shadow: 4px 3px 4px #000000;

Exemple :

Un petit exemple tout mignon Smile

Dégradés

Code:

Pour Firefox:
width: 500px;
height: 20px;
background: -moz-radial-gradient(#FF0000, #FFB900);
position: relative;

Pour Safari:
width: 500px;
height: 20px;
background-image: -webkit-gradient(radial,center center,10,center center,480,from(#FF0000),to(#FFB900));
background-repeat: no-repeat;
position: relative;

Exemple :

Un petit exemple tout mignon Smile