logo Jonathan Duong

ariane accueil

Nouveau design, nouveau site !

 

Joomla 1.6

Joomla 1.6 possède 100k de lignes de code en moins que la 1.5. Le code a donc été optimisé ! De plus, la nouvelle version possède plus de commentaire et est potentiellement mieux codé que la 1.5. La 1.6 a été développé sur la base de PHP5. Enfin, le back-office a été simplifié dans son utilisation.

Source : Joomlabc

Nouveau design et codage

Le design de celui-ci est plus sobre que ceux d'avant. Grâce au CSS3, il y a moins d'images à importer.

Voici quelques unes des fonctionnalités utilisés par ce site:

- Ombre (text-shadow / box-shadow)

#box-shadow {
width: 500px;
height: 50px;
background-color:#333;
border: 1px solid white;
-webkit-box-shadow: #244766 5px 5px 10px;
-moz-box-shadow: #244766 10px 10px 10px;
box-shadow: #244766 10px 10px 10px;
}
#text-shadow {
color:#ccc;
text-shadow: #fff 3px 3px 3px;
-webkit-text-shadow: #fff 3px 3px 3px;
-moz-text-shadow: #fff 3px 3px 3px;
}

Texte avec ombre entouré d'un cadre avec une ombre

 

- Bordure arrondi (border-radius)

#border-radius {
width: 170px;
height:50px;
background-color:black;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:white;
}

 

Cadre avec les coins arrondis

- Dégradé (gradient)

background-image: -webkit-gradient( linear, 20 100, left top, color-stop(0.15, rgb(0,0,0)), color-stop(0.58, rgb(51,51,51)) ); background-image: -moz-linear-gradient( 20 100, rgb(0,0,0) 15%, rgb(51,51,51) 58% );

Exemple : Blocs Réseaux sociaux et Travaux en vrac à droite.

Fonctionnalités du site

  • Codecitation, pour l'affichage des codes xhtml / css / as /php etc..
  • Xmap, pour le plan de site
  • NiceSocialBookmarks, pour partager sur les réseaux sociaux
Facebook MySpace Twitter Google Bookmarks RSS Feed 

Réseaux sociaux

viadeo youtube
version une page