Réaliser une icône ou un logo en CSS3

Réaliser une icône ou un logo en CSS3

Langage : HTML, CSS3

Difficulté : Intermédiaire

Temps estimé : 5h

Télécharger les fichiers sources
Vous devez être logués ou enregistrés pour télécharger !

Salut à  tous, aujourd’hui je suis ici pour la rédaction d’un tutoriel sur la réalisation d’image en CSS3. Vous en avez sûrement déjà  entendu parler, soit via Twitter si vous me followez, soit en ayant parcouru le web, en effet plusieurs créations du type ont déjà  été postées sur le web comme par exemple le fail whale ou encore le logo opera.

Lorsque j’ai découvert ces réalisations, j’ai été assez impressionné de la qualité de ce travail et j’ai voulu me lancer moi aussi, mais je me suis rapidement trouvé face au mur. En effet, il n’existait, à  l’époque, pas de tutoriels expliquant les techniques de programmation utilisées. Du coup j’ai fait des recherches, accumulé des connaissances et je suis là  pour les partager.

Bon fini de blablater, je vais vous énoncer les points qui vont être abordées durant le tutoriel, tout d’abord :  Les propriétés de transformations en CSS3, ensuite le principe des border-radius et enfin les dégradés en CSS.

Nous devons maintenant choisir un modèle, une image que nous allons reproduire. Pour ce tutoriel, j’ai choisi le logo de l’agence Weode dont font parti les deux fondateurs de Livingtuts qui sont Gaétan Weltzer et Yoann Marie.

Cette image peut apparaître en apparence simple, mais vous verrez que c’est une autre histoire lorsqu’il s’agit de la réaliser en CSS. Pour cela, nous allons donc suivre un cheminement en 5 étapes : La base, La partie gauche, Le centre, La partie droite et enfin Les dégradés. Voici la version finale que vous devriez avoir à  la fin de ce tutoriel :

Demo Flash



Avant de commencer :

  1. Nous allons respecter dans ce tutoriel une syntaxe précise, cela permet de modifier le code plus facilement si cela est nécessaire. Pensez à  faire de même lors de vos autres réalisations.
  2. Les valeurs de placement, de hauteur ou de largeur peuvent changer d’une étape à  l’autre, de plus celles-ci sont données mais le tutoriel n’a aucun intérêt si vous n’effectuer pas le travail de recherche qui permet de les trouver.
  3. Pour ce tutoriel vous avez besoin de 2 logiciels : Chrome ou Safari et Notepad++.
  4. Vous avez aussi besoin de l’image fournie dans l’archive placé au tout début du tuto.
  5. Enfin, pensez à  faire des sauvegardes de manière systématique et à  tester votre travail, un plantage   ou une panne de courant est vite arrivé.


I.La base

1.Le conteneur de l’image

Notre image sera composée de nombreuses divs aux multiples positions, couleurs et formes, il faut donc un conteneur afin que notre réalisation ne parte pas dans tous les sens. Pour cela nous créons une simple div en positionnement relatif d’une largeur et d’une hauteur de 768 pixels.

Je vous rappelle notre but  : recréer une image uniquement avec CSS. Et vu qu’on cherche à  faire un travail qui respecte au plus l’original nous mettons en background l’image précédemment téléchargée.

Je ne m’attarde pas plus que ça sur l’architecture de notre page de départ, là  n’est pas le but du tutoriel et de toutes façons les fichiers de base vous sont fournis dans l’archive.

2. La forme

Notre but premier va être d’obtenir la forme simple de ‘W’. On remarque sans trop de difficulté que la forme est composé de 4 grandes parties,nous partons donc sur cette idée là , des modifications se feront peut être par la suite :).

Commençons donc par rajouter ces 4 divs à  notre code HTML.

PS : Je précise que certaines divs sont inutiles dans la créations du logo mais permettent seulement d’avoir un code clair et précis.

</pre>
<div>
 <!-- Conteneur de l'icone						-->
<div id="gauche">
 <!-- Partie Gauche								-->
<div id="g1"></div>
</div>
 <!-- /Partie Gauche								-->
<div id="centre">
 <!-- Partie centrale 							-->
<div id="gauche-centre">
 <!-- Partie Gauche centrale 					-->
<div id="gc1"></div>
 <!-- Bloc Principal								--></div>
<div id="droite-centre">
 <!-- Partie droite centrale						-->
<div id="dc1"></div>
 <!-- Bloc Principal                             --></div>
</div>
<div id="droite">
 <!-- Partie droite								-->
<div id="d1"></div>
</div>
 <!-- /Partie droite								--></div>
<pre>
												<!-- /Conteneur de l'icone						-->



Ajoutons à  ça un peu de css afin pouvoir voir apparaître ces divs.

/*=========================			Gauche		=========================*/
#g1
		{
		height: 50px;
		width: 50px;

		background: rgb(28,118,201);

		top: 0px;
		left: 0px;
		}

/*=========================			Centre		=========================*/

#gc1
		{
		height: 50px;
		width: 50px;

		background: rgb(28,118,201);

		top: 50%;
		left: 30%;
		}

#dc1
		{
		height: 50px;
		width: 50px;

		background: rgb(28,118,201);

		top: 50%;
		right: 30%;
		}

/*=========================			Droite		=========================*/
#d1
		{
		height: 50px;
		width: 50px;

		background: rgb(28,118,201);

		bottom: 0%;
		right: 0%;
		 }


Astuce  :
Vous remarquerez que dans le tout début du css, je précise que toutes les divs faisant parti du conteneur sont en positionnement absolut, cela nous permet de ne pas avoir à  rajouter à  chaque nouvelle balise la propriété en question.

Nous avons maintenant nos 4 divs mais cela ne ressemble pas encore beaucoup a notre W :-|

On va essayer d’arranger tout ça, mais avant laissez moi vous présentez 3 outils de transformation css qui sont mis à  notre disposition.

  1. Tout d’abord la fonction  : Rotate.  Comme son nom l’indique celle ci permet d’effectuer une rotation.Cette transformation se traduirait par la ligne  :
    -webkit-transform: rotate(20deg)



    • Skew est une fonction qui fonctionne sur deux axes, celui des ordonnées (x) et des abscisses (y) , on peut traduire Skew par  «  pencher   » ou  «  dévier   ». On pourra donc  «  dévier   » les différents axes d’un bloc afin de lui donne la forme que l’on souhaite obtenir.

    • Commençons par Skewx :Cette transformation se traduirait par la ligne  :
      -webkit-transform: skewx(20deg)
      



    • Ensuite par Skewy :Cette transformation se traduirait par la ligne  :
      -webkit-transform: skewy(20deg)
      



Je pense que ces shémas sont plus explicatifs que la plupart des articles que l’on pourrait lire, on précise quand même la syntaxe pour utiliser ses propriétés  :

transform  : skewx(xdeg)

transform  : skewy(xdeg)

transform  : rotate(xdeg)

Rappel  :
N’oubliez pas les particules -webkit- , -moz- et -o- afin de rendre compatible et compréhensible votre code pour tous les navigateurs.

Maintenant que vous connaissez vos outils comme les 5 doigts de la main  ou 6 pour les japonnais (humour noir quand tu nous tiens :mrgreen: ) commençons le chantier, vous pouvez débuter par  la partie que vous voulez mais je vous conseille d’aller de gauche à  droite.

Votre but à  ce niveau de la réalisation est de chercher les valeurs CSS pour reproduire au plus précis la forme du W,ne vous souciez pas des couleurs et ne modifier donc que le CSS pour le moment.

Astuce  :
Pour être plus précis dans votre travail, vous pouvez utiliser la propriété opacity, afin de superposer l’image et le CSS. Vous pouvez aussi modifier les couleurs de background afin de contraster et donc de mieux voir les différences.

Vous venez sûrement de rencontrer votre premier problème ( et ce ne sera pas le dernier je vous rassure), vous avez beau chercher vous n’arrivez pas à  obtenir la forme voulue ni pour la partie gauche ni pour la partie droite.

On va donc modifier le code HTML en rajoutant une div pour chaque côté, je vous rassure vous n’aurez pas à  rechercher toutes les valeurs , en effet, la largeur ou encore la rotation sont les mêmes que pour le premier bloc de chaque côté. ;-)

</pre>
<div>
 <!-- Conteneur de l'icone						-->
<div id="gauche">
 <!-- Partie Gauche								-->
<div id="g1"></div>
 <!-- La base inférieure(partie sombre)			-->
<div id="g2"></div>
 <!-- La base supérieure(partie sombre)			--></div>
 <!-- /Partie Gauche								-->
<div id="centre">
 <!-- Partie centrale 							-->
<div id="gauche-centre">
 <!-- Partie Gauche centrale 					-->
<div id="gc1"></div>
 <!-- Bloc Principal								--></div>
<div id="droite-centre">
 <!-- Partie droite centrale						-->
<div id="dc1"></div>
 <!-- Bloc Principal                             --></div>
</div>
<div id="droite">
 <!-- Partie droite								-->
<div id="d1"></div>
 <!-- Couche inférieure							-->
<div id="d2"></div>
 <!-- La base supérieur (partie sombre)			--></div>
 <!-- /Partie droite								--></div>
<pre>
												<!-- /Conteneur de l'icone						-->

Astuce  :
Dans Chrome vous pouvez modifier directement le CSS d’une div et immédiatement voir l’effet de votre modification. Il vous suffit de faire un clic droit et d’inspecter l’élément.

Maintenant que le code HTML a été corrigé , vous pouvez vous replongez dans le CSS. Vous devriez maintenant obtenir la forme de W souhaitée.

à€ ce stade du tutoriel, votre code CSS doit ressembler à  peu de chose près à  celui ci, si les valeurs ne sont pas tout à  fait identiques ne vous en faites pas, mais la marge de précision est d’environ 8 pixels ou degrés. En dessus votre code nécessite d’être retravaillé. ;-)

/*=========================			Boite		=========================*/
.box div
		{
		position:absolute;
		}

#gauche,
#gauche-centre,
#droite-centre,
#droite,
#centre
		{
		height:100%;
		width:100%;
		background:transparent;
		border:none;
		top:0;
		left:0;
		}

/*=========================			Gauche		=========================*/
#g1
		{
		height: 298px;
		width: 125px;

		background: rgb(28,118,201);

-webkit-transform:rotate(-38.2deg) skewy(-12deg);
   -moz-transform:rotate(-38.2deg) skewy(-12deg);
	 -o-transform:rotate(-38.2deg) skewy(-12deg);
		transform:rotate(-38.2deg) skewy(-12deg);

		top: 257px;
		left: 158px;
		}
#g2
		{
		height: 220px;
		width: 126px;

		background: rgb(29,118,201);

-webkit-transform: rotate(-38.2deg) skewy(39deg);
   -moz-transform: rotate(-38.2deg) skewy(39deg);
	 -o-transform: rotate(-38.2deg) skewy(39deg);
		transform: rotate(-38.2deg) skewy(39deg);

		top: 183px;
		left: 69px;
		}

/*=========================			Centre		=========================*/

#gc1
		{
		height: 125px;
		width: 208px;

		background: rgb(28,118,201);

-webkit-transform: rotate(-50deg) skewx(-12deg);
   -moz-transform: rotate(-50deg) skewx(-12deg);
	 -o-transform: rotate(-50deg) skewx(-12deg);
		transform: rotate(-50deg) skewx(-12deg);

		top: 313px;
		left: 250px;
		}

#dc1
		{
		height: 126px;
		width: 285px;

		background: rgb(28,118,201);

-webkit-transform: rotate(52deg) skewx(12deg);
   -moz-transform: rotate(52deg) skewx(12deg);
	 -o-transform: rotate(52deg) skewx(12deg);
		transform: rotate(52deg) skewx(12deg);

		z-index: 7;
		top: 343px;
		left: 286px;
		}

/*=========================			Droite		=========================*/
#d1
		{
		height: 118px;
		width: 294px;

		background: rgb(28,118,201);

-webkit-transform: rotate(-50deg) skewx(-12deg);
   -moz-transform: rotate(-50deg) skewx(-12deg);
	 -o-transform: rotate(-50deg) skewx(-12deg);
		transform: rotate(-50deg) skewx(-12deg);

		top: 347px;
		right: 88px;
		}
#d2
		{
		height: 220px;
		width: 119px;

		background: rgb(28,118,201);

-webkit-transform: rotate(40deg) skewy(-40deg);
   -moz-transform: rotate(40deg) skewy(-40deg);
	 -o-transform: rotate(40deg) skewy(-40deg);
		transform: rotate(40deg) skewy(-40deg);

		top: 173px;
		right: 73px;
		 }

Voilà  le résultat

Nous avons actuellement un W qui a une forme trait pour trait identique à  celui d’origine à  par pour un point : Les bordures.
En effet toutes les bordures de la lettres sont plus ou moins arrondies, c’est pourquoi je vais devoir vous expliquer comment fonctionne cette propriété CSS.

Comme pour « skew » lorsque l’on utile « border-radius » il faut prendre en compte les deux axes dont nous avons parlé  précédemment. J’avoue ne pas être extrêmement doué pour les explications détaillées , c’est pourquoi j’ai confectionné cette petite image qui vous permettra je pense, de mieux comprendre les border-radius ».

à€ partir de ça, je pense que vous pouvez réussir à  retrouver les arrondis de chaque coins. Pensez à  utiliser l’inspection d’élément de chrome.

Astuce:
Lorsque l’on applique de   nombreuses transformations à  une div tel que la  rotation ou le skew , on peut avoir du mal à  retrouver le haut, le bas ou encore la gauche et la droite de celle ci. Pour se faciliter la tâche, ajouter des règles CSS  permettant  de savoir simplement ou ceux ci se trouvent. Par exemple en mettant  une bordure jaune de 1 pixel en haut tandis qu’il y a une bordure rouge de 1 pixel à  droite.

La première grande partie de ce tutoriel est finie, vous avez normalement réussi à  atteindre notre but : Reproduire la forme de lettre. Votre code CSS ressemble actuellement à  ça :

/*=========================			Boite		=========================*/
.box div
		{
		position:absolute;
		}

#gauche,
#gauche-centre,
#droite-centre,
#droite,
#centre
		{
		height:100%;
		width:100%;
		background:transparent;
		border:none;
		top:0;
		left:0;
		}

/*=========================			Gauche		=========================*/
#g1
		{
		height: 298px;
		width: 125px;

		background: rgb(28,118,201);
		border-bottom-left-radius:25px;

-webkit-transform:rotate(-38.2deg) skewy(-12deg);
   -moz-transform:rotate(-38.2deg) skewy(-12deg);
	 -o-transform:rotate(-38.2deg) skewy(-12deg);
		transform:rotate(-38.2deg) skewy(-12deg);

		top: 257px;
		left: 158px;
		}
#g2
		{
		height: 220px;
		width: 126px;

		background: rgb(29,118,201);
		border-top-left-radius:25px 43px;
		border-top-right-radius: 5px;

-webkit-transform: rotate(-38.2deg) skewy(39deg);
   -moz-transform: rotate(-38.2deg) skewy(39deg);
	 -o-transform: rotate(-38.2deg) skewy(39deg);
		transform: rotate(-38.2deg) skewy(39deg);

		top: 183px;
		left: 69px;
		}

/*=========================			Centre		=========================*/

#gc1
		{
		height: 125px;
		width: 208px;

		background: rgb(28,118,201);
		border-top-right-radius: 25px;

-webkit-transform: rotate(-50deg) skewx(-12deg);
   -moz-transform: rotate(-50deg) skewx(-12deg);
	 -o-transform: rotate(-50deg) skewx(-12deg);
		transform: rotate(-50deg) skewx(-12deg);

		top: 313px;
		left: 250px;
		}

#dc1
		{
		height: 126px;
		width: 285px;

		background: rgb(28,118,201);
		border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;

-webkit-transform: rotate(52deg) skewx(12deg);
   -moz-transform: rotate(52deg) skewx(12deg);
	 -o-transform: rotate(52deg) skewx(12deg);
		transform: rotate(52deg) skewx(12deg);

		z-index: 7;
		top: 343px;
		left: 286px;
		}

/*=========================			Droite		=========================*/
#d1
		{
		height: 118px;
		width: 294px;

		background: rgb(28,118,201);
		border-bottom-left-radius: 25px;

-webkit-transform: rotate(-50deg) skewx(-12deg);
   -moz-transform: rotate(-50deg) skewx(-12deg);
	 -o-transform: rotate(-50deg) skewx(-12deg);
		transform: rotate(-50deg) skewx(-12deg);

		top: 347px;
		right: 88px;
		}
#d2
		{
		height: 220px;
		width: 119px;

		background: rgb(28,118,201);
		border-top-right-radius: 25px 35px;
		border-top-left-radius: 5px;

-webkit-transform: rotate(40deg) skewy(-40deg);
   -moz-transform: rotate(40deg) skewy(-40deg);
	 -o-transform: rotate(40deg) skewy(-40deg);
		transform: rotate(40deg) skewy(-40deg);

		top: 173px;
		right: 73px;
		 }

II. La partie gauche

Entamons maintenant la partie gauche de notre W. Comme vous le voyez il est constitué de plusieurs couches :

Pour l’instant nous allons uniquement nous occuper du 3ème et 2ème plan.

1. L’arrière plan

C’est simple pour celui-ci on a déjà  créé la forme voulue dans la première partie, il ne nous reste donc plus qu’à  créer le dégradé que l’on peut apercevoir ici :

Donc tout d’abord on va utiliser la pipette de photoshop pour savoir de quelle couleur est constitué le dégradé, ici il va de :  #0f4773 (en bas) à   #1c76c9 (en haut).

Ensuite on essaye de voir qu’elle taille le dégradé fait à  peu près , je vous laisser chercher, personnellement je trouve :  131px soit environ  44% de la taille de notre div. On aura donc la fin de notre dégradé à  44%.

Maintenant que nous avons toutes les informations nécessaires direction :Colorzilla.com/gradient

L’éditeur de dégradé est le quasiment le même que celui de photoshop, vous avez donc   juste à  entrer les valeurs que nous avons trouvées. ;-)

Nous voilà  donc avec :

#g1
		{
		height: 298px;
		width: 125px;

		background: rgb(28,118,201);
		background: -moz-linear-gradient(top, rgba(28,118,201,1) 0%, rgba(27,117,200,1) 43%, rgba(57,110,172,1) 44%, rgba(15,71,114,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,118,201,1)), color-stop(43%,rgba(27,117,200,1)), color-stop(44%,rgba(57,110,172,1)), color-stop(100%,rgba(15,71,114,1)));
		background: -webkit-linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		background: -o-linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		background: -ms-linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c76c9', endColorstr='#0f4772',GradientType=0 );
		background: linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		border-bottom-left-radius:25px;

-webkit-transform:rotate(-38.2deg) skewy(-12deg);
   -moz-transform:rotate(-38.2deg) skewy(-12deg);
	 -o-transform:rotate(-38.2deg) skewy(-12deg);
		transform:rotate(-38.2deg) skewy(-12deg);

		z-index:10;
		top: 257px;
		left: 158px;
		}

à€ la place de :

#g1
		{
		height: 298px;
		width: 125px;

		background: rgb(28,118,201);
		border-bottom-left-radius:25px;

-webkit-transform:rotate(-38.2deg) skewy(-12deg);
   -moz-transform:rotate(-38.2deg) skewy(-12deg);
	 -o-transform:rotate(-38.2deg) skewy(-12deg);
		transform:rotate(-38.2deg) skewy(-12deg);

		top: 257px;
		left: 158px;
		}

2. Le 2ème plan

Comme vous aurez pu le remarquer le second plan est quasi-identique à  l’arrière plan, vous n’avez donc pas grand chose à  faire non plus dans cette sous partie.

On va simplement ajouter deux autres divs pour obtenir ceci :

</pre>
<div id="gauche">
 <!-- Partie Gauche								-->
<div id="g1"></div>
 <!-- La base inférieure(partie sombre)			-->
<div id="g2"></div>
 <!-- La base supérieure(partie sombre)			-->
<div id="g1-min"></div>
 <!-- La seconde base inférieure(partie claire)	-->
<div id="g2-min"></div>
 <!-- La seconde base supérieure(partie claire)	--></div>
<pre>

Puis on ajoute les mêmes caractéristiques de #g1 et #g2 à  #g1-min et #g2-min , en prenant soin, de réduire la taille afin que celle ci correspondent au mieux à  l’image de base. Je vous renvois bien sur à  l’astuce sur l’opacité et l’image de fond ;).

Maintenant que les bonnes mesures ont été trouvée, on change le background qui est ici :#b5d6ff.

Rappel : On oublie pas d’indiquer un z-index suffisant pour que les blocs s’affichent correctement ;)

On a donc un CSS semblable à  celui là  :

#g1
		{
		height: 298px;
		width: 125px;

		background: rgb(28,118,201);
		background: -moz-linear-gradient(top, rgba(28,118,201,1) 0%, rgba(27,117,200,1) 43%, rgba(57,110,172,1) 44%, rgba(15,71,114,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,118,201,1)), color-stop(43%,rgba(27,117,200,1)), color-stop(44%,rgba(57,110,172,1)), color-stop(100%,rgba(15,71,114,1)));
		background: -webkit-linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		background: -o-linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		background: -ms-linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c76c9', endColorstr='#0f4772',GradientType=0 );
		background: linear-gradient(top, rgba(28,118,201,1) 0%,rgba(27,117,200,1) 43%,rgba(57,110,172,1) 44%,rgba(15,71,114,1) 100%);
		border-bottom-left-radius:25px;

-webkit-transform:rotate(-38.2deg) skewy(-12deg);
   -moz-transform:rotate(-38.2deg) skewy(-12deg);
	 -o-transform:rotate(-38.2deg) skewy(-12deg);
		transform:rotate(-38.2deg) skewy(-12deg);

		z-index:10;
		top: 257px;
		left: 158px;
		}
#g2
		{
		height: 220px;
		width: 126px;

		background: rgb(29,118,201);
		border-top-left-radius:25px 43px;
		border-top-right-radius: 5px;

-webkit-transform: rotate(-38.2deg) skewy(39deg);
   -moz-transform: rotate(-38.2deg) skewy(39deg);
	 -o-transform: rotate(-38.2deg) skewy(39deg);
		transform: rotate(-38.2deg) skewy(39deg);

		top: 183px;
		left: 69px;
		}

#g1-min
        {

        height: 298px;
        width: 118px;

        background:#b7d9ff;
        border-bottom-left-radius:25px;

-webkit-transform:rotate(-38.2deg) skewy(-12deg) ;
   -moz-transform:rotate(-38.2deg) skewy(-12deg)  ;
     -o-transform:rotate(-38.2deg) skewy(-12deg)  ;
        transform:rotate(-38.2deg) skewy(-12deg)  ;

        z-index:11;
        top: 253px;
        left: 160px;
        }

#g2-min
        {
        height: 182px;
        width: 119px;

        background:#b7d9ff;
        border-top-left-radius: 22px 32px;
        border-top-right-radius: 5px;

-webkit-transform: rotate(-38.2deg) skewy(38deg);
   -moz-transform: rotate(-38.2deg) skewy(38deg)  ;
     -o-transform: rotate(-38.2deg) skewy(38deg)  ;
        transform: rotate(-38.2deg) skewy(38deg)  ;

        z-index: 11;
        top: 195px;
        left: 68px;
        }


III. Le centre

1. Partie gauche

#gc1
		{
		height: 125px;
		width: 208px;

		background: rgb(0,153,186);
		background: -moz-linear-gradient(top, rgba(0,153,186,1) 0%, rgba(4,110,130,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,153,186,1)), color-stop(100%,rgba(4,110,130,1)));
		background: -webkit-linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
		background: -o-linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ba', endColorstr='#046e82',GradientType=0 );
		background: linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
		border-top-right-radius: 25px;

-webkit-transform: rotate(-50deg) skewx(-12deg);
   -moz-transform: rotate(-50deg) skewx(-12deg);
	 -o-transform: rotate(-50deg) skewx(-12deg);
		transform: rotate(-50deg) skewx(-12deg);

		z-index:10;
		top: 313px;
		left: 250px;
		}
		#gc1:before
				{
				height: 125px;
				width: 45px;

				display: block;
				content: '';

				background:#27516f;

		-webkit-transform: rotate(1deg);
		   -moz-transform: rotate(1deg);
			 -o-transform: rotate(1deg);
				transform: rotate(1deg);

				z-index:11;
				top: 313px;
				left: 250px;
				}
		#gc1:after
				{
				height: 131px;
				width: 123px;

				display: block;
				content: '';

				background: rgb(4,194,209);
				background: -moz-linear-gradient(top, rgba(4,194,209,1) 0%, rgba(1,221,240,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,194,209,1)), color-stop(100%,rgba(1,221,240,1)));
				background: -webkit-linear-gradient(top, rgba(4,194,209,1) 0%,rgba(1,221,240,1) 100%);
				background: -o-linear-gradient(top, rgba(4,194,209,1) 0%,rgba(1,221,240,1) 100%);
				background: -ms-linear-gradient(top, rgba(4,194,209,1) 0%,rgba(1,221,240,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c2d1', endColorstr='#01ddf0',GradientType=0 );
				background: linear-gradient(top, rgba(4,194,209,1) 0%,rgba(1,221,240,1) 100%);
				border-top-left-radius: 25px;
				border-right:5px solid #07b8c6;

		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
			 -o-transform: rotate(90deg);
				transform: rotate(90deg);

				z-index:11;
				margin-top: -127px;
				margin-left: 80px;
				}

La partie gauche centrale se construit en 3 parties.

Tout d’abord j’ai modifié le background du bloc principal #gc1 , puis j’ai utilisé les pseudo-classes :after et :before pour créer les deux autres blocs, cela me permet d’économiser des divs et donc d’avoir un code plus léger.

Le second avantage de ces pseudo-classes et que les transformations associées au bloc principal leur sont aussi associées, nous n’avons donc plus besoin de rechercher à  chaque fois de nouvelles valeurs pour les transformations CSS3, il faut cependant bien penser à  ajouter les 2 lignes sinon les blocs  n`apparaîtront  pas:

display: block;
content: '';

Enfin j’ai ajouté la ligne z-index à  chaque fois, afin de pouvoir superposer les blocs comme je le souhaite, plus la valeur de z-index, plus la couche qui y est liée sera haute.

Maintenant, j’ajoute une seconde div que je nomme gc2 afin de créer la bordure  supérieure  qu’on peut  apercevoir  ici en rouge :

J’utilise une seconde div car avec la propriété border, nous ne pourrions pas obtenir un rendu aussi précis ;)

On a donc :

</pre>
<div id="gauche-centre">
 <!-- Partie Gauche centrale 					-->
<div id="gc1"></div>
 <!-- Bloc Principal								-->
<div id="gc2"></div>
 <!-- Bordure Claire								--></div>
<pre>

et on ajoute le CSS de gc2:

#gc2
		{
		height: 125px;
		width: 208px;

		background: #00ffff;
		border-top-right-radius: 25px;

-webkit-transform: rotate(-50deg) skewx(-12deg);
   -moz-transform: rotate(-50deg) skewx(-12deg);
	 -o-transform: rotate(-50deg) skewx(-12deg);
		transform: rotate(-50deg) skewx(-12deg);

		z-index:2;
		top: 311px;
		left: 246px;
		}

2. La partie droite

#dc1
		{
		height: 126px;
		width: 285px;

		background: rgb(0,214,232);
		background: -moz-linear-gradient(left center, rgba(0,255,255,1) 0%, rgba(0,214,232,1) 50%);
		background: -webkit-gradient(linear, left top,right top, color-stop(0%,rgba(0,255,255,1)), color-stop(50%,rgba(0,214,232,1)));
		background: -webkit-linear-gradient(left center, rgba(0,255,255,1) 0%,rgba(0,214,232,1) 50%);
		background: -o-linear-gradient(left center, rgba(0,255,255,1) 0%,rgba(0,214,232,1) 50%);
		background: -ms-linear-gradient(left center, rgba(0,255,255,1) 0%,rgba(0,214,232,1) 50%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6e8', endColorstr='#00ffff',GradientType=0 );
		background: linear-gradient(left center, rgba(0,255,255,1) 0%,rgba(0,214,232,1) 50%);
		border-bottom-right-radius: 25px;
		border-top-left-radius: 25px;

-webkit-transform: rotate(52deg) skewx(12deg);
   -moz-transform: rotate(52deg) skewx(12deg);
	 -o-transform: rotate(52deg) skewx(12deg);
		transform: rotate(52deg) skewx(12deg);

		z-index: 7;
		top: 343px;
		left: 286px;
		}
		#dc1-1
				{
				height: 128px;
				width: 288px;

				overflow:hidden;

				background: rgb(10,233,249);
				background: -moz-linear-gradient(top, rgba(10,233,249,1) 0%, rgba(7,227,246,1) 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(10,233,249,1)), color-stop(100%,rgba(7,227,246,1)));
				background: -webkit-linear-gradient(top, rgba(10,233,249,1) 0%,rgba(7,227,246,1) 100%);
				background: -o-linear-gradient(top, rgba(10,233,249,1) 0%,rgba(7,227,246,1) 100%);
				background: -ms-linear-gradient(top, rgba(10,233,249,1) 0%,rgba(7,227,246,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ae9f9', endColorstr='#07e3f6',GradientType=0 );
				background: linear-gradient(top, rgba(10,233,249,1) 0%,rgba(7,227,246,1) 100%);

				border-top-left-radius: 25px;
				border-bottom-right-radius: 25px;

		-webkit-transform: scale(.9);
		   -moz-transform: scale(.9);
			 -o-transform: scale(.9);
				transform: scale(.9);

				z-index:7;
				top: -1px;
				left: 8px;
				}
				#dc1-1-1
						{
						height: 170px;
						width: 251px;

						background:#08eaff;
						border-top-left-radius: 64px 41px;

				-webkit-transform: rotate(211deg);
				   -moz-transform: rotate(211deg);
					 -o-transform: rotate(211deg);
						transform: rotate(211deg);

						left: 81px;
						top: -75px;
						}

Ici la réalisation se fait en cinq parties.  Tout d’abord on modifie le dégradé du bloc principal, ensuite on crée une div à  l’intérieur de dc1, elle nous servira de conteneur pour le dégradé oblique et en même temps on y ajoute un dégradé. On remarque l’utilisation de la propriété scale , celle ci permet tout simplement de changer la taille de notre bloc , ici sa valeur est (.9) nous réduisons donc le bloc à  90% de sa taille originelle, donc ici 90% de 128px et 288px.

Son utilité n’est pas franchement vérifiée ici ( je l’avoue ! :lol:   ) mais je tenais simplement à  vous montrer que celle ci existait, et que dans certaines situations elle peut se  révéler  bien utile, je vous donnerai un exemple dans la fin de ce tutoriel. ;-)

Pour le dégradé oblique, rien bien compliqué, on applique une rotation , on cache le superflu grâce à  overflow:hidden et le tour est joué.   Vous pourrez peut être rencontré un problème d’arrondi avec l’un des angles , malheureusement, nous ne pouvons pas vraiment le compenser pour le moment, penser donc à  chercher des valeurs approchées pour le border-radius, afin d’avoir quelqu’un chose d’à  peu près arrondi ;-)

Côté html on a donc ça :

</pre>
<div id="dc1">
 <!-- Bloc Principal                             -->
<div id="dc1-1">
 <!-- Partie Claire								-->
<div id="dc1-1-1"></div>
 <!-- Reflet 1 (dégradé)							--></div>
 <!--/Partie Claire								--></div>
<pre>

On va maintenant s’occuper du « reflet » en bas à  droite, il faut donc ajouter une div nommée dc1-1-2 , on lui applique un background de couleur #08EAFF , puis on utilise la pseudo-classe  :before pour pouvoir créer un effet similaire à  celui ci :

Pour obtenir ce résultat : On utilise les propriétés skew et rotation. #dc1-1-2:before est de la même couleur que #dc1-1-1.

Enfin, nous en finissons avec la partie centrale avec deux nouvelles divs :

</pre>
<div id="droite-centre">
 <!-- Partie droite centrale						-->
<div id="dc1">
 <!-- Bloc Principal                             -->
<div id="dc1-1">
 <!-- Partie Claire								-->
<div id="dc1-1-1"></div>
 <!-- Reflet 1 (dégradé)							-->
<div id="dc1-1-2"></div>
 <!-- Reflet 2									--></div>
 <!--/Partie Claire								--></div>
<div id="dc2"></div>
 <!-- Ombre 1									-->
<div id="dc3"></div>
 <!-- Ombre 2									--></div>
<pre>

Elles servent à  créer ces deux bordures :

Ici , rien de compliqué non plus , faites juste bien attention aux différentes valeurs de z-index. ;-)

Au final vous obtenez ceci :

#dc2
		{
		height: 125px;
		width: 48px;

		display: block;
		content: '';

		background: #0ddce6;

-webkit-transform: rotate(54deg) skewx(12deg);
   -moz-transform: rotate(54deg) skewx(12deg);
	 -o-transform: rotate(54deg) skewx(12deg);
		transform: rotate(54deg) skewx(12deg);

		z-index: 7;
		top: 318px;
		left: 383px;
		}
#dc3
		{
		height: 116px;
		width: 121px;

		background: #245775;

		-webkit-transform: rotate(54deg) skewx(12deg);
		-moz-transform: rotate(54deg) skewx(12deg);
		-o-transform: rotate(54deg) skewx(12deg);
		transform: rotate(54deg) skewx(12deg);

		z-index: 6;
		top: 404px;
		left: 423px;
		}

IV. La droite

/
*=========================         Droite      =========================*/
#d1
        {
        height: 107px;
        width: 294px;

        background:cyan;
        border-bottom-left-radius: 25px;

-webkit-transform: rotate(-50deg) skewx(-12deg);
   -moz-transform: rotate(-50deg) skewx(-12deg);
     -o-transform: rotate(-50deg) skewx(-12deg);
        transform: rotate(-50deg) skewx(-12deg);

        top: 343px;
        right: 89px;
        z-index:4;
         }

        #d1:before
                {
                height: 116px;
                width: 294px;

                display: block;
                content: '';

                background: rgb(0,153,186);
                background: -moz-linear-gradient(top, rgba(0,153,186,1) 0%, rgba(4,110,130,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,153,186,1)), color-stop(100%,rgba(4,110,130,1)));
                background: -webkit-linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
                background: -o-linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
                background: -ms-linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099ba', endColorstr='#046e82',GradientType=0 );
                background: linear-gradient(top, rgba(0,153,186,1) 0%,rgba(4,110,130,1) 100%);
                border-bottom-left-radius: 25px;

                margin-top: 3px;
                 }
#d2
        {
        height: 220px;
        width: 118px;

        background: rgb(28,118,201);
        border-top-right-radius: 25px 35px;
        border-top-left-radius: 5px;

-webkit-transform: rotate(40deg) skewy(-40deg);
   -moz-transform: rotate(40deg) skewy(-40deg);
     -o-transform: rotate(40deg) skewy(-40deg);
        transform: rotate(40deg) skewy(-40deg);

        top: 173px;
        right: 75px;
         }
#d3
        {
        height: 315px;
        width: 122px;
        overflow: hidden;
        background: transparent;
        border-top-right-radius: 43px 35px;
        border-top-left-radius: 5px;

        -webkit-transform: rotate(40deg) skewy(-40deg);
        -moz-transform: rotate(40.2deg) skewy(-40deg);
        -o-transform: rotate(40.2deg) skewy(-40deg);
        transform: rotate(40.2deg) skewy(-40deg);

        z-index: 5;
        top: 168px;
        right: 107px;

        }
        #d3-1
                {
                height: 298px;
                width: 119px;

                background: rgb(56,110,173);
                background: -moz-linear-gradient(top, rgba(56,110,173,1) 0%, rgba(56,110,173,1) 50%, rgba(42,92,153,1) 75%, rgba(31,77,138,1) 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,110,173,1)), color-stop(50%,rgba(56,110,173,1)), color-stop(75%,rgba(42,92,153,1)), color-stop(100%,rgba(31,77,138,1)));
                background: -webkit-linear-gradient(top, rgba(56,110,173,1) 0%,rgba(56,110,173,1) 50%,rgba(42,92,153,1) 75%,rgba(31,77,138,1) 100%);
                background: -o-linear-gradient(top, rgba(56,110,173,1) 0%,rgba(56,110,173,1) 50%,rgba(42,92,153,1) 75%,rgba(31,77,138,1) 100%);
                background: -ms-linear-gradient(top, rgba(56,110,173,1) 0%,rgba(56,110,173,1) 50%,rgba(42,92,153,1) 75%,rgba(31,77,138,1) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#386ead', endColorstr='#1f4d8a',GradientType=0 );
                background: linear-gradient(top, rgba(56,110,173,1) 0%,rgba(56,110,173,1) 50%,rgba(42,92,153,1) 75%,rgba(31,77,138,1) 100%);

        -webkit-transform: rotate(0deg) skewy(47deg);
           -moz-transform: rotate(0deg) skewy(47deg);
             -o-transform: rotate(0deg) skewy(47deg);
                transform: rotate(0deg) skewy(47deg);

                top: -51px;
                right: 2px;
                border-top-right-radius: 11px;
}

Dans cette quatrième et avant dernière partie, nous nous attaquons à  la partie droite du logo, pour cette partie, on réutilise quasiment tout ce qui a été vu avant.

Tout d’abord , on applique une couleur cyan pour la « couche inférieur » puis on utilise la pseudo-classe :before pour créer le dégradé qui va de  #0099BA à  #046E82.


Vous pouvez écrire background : cyan, la couleur sera reconnue !

Ensuite , on ajoute une div nommée d3 ainsi qu’une autre div à  l’intérieur de celle-ci nommée d3-1, d3 fait office de conteneur, il doit simplement empêcher le dégradé de d3-1 de dépasser en haut, la forme oblique en bas du dégradé est donnée par l’utilisation de skew sur d3-1.

N’oubliez pas overflow:hidden ;-)

Enfin nous réalisons la même opération que pour la partie gauche, on crée une partie plus claire avec   deux nouvelles divs à  l’intérieur de d3-1. J’utilise la propriété scale par flemmardise et j’assume ;-) , je n’ai pas à  chercher de nouvelles valeurs, je multiplie simplement par 0.9.

				#d3-1-1
						{
						height: 176px;
						width: 83px;

						overflow: hidden;

						background: #B5D6FF;
						border-bottom-left-radius: 5px;
						border-top-left-radius: 25px 35px;

				-webkit-transform: scale(.9) rotate(43.2deg) skewy(48deg);
				   -moz-transform: scale(.9) rotate(43.2deg) skewy(48deg);
					 -o-transform: scale(.9) rotate(43.2deg) skewy(48deg);
						transform: scale(.9) rotate(43.2deg) skewy(48deg);

						z-index: 7;
						top: 17px;
						right: 19px;

						}
				#d3-1-2
						{
						height: 205px;
						width: 119px;

						overflow: hidden;

						background: #B5D6FF;
						border-bottom-left-radius: 5px;
						border-top-left-radius: 25px 35px;</pre>
<div>-webkit-transform: scale(.9) rotate(-2deg) skewx(-3deg);</div>
<div>-moz-transform: scale(.9) rotate(-2deg) skewx(-3deg);</div>
<div>-o-transform: scale(.9) rotate(-2deg) skewx(-3deg);</div>
<div>transform: scale(.9) rotate(-2deg) skewx(-3deg);</div>
<pre>
-webkit-transform: scale(.9) rotate(-2deg) skewx(-3deg);

						z-index: 6;
						top: 94px;
						right: 3px;
						}

Nous avons un maintenant une page HTML qui ressemble à  ceci :

</pre>
<div class="box">
 <!-- Conteneur de l'icone						-->
<div id="gauche">
 <!-- Partie Gauche								-->
<div id="g1"></div>
 <!-- La base inférieure(partie sombre)			-->
<div id="g2"></div>
 <!-- La base supérieure(partie sombre)			-->
<div id="g1-min"></div>
 <!-- La seconde base inférieure(partie claire)	-->
<div id="g2-min"></div>
 <!-- La seconde base supérieure(partie claire)	--></div>
 <!-- /Partie Gauche								-->
<div id="centre">
 <!-- Partie centrale 							-->
<div id="gauche-centre">
 <!-- Partie Gauche centrale 					-->
<div id="gc1"></div>
 <!-- Bloc Principal								-->
<div id="gc2"></div>
 <!-- Bordure Claire								--></div>
<div id="droite-centre">
 <!-- Partie droite centrale						-->
<div id="dc1">
 <!-- Bloc Principal                             -->
<div id="dc1-1">
 <!-- Partie Claire								-->
<div id="dc1-1-1"></div>
 <!-- Reflet 1 (dégradé)							-->
<div id="dc1-1-2"></div>
 <!-- Reflet 2									--></div>
 <!--/Partie Claire								--></div>
<div id="dc2"></div>
 <!-- Ombre 1									-->
<div id="dc3"></div>
 <!-- Ombre 2									--></div>
</div>
<div id="droite">
 <!-- Partie droite								-->
<div id="d1"></div>
 <!-- Couche inférieure							-->
<div id="d2"></div>
 <!-- La base supérieur (partie sombre)			-->
<div id="d3">
 <!-- Conteneur base inférieure					-->
<div id="d3-1"></div>
 <!-- Base inférieure (partie sombre)			--></div>
</div>
 <!-- /Partie droite								--></div>
<pre>
												<!-- /Conteneur de l'icone						-->

V. Les dégradés

Nous voilà  à  la fin du tutoriel , il ne nous reste plus qu’à  faire les dégradés qui sont dans chaque partie. Sauf que ici nous sommes confrontés à  un problème de taille, il n’existe aucun moyen de ne pas utiliser d’image pour   contenir ces dégradés, à  cause de leurs formes trop complexes, que vous pouvez voir ici en noir.

Et comme je l’ai dit plus haut, notre but est de n’utiliser absolument aucune image et d’avoir pour seule requête HTTP le fichier CSS.

Nous allons donc utiliser une image, sans pour autant augmenter le nombre de requête ! Pour cela nous allons simplement utiliser les data URI. Derrière ce nom barbare, ce cache une technique révolutionnaire qui permet de remplacer une image par du simple code ( parfois lourd) ce qui augmente la taille de nos fichiers mais en échange diminue le nombre de requête.

Je vous invite donc à  vous munir de l’outil Plume de Photoshop afin de détourer les deux parties qui nous intéressent pour au final obtenir ces deux images :

Nous les convertissons maintenant au format voulu grâce à  ce site internet : dataurl.net

Il vous suffit de faire un « glisser/déposer » avec les deux images puis de copier le code donné , vous obtenez pour la première image (gauche) :

data:image/png;base64,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

Et pour l’image de droite :

data:image/png;base64,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

Maintenant, il vous suffit de créer deux divs nommées gd et dd, vous intégrer les codes obtenu comme si ceci étaient des images pour un background , puis enfin , vous trouvez le bon positionnement.
Votre page HTML ressemble à  ceci :

</pre>
<div id="gd"></div>
<div id="dd"></div>
<div id="gauche">
 <!-- Partie Gauche								-->
<div id="g1"></div>
 <!-- La base inférieure(partie sombre)			-->
<div id="g2"></div>
 <!-- La base supérieure(partie sombre)			-->
<div id="g1-min"></div>
 <!-- La seconde base inférieure(partie claire)	-->
<div id="g2-min"></div>
 <!-- La seconde base supérieure(partie claire)	--></div>
<pre>
											<!-- /Partie Gauche								--></pre>
<div id="centre">
 <!-- Partie centrale 							-->
<div id="gauche-centre">
 <!-- Partie Gauche centrale 					-->
<div id="gc1"></div>
 <!-- Bloc Principal								-->
<div id="gc2"></div>
 <!-- Bordure Claire								--></div>
<div id="droite-centre">
 <!-- Partie droite centrale						-->
<div id="dc1">
 <!-- Bloc Principal                             -->
<div id="dc1-1">
 <!-- Partie Claire								-->
<div id="dc1-1-1"></div>
 <!-- Reflet 1 (dégradé)							-->
<div id="dc1-1-2"></div>
 <!-- Reflet 2									--></div>
 <!--/Partie Claire								--></div>
<div id="dc2"></div>
 <!-- Ombre 1									-->
<div id="dc3"></div>
 <!-- Ombre 2									--></div>
</div>
<div id="droite">
 <!-- Partie droite								-->
<div id="d1"></div>
 <!-- Couche inférieure							-->
<div id="d2"></div>
 <!-- La base supérieur (partie sombre)			-->
<div id="d3">
 <!-- Conteneur base inférieure					-->
<div id="d3-1">
 <!-- Base inférieure (partie sombre)			-->
<div id="d3-1-1"></div>
 <!-- Seconde base supérieure (partie claire)	-->
<div id="d3-1-2"></div>
 <!-- Seconde base inférieure (partie claire)	--></div>
 <!-- /Base inférieure							--></div>
</div>
<pre>
											<!-- /Partie droite								-->

Et vous venez d’ajouter ce morceau de CSS :

/*=========================Dégradé droite/gauche=========================*/

#gd
		{
		height: 335px;
		width: 326px;
		background: url(data:image/png;base64,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);

		overflow: hidden;

		z-index: 20;
		top: 219px;
		left: 19px;
		}

#dd
		{
		height: 209px;
		width: 247px;

		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPcAAADRCAYAAAAQeSR4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAKTtJREFUeNrsnXl8VNXZx59z7jJrZiYJWYGQAGFHICugaEEUBRQXKotIRMGlda+FyotiEaQgFrW8xYVqsWmRSqUoTY2mUQpFKZaKvCKIBARFQiCELGSSWe77RzJkZnLvnXsns9yZPD8+8/mQuctsz/f+zrnnOc8hgiAAqnvq0Flh4DfnhJHnm4U0uxNMLgEYEwf1lBC3RQ/nrDqoETuOY4jDqocaEwcNYtt1LGlKN0MtfsPRFYtfQfdSnR30n5x0T/3ncdctZy9CGgBMaNtCLu1DQMUFn4j+WSG3s44Be6IBangG7GJ7GXnSkGyA7ykFt9gZ9Cw0pZrISbFjKQG3kSMNyUb4Xmq7mYc6m178teNJBJ27+2jfKaHwvUOue76rF+b7QylHLFEVUUqPU35WQoIMbunXKJfaxBBw2fRQY+LbWiUEfC8wDCGuZCOc0rPQJPaRGAruNBM5zlJwSFxcXL0scETqG+FZsKeZQtPqQbi7icq+dk+vrHLNuGCH6epZCxJ2ogZnEi3QVV29FH8Twb9cmdTeaWY4aebhQoYZjica4HSWFQ4PSYGDCHc3B7v8iGtOkwOmKY5nhbDHoasrfnkSIqJJsJcW0nYhGJwCnxVmQnlRT9iNcHcj7TjmmlR2xD3v3EWYEQKW0dWj6+rSF1kCZelm+HbWcFjTLxGqEO44187jrol/O+S662wzzFIb/aGAHV098q7OENh+TwEsHpYKBygiEL+O/deDjnvPXBRmCQBt978FoeMRQILXI9iNQqBdJc4pf5zys6r4uH6v0PFP3WeXe5cyBwa3SXRPlyBMfeuA8DMAHAqLS3101Dn53a+c889dFG7mOOrz83tHPlFoc4Kcm6jYKCh1db9zCrKuLijyOX/Albq6P+A+ri4ot1nfdylzYHCbfHTeDilHa6EvOnecqfKoc/K7Xznmn7vovjmgs3m7grfNCSqOQ1fXoqtPrm+BZHTuOFLFN86p733lmF/bLEwDAGAZRkXQ+rmCd9Sjq8ecq+s5aEK440QfHnFOe++QY/75ZmGq5zlKSdDnE6RAVwE7CXKjoOYOvCAOeufjlNOm8LomC3unm3KCetA7w674nOUZZqhCuONA73/tvHn7V475dXZhsvfv7D8SQoK8fYyuHluunmiAGpse7Ah3jKvssGP63w455l1oB9vzOzMiTfJwwI6urj1XL+7ZltyCcMc42Nu/csyvbxEm+W9jFDTJvWFHV48bVy8v7kXLEe4Y1ntfOWb97VDrXQ0tMNF/WzCcoqvHh6vnJMLBtPbptgh3DGrbQcecskOtJY2tncH2BJmgJMDR1ePN1cuvz6UbPX8g3DEHduucskOOksZWQQTstl+bZZlLgSAoTutEV491V8+ywpHhqbAf4Y4xNTmA2fZlyz0ffeOY3uTwFFgQd6627nZnugVVkzXQ1WPJ1YkA5TOG0ee9tyPcMaDGVmD++mXL/R994/hNszNAtKuwIXT1uHH1ilnD6Zq+iXAc4Y4psAXmr1+2ioMtIpalMjEtbUPo6jHr6hWT+pPSK7NJp9JWCLeGVd8icFv/r/WBj6paf90iAbZ/P4xQqiKk0NVj3NUr8jNJ5c2DO26iIdwxoAt2Qf/O/7U8sOOo47kWl3QcdO6HqXBEdPWYdvWcRDi4IJ+ulGzFIUbaBPsvXmATNX3soJMg0NVjydVTTLDxp8XM47JdNERJW6ptFkx/OdDy0M5jjmdbXYF59v7pOY5RSzC6egy6uoGFbQ+NZh5J4MUrrCLcWgT7omDacsD+0M4qx7MOt1yEEPGfnpAwpTaiq2vF1RkC5fcVMYtSTVAX6PMj3BrRuYtCwpYv7A/vPOZ4xuH2/dEl4SJKAjwcExbQ1aPk6hV3jmKWDepBDiv5zAi3BlTTJNje/sL+0L+OO37pdAcOMO8Nnt+eZRlVoKOrx5yrV04ZSF8v6kV2K/2MCHeUdabJbfvzfvuju791PuVyBx+khFAQBC1MQ0RXD4OrVxb1IuU3DqKb1HwuhDuaYDd6wHY85ZQBW0nQenbR1jREdPVQuPrAHmTf/HxmtdrPgXBHST80uFM2f25/9NMTjifcgrqgVQO/tooLoKur3djDRErvK2J+Ecx7R7ijoFP17pTN++2Pf3rCsdAb7GCDmGMpKJnkia4eO65OAMDEw9ZHxrAPmjhwIdwxoO8vuNM3729+dM8Jx0J3gPQFpe5FfVJOY7VkELq690YTD1sfGs0+pmTIC+HWgI6fd/V+e7/90c++czza5thC4E60AvDlYyoWSwZ1b1fnGSibM5JdlZNIjncl3hDuCOnYeVd26b7mXxz4wXmvokL4gjLwOb8hMPmYQlfXuquzFMpvGsK8mp9J9nQ15hDuCOjoOVff0n3NT3xZ7ZzvVgA2UQE+DRB86Oqx4+oshYrxfemWa/rRbaGIO4Q7zPq6xpn7x33NTxysds4TpMKMQPB9bzWuiq6uWVdnCFQMTaGf3jaM2RCq2EO4wwx2qQ/YHT+tOFfBgS8LDbq65l0dAKBPIjn04Bj2yVDGH8IdJn11xjnkT/9tXvhVtbNEUHD1DgZ8nmfbthOF0KCra87VCQCkmMimnxRzPw91DCLcYdCX1c7hpf9pfuLrGucs9R1q5eBf6m/LLieFrq5lVzfxsO2+InaRTQ92hFvjOvBD64g//de+6LAP2J2DkyjqUCsFX5l9oatry9X1LJTNL2CX9rGRk+GIRYQ7hPr3txfHvv1F60NHa90zAiEpdBF8jmOVLTyArq5JV+coVEwfyv7v8DS6P1zxiHCHSJ8cu3jVyzvPPlsvmMeq+/GDA997CEyheaGra8TVWQqVE/oxW8b3ZcrCGZMUsey6dlc1XbV+Z82qg6ftY0FojwehfVkfAbyfuvQAxeD7Pjz/CAHRs6l6HZkdBa9/6lyp46HqBSXOIQjqQJd83yq+GPndvH9g6T+lxBCozM+kH80Yzr4S7rhE5+6idh5tmvjKrrPPHq5uKez48QOPX6kY/VLQrlRWqRxdPbquTgAgJ5EcvLeIWx6J2ES4u6CPjzROeu1f5575+owHbM/PLQSIGRI0+AAAeo5TCLrvSQQ1FxHsq4e0rw4EIM1MSn8ymv95pOIT4Q5SlV83Tt7wr3PPHKlpyfM8ZzUbAxn2pS3Bgg8AQCiRDrLO6U/o6hpwdZuebH1gNPdYOIa8EO4Q6sNDDdN+t/vcL4+ebR3h/TzHsIpzR4UAIUMCnUBpLKKrR93VDSyUzy/glmRaSE0k4xThVqltX1yY88e95xceO9c63D+wZB0VQFXSuNTNHN6/Sa7GTdDVI+7qPAOVM0dwa4ak0oORjlWEW4W27r9QsvHT2v/5/oIjVywI26ZfCiJxoMCHFYJPVQ6uoqtHz9UNLJRfN4AtvTKbqYhGvCLcCrXlv3Xz3txTu+TUBWdf9YEtBNidKAafEBL0hAV09ci5Os9CZVFvpmLaYLY0WjGLcCvQn/fVzX9zT+3/nK53ZgdlmQG7zoIq8DsHanDTENHVw+PqLAUYmkL3zMvj1kQzbhHuAHrrs7p7S/fW/kIJ2Ip5DhJ8Hc+pAh1dPfKuzhCAnCS6fn4h/2S0YxfhllHp3vMPbNp7/mfVDVJgd0RBgtEgG9qhAJ+h6hMK0dUj5+oEAFLNZNNd+fxSEx9cxVKEOwL6w7/PP7Tps/OPn2lw9lbizzzHBt0uV7qnooki6OpRc/VEA9k6v4BfkpEQ2SEvhFuFfv9p7aOb/1P3aE2jB2wlhc+o0pqGCs7X2f14jrkUWQJRsdYUunpEXD1BB2VzRnKr+ifTKq3EMcLtp9/trl349r7zD59tcmaqCXI+wEJ8ysEXh59lqOTJvGFHV4+8qxs4qJg8kHszvyezR0uxjHD7gH2uHWxXptLY8jwhgKDKOdSDTxSdAF09sq6uY6FyXDa7bcpAdrPW4hnhbtcru84u+ct/635ae9GVrhRo/+cEmWoLXQGfZRkVzoauHilX56gAIzOYXXNGcuu0GNMINwD89p9nn3rn87oH6ppdKaqAVmzvXQOfZalyaNDVI+LqniGvkjzdMq3GNYtgt4F93gtstUCbjXqxWdwhA58GqKmBrh5ZVycEINNCSu8r1i0ya2DIC+EW0Ysf1zy7bX/dvRfs7qSgHNrTPGufzBHsQn6BwRcUF+9CVw+/qycZyLZ7inWLexhJg5bju9vCvbbyzKp3D1yYX293JwUDtPchVIpsRVM85QNRx3HtrQL5QgDo6pFxdYuOlM/N41dk2+hJrcd4t4R7RXn1byu+qp9R7+3YQRmr0N4nZtrvlksdEPwSQrS9v+0bqNLlfdDVw+fqRg4qbxnKr8vLZPbGQpx3K7ibWt3MmoozL1ccaphxsdWdEEQrGQKXWZDeEswSQkQRpOjq4XZ1HQs7fpTDbZnYn90eK/HOdiewn/vwzMsVh+rnNzuEkAF9aXMIVxLx7MixnKKcU3T18Lo6x8CuvEx2x+yR/PpYivluAXdji5t57sPq1/5xuGGeGNhBA6109yDBZxjawXbQdb3Q1bvi6jwDMCiF2ffTMbqlsRb3cQ/3Bbtbv/qD6tc+PtIwx+4QQgs0AJgNetHa3kTp3TSZuKWUqDUhdPUQujolANmJdMOCIt3iWIx9Nt7B/lX56df/eaRxlt0pgKAWZgW7MBI55XLF/BWDLxGeKkwIXT1IVycA0NNCN91doHsyyUCaEG4Nqa7ZpV/1QfXrO9rBDiXQ3rvQINZkVgK+jmcVI4WuHnpXTzWTrSV5uuW9rPR0rDIQl3DXXnSZVrx/+ve7q5qmtziFkAPtc7OFZUUnfgS7DrsHfEZ2lpmKm0Po6qp/10QDKbtpqO63g1OZg7HMQdzB3djiZlZ9UP273VWN7WCHHmjxPYhc7KoHX/ADJch0K3R1daAn8KTi2lxu05U5bEWssxB3cL/w0Znf7K5qnCEJdtd5D+JIdeBzHCtrdCTIdCt0dXlXN3Cw4/Js9r1pQ/jSeGAhruB+edfZJZWHG2Y0tbojALTQEYcBE9BUVF4RAFiqrvADunrXXZ1jAIalsXvm5uleihce4gbudz6vK3n3i7p76ppdSeEG2iOTXi95MnWrePqeQG0dRHT1roFOiQD9k5hX7i7ULYkns4sLuP/5TePEP+ypfeL0Bf9ihqEH2vspNkBppWDBF8QcMSQlg9DVxbpBva1004Ii/WKLjjgQbg3pULV94Ks7zz57orZ1YNiAlgSUSA5rkSDT0nQ822mGZ2dQQlUyCF091US2zc3TL09PoLUQZ4ppuL+vc6Q/X3Hmt4er7YVCxIDuEM8ykpGnOInFTwzLir8dIuOI6OpBuXqykZTNHKFfE+tDXnEHd2OLm3nhozMv/N+p5gkuIXJAB92RVwx+4HOjq3fd1RP0tPL6gfybo7PYXRCnilm4X6g885tPqppm2J1C1IDu4nJgnXbm2wszBA5UdPWuuLqBg12X92G3TxnEb4Y4VkzCvaai+rl/iA15BQl06Ma2ieJziuU2M5Rc+sO/9INS1tDV5S9BOgYgL5P7uCRfvxbiXDEH96bPzt//9y/rSy4NeUUc6DYZ9ToQBDUriQQe+Wa8Fx7w28MbdnT14FydoQC5Kez6uwr1T0M3UEzB/eGhhmkbPz23pPaiSKXSCADtA2L7dMzQLCFEFHQgBVHQ0dWVuTpDAHKTmTfuH21YZOKJC+HWkL78wT583Y6a56obvJf5EdTyHTJRBZkmasDX63gVHUh0dTWuTglAdhJTev9ow+PJGq9Y2u3gPnHekfns+6d/99351txoAu2dsti2dpfiauUBoWAoo6K4ALq6UlcnBKC3jdl8/2jDongcy45puOvtbm7530/94eszzYVuIbpAdwodoeOVxQNZORSEBG3c6Ooy32nfJKb0rkLD0t5Wegq6mTQP96/Kf3j9wKnmCU63FoBW2wRXBn5bYQb5VgC6ujpXJwCQZWM2l+QblvdPZqqgG0rTcD/3YfWvd37TOM3eKoQV6GBgDiX4DKXtd94VrguNrh7Q1XtZ6ZY78vQrB6Ywh6GbSrNwb/qs9v73D16Y09jiTtAi0MGFtHiQe27O+Tqb8ldAV/fdkmmh227PM6wens7uh24sTcL94Vf1037/ybkl55qkhryi69Amo77zJAWZyCRBQu/rbOjqSi5t6Ql0+8wR+rV5Pdm90M2lObg//6457zcf1/zad8gr+kD7rA0mF22CTI1VkeOM/kNgipwNXV1MKSZSfssw3foxfbgdgNIW3CfOt2au/uD0a9/VtfaNNtByZ2AYJjhPEnlflNJL71dxQT909U6wJxlJxQ1DdBvG9+PLEGuNwX2uyZnwTNkPf/j6jD3PLWgPaO+dxJw72AVHvE8VdJnebu7qNj3Zcd0Afen1A3VbEGkNwv30u9/+6cD3rW1DXhoEugudQsnX0Ok4yZAOukxvN3N1i47sumaAbtPNw3QbEWcNwr303W9f/8ehuqluwoGe57QJNMgMxwmCdPjJQMkQRtLNiMznRldvk5knu8f349+eMUL/CqKsQbhf3Xn6iW2fn5vXYHcBgEsUbi0AHfT5BUEysNsmgYlHtdzMRnR1ACNH9ozry227I9/wEmKsQbi3f1E7Y8PO08+ca3L6BC4hRLNAG/W6kL0XNTOc0NU7vgcDB3vHZPNldxcaVyPCGoR799H6q1a9f/K1Hy60+pQQbWl1gC5A0zwaDn1pbTCGSs72UrOEkEFkCEzpvOXu7Op6BqCoF19+/2jjMsRXg3AfrbH3Xbz1+F9P1LYk+G9rsreohjvcQHuLEip5bBsgRBH4DCWywY+u3nlXngEY1ZNbc2chgq1JuGsaHbaH3zr6j+Pn7DapIS9P07xLQAvqj1JykWAoCepSI/gXKyedyyITGUq7u6uzFGBYBrd+fpHpyXirLx43cP/sz1XvH/zhYrZLZsjL6XIBx7KaAVos0INdxRNAAJ7nREo0+VZFJTKUdjdXZ6kAQ9O4DfcUGxfbDMSO2GoQ7oVbjr31SVVDscMlj1TDRTskWcyaAVrsoK6s4smKTBTxPw5dvb2lRABGZHDr5xWalqaYaB0iq0G4f/3h96ve+6J2ht3hDoYlTQAt/aS6VTwp7Vg0SNoR0dUpARiazm0oKTAuy7TQGsRVg3Bv/e+5kjd2Vy9sbFFel87hdPo2zUN0Q6wrBxn0vNRq3DIn7AxwR9NeZvpiN3d1AgCDUtmNdxYal/WyMqcRVfWi4X6BnUfqJy7/24nf1110qjqu8aK97VcWvCO00xOigSFAECuFBDhIAMGn9LAg85A+uQB6HdcJ9A7gZc4i+F4Y/N+b55/cm+m8yesvQfpPEHF1z0Pt/Qrxz9r5PANS2E1zC4wrshOZk4ipBp27bcjr2Ds1jV25uRl5h5ZySEqo9HFE2akZSiVXFVHapI13V++XzG65I9+4ckAP9ggiqkG4PUNeJ8+3JASbbNbWNGeiCrQ/RMKl9T2J8nNLUCy35KyaJm089dX7JDLbZo00rhmaxh5APDUK96Obqz4INOQVsGnebIfEBFNYgRaCXkJQxSqe7bvy/sk5Kpac7Q6u3tvKbJ8xwrg2vxe3B9HUKNwLtxx7a8+xhsJAQ14hMtuIAa20TLnU+SkJMGtZ4ULy8ejqGRZafstlhvVjs3msoqJVuJ8r/+7Xaoa8AjfNXZJN84gA7f8SggSYksR697cJKF7Trhu5eqqZVt44xLBhfD8dVlHRKtxb/nN23pufnnlUzZBXIDU128Hm1TQPVf9ZLdV6Havs5QVpvoUuuF68unoPE90xdYjhjesH6bGKilbh3nmkfuLKv598Xe2QV6jb6CEBWuQUlLKg9K6Z2F6eIbBQuF68uHqige6eNFBfOm2ooRRR1CjcX1c35/7inWN/7dqQl7RcLjcwMgvvhQtof8+Tr64kDz4ltFM+eaj6srHo6hYd3XtNrn7TbSOMGxBDjcJd0+iwPfbnqg++r2sxhWvhjoaLzWAzmyIOtE9/mel8cVGzimfb3wIIXjCQMPRlY8HVTTzZP76/bsucfOM6RFCjcDe2uJhH3ur6kJdyFkMPtBDsVSDQEV6H+M5P93JZP0q7g6sbObL/qr76d+4uMmMVFS3Dvey9E3/89/HQDHkFktPtkm2ahxtosQsLUViCl1IqMVXU7zXi3NUNDIWx2bqy+8easdiCluF+ZvuJl0M55BWwlXDRDlazMXoOLYg1M5UlslDScW45gOPZ1XkGoKgPv/auIvNSxE7DcP/h0zMPvflJ9b12p6CtTxOmJvelzDIVKaaCRClkohDgeHJ1ngEo7K1bN7/Y/GQCVlHRLtwfHb4w+dmyky9GA2yXW+SueRiA9t+qqDsgcUo9z8vUJlcOcKy6OksBxmTr195ZaF6WaKBNiJxG4T7w/cURj2w++rdQJqmoUavD2VY1NAJAez9JibcTq1vFkzLSNitXfD8eXJ2lAhRn6dbNLTAtTzVjFRXNwl1d70h6cNM3H58PZ5KKErh5PiJA+wDqM9VTkEncIBKvI4j2xdUsqRNrrk4JQH4v3YY5BQkr0xOYWkRNo3A32F3cvaVHPj121m4TotzNdgnu9vLC4QXaf7OyfBXfxHOe5UQAlgA9jlydEoCRPfmNcwrMK7NszCnETMNwP77lWNn+k025bg3cP3O63MCzVFWjvAurBCk6RMpIqVgZZEEc9HhxdSIIMCyd3zwn37yyXzJbhYhpGO5ntp94ueLg+YlOtzbujNtbWoFXMEssFEB3FXz/KZ4QoAUQD64+OI3bOqfAvHJQKncY8dIw3G/8q/rxNz+pvrfVpa0hL7dE0zwcQHMc27ZIgtRtMxKgOa/iZlSsu/qAFG777HzzquEZ/H5ES8Nwf3T4wuTV5d89p7mxbL+mebgc2nMTjG1vWksmrAjimWqelFNBpNkqBnqsu3rfZLZ8Zp5pTUEvHVZR0TLc0R7yCtw0dwQoexw8zKE6VmyiSScw4sTVsxLZyukjzS+NzdZjFRUtw11d70j6yR+P7IzmkJeiprk70F3z0ABNKSO69E/Ac3vW5SYqVt2IQVfvaWV23XqZad2E/gasoqJluD1DXidqg69YGo2mecgdWmwqaIDDvGHwLgulpkhgrLl6WgKz56bhpleuG2TciihpHO6HNx+t1MqQVyC1tDqAZ9mwAi2/QXrCBGUYmdrkgmrQtejqySa678Zhpg3ThpmwiorW4X5m+4mXdxy+cIUzFsj2gpYoyApTD7SEmyo8mEJHIcRQlf7Vkqtb9cyBKYNNb/x4hBmrqGgd7g27Ti/U4pBXwKa503ep31ABLda8DnQoUWiJoSjoH01Xt+rpwSlDjG/MKUjAKipah/uDg3XTniv/bpUWh7wCyd7qADYEZY+lDqGUKm2VX9pNx3ERL+gfKVc36whcO9C46c4iy1pEJ0acmwa/krx2m+YhSDElRKZhLnF+xu+CINeXjSVXN/EErh5gXH57vmUlYhMbotcOsW1bekPWfXqOxuQHcDrdHcGpconPQIfQ9kX7Oh7tK2nKrO0pBFhaU3KVTb+Ncu/Ne5XNQCtt+pzDb1lR2a/La6OOA5g02Lh0bqFlhVlHXIhNjMANADCzMOWVBydkLtexsefgLa0OVS6tjH8/wgJcFDzgcyzTfpjXkroyB0d6SV1BBnapi4mOJXDNAOPKWaMsz1v11I7IxBjcAAAPTch8smRM2is8E3uACyCEDuhLt7kD0tzppJShIHRiVJCGXeOuzlKA8bnGtbfnW1YnGrGKSszCDQDw5NSs+64fllTG0tgC/FLTPBRA+/wpyLHc6TSevr8vNNKwa9nVKQhwZT/D+jkFlpUpZqYOUYk9EbEffcarhz7fc6x+hMsdOx/EbNAHV51F4iCWZYDnAiXJ+F4EjTre+05c4CM63Wwjil6KqNgod5mWujFHCcC4voYNd422Lc1KZLHYQjw4t0cb5uYWjuxtPhJLBt4VhxYT4ymtpPCuE8+y4k1c2aaw9lydAMDobEPp3CLrCgQ7DuFO0DOOV+bkjs7poa+LlVEyV6dmhnqgA3WtL/Eq8vCeBSbXl5W/wRX9vnp+b93muYWW5X2TueOIRxzCDQCQZuFqX70jtyjNwsfE0Ie9tVU10HLBThmi6iKgdF8tu/qonrqtcwutKwem8lhFJZ7hBgAYkGY48toduUVJJjZ2PpEKoAP3ppVhzLFMSO5QR9PVh6TrymcXWNcMz9RhFZXuADcAwMjepn0vzOg3xaxjNP9hXBJ3AFXmtoAPdwABE1n8Fy0IxbhzJF19YCpXeXuBZXVhln43ItGN4AYAGD/QWhYLWWz2VkeXgFbTEfcGH9oLIYZz3Dlcrp6TzO2emW99/vIcQyXi0A3hBmjLYntsYs+leo1nsXUVaEFoc2JBFfjK0zq15OpZNm7vzDzrmgm5Rqyi0p3hBgC4/0cZy+ZqPIvN5XYHBbQ3cG31xpVkkoP4WLiCtM5ou3qGldk/M8/y/HWDTVhFBeFuk9az2FpaHUEB3el2WoDxL88/Sqj8LTcNunqqiTl420jLi1OHmTcjAgi3j9bN7jfliv6WPbE20UQpPKLTuKX63ioTR6Lt6olGpurWkZZ1t460vIHhj3CL6re39x9XnGPZy2mwie72aporBaSTc0PguSKeQhGdbmIpTByJtKtb9fT4LSMS1s0usK7H0Ee4JZWgZxwvzOx77ZAM43FGYzfR7a2OIIBW2QoA/9U/vbeJgx5NVzfrKUwbnvDqncU2rKKCcAdWipmre3Fmv6v79jDUUhJH34p/01aimUs8a4HJkKgFVzfyBG4bZf357ALragx5hFux+qXoq9bN7jeup01n11IeulvoygoiCqG7dHNNZjgqyq5u4AhMH2l9cvpIy4tmHcUqKgi3Og3JMB5cdWvODSlmTjMfTOldc38WGZFa6GJ9bo5lJQeX5cadI+nqPEvgxuEJy28bZVlr0VMHhjvCHZTG5VoqlkzJutNmjI08dFEgBOVfiHd9NTnrjparMxRg6rCENbPybc8nGhmsooJwd003j0re+PNrez1sNWgjD90tk+Ah9SQhgqobVgHYjoqrM0SA6web183Ot63GKioId8g0d0zqSyVj0tZqYaJJS6tDEdC+TxDZG1aCIABLqWxapzzA4XV1SgAmDjRvuL0wcXWmla3BEEe4Q6qfT+r12A2XJW3WzEQTIRDQKr80yiierBFJVycCwJW5pk1zihJX9kniTmJ4I9xh0erpOTMnDUksi/ZEE7dbCNQwD3jzrJOI/EHRcvWx/YxbSooSf9m/B1+FoY0Kq7X+6tbsG4uinMXmdrvUObTIRG7/p9QU9I+Uqxf1MWwvKU5cPihNh1VUUOGH26xjXNHOYnMqLOEqgG8dNKlJ3JxneV6F486RcPVRvQwVd45OWn5Zph6rqKAiAzdAWxbbutn9r8xNNZyOVhZbIJAuraXtV3RBDFjaXnUlFMv0hMLVh2XodpUUJy7P723Yg+GMiijcAADZybqTL87sd3W0sthcbkFhj5sEXEJI/AaX+mV6QuHqA1J0e0uKk5aPyTHuwFBGRQVugOhmsTmdLvke96UVQ+Rb5SzDiA9HyYIYHlfPTuYPzB2duOKqXFM5hjEqqnADtGWxPX1jn9mJUchik60n5rWP1L+2JjkR3Vd+2Cr0rt7Lxh0uKU5cce2ghG0YwihNwA0AcMNlSZsej0IWm9stdKlqogACEIGoziYLtaunJ7DH7yhOXDllmAWrqKC0BTdARxZbJB3c6XTJt8lBXZppsNlkXXH1tAT2+JyipF/dMsK6EUMXFUgknAUNAmnZ9hMvb95bc2+9PTIzEXmObV9sr/NnppS51OwWu+fHcUxbcYaOr07kf1JPeG8iCvfzVY8E9tQ9l/dYcutIK5ZHQmnXuT16amrWfVMuS9ps0kXmbbSVXxLEnZh0Ln7om3FO/Wo2hD5HXMrVrQYGSoqTliPYqJiBGwBg6dQ+t1+Za62MRJqq0+WW5E58OVtpSqVAD9XML4/MOgpzi5Meu3G49VUMV1RMwW3SUdfKW3JuGtXHfCASaaqCzAaJ6sDAMowspZ0rMYXG1Q0sgTmFSYtvHmFbj1VUUDEHNwBAsolteOG2fleP6GU6HO40VbeCRQv8YaVA5FfPDIOr8yzArMLEZdPzbC9ZDdSOoYqKSbgBADJtfM2vbs2ZlptqOB3OLDafxQI7kSYBOyHqVs/soquzBODHeYlrZuQnrk3CKiqoWIcbAGBgmuHwM9Oyf9wnSdcQ1qa5xBLecgsIyS/TEzpXpwTg5pG2dbMLElenmNk6DFFUXMANADC6b8Kup2/sM7unjQ9bQT+32+2DHqVEcoonS1nVUzCDdXUCAtxwmXXDnOKklRlWDquooOILbgCAqwfZtj96Tc8H0yzhyUP3XyxQshcgABBKulRYQY2rXz/UWloyOnlFViJ/CkMTFZdwAwDMKEh55c6xacvClcXmPdotkMDVV0JVWEEK9ImDzFtKRicvz0nmj2NYouIabgCAB8ZnLp1ZmLIuHHnogldCC5HofTMME9Sa2Gpd/Yr+5rJ5Y3osG4hVVFDdBW4AgMWTez84eXjos9h8muYSlk2g62tiB3L1oj6mHXeP7fH0sEzDAQxHVLeCGyD8WWw++HmtFOSdtdbVNbHFnhjRy7BnwRU9luT1Nu7FUER1S7g9WWxFOZa9fAiz2NrqkMsAL5O1pmZNbDG2h6Tr999zRcqS4mzTLgxDVLeFG6Ati+256TlTLgthFpvT5QZKiGi7nPNLOZXhV7Wr90vRHblnXOqScf3NFRiCqG4PN4BvFlsoiy36gutZQki+OHmwrt4niT9+35Wpi64emLAdww+FcHvJk8U2OMN4KhRpqoJC6OUQVurqPW3cqXvHpSy+bohlK4YeKtyKarGGrmjXN/UTntr27dtHzjQndfVcbbO+2r8QQoChFBiG+hZW8P/iZC8spNN+6Rau5mcT038yeZh1C4YdCp1bRlf0t1Q+OCHzsawkXYgmVnhc2A2U8Yx8y5QaVuHqSUa24cHxaY8h2CiEW6FuHpW8cd7lacvSLVyX5jp7t14EgI5CiD64ypQalmmWW/QUHhyf+thNI2ylGG4ohFuF5l+RvvqOMWkre5iDT1N1+U0kUV1YQcLVjTyFn/4o7eEpw21YHgmFcAejhyZkPjltZI8NXUpTbYeYZ1nocrkkaAP7/itTF00bYVtv4rGKCgrhDlpP35C1YOLgxG1GPriP5GmaE58lhYIrl8SxAPOvSFl6y6ik/7XoGQeGGQrh7jrgM8cPtFUEk6bqFkQmZAYx84ujBOaNSVk9PS/ppUSsooJCuEMjm5G1P31D1ozivsGtCc4wjFhLXfHML0oBZhclr5tZkLwGq6igEO4QK93K1z59Q5+Zw3uajqjNYiPQkaEmqJz5RYgAt+UnbbijuMcKrKKCQrjDpP6p+qpf3thn5tBM40k1WWz+tculQBdz9ZtGJG0qGZOyolcifxrDCoVwh1Eje5v2LZ6cdWf/FENtKM7nDbo/7NcPs227+/KUpTnJuuMYUiiEOwJSk8XGc1xQsI8fkFBxz7jUxbmp+iMYTiiEO4K6eVTyxvnj0p9Ot/KyY800iFkoV/RP2PWTH6UvGpJhOIihhEK4o6B5Y9PW3DE6tUtZbP7KzzLtf2B8+uMjehn3YRihEO4oSi6LjWPVZbYN72k8/PDVGQ/nZ5n2YAihEG4N6OkbshZcOyRxq38WGyXK4R6SYTjyyNUZD4zpa96B4YNCuLUE+I19ZkwYZCv3Blxpd7t/iv7kokmZC67MTcDySCiEW2uy6BnH0qlZs68aYK3kGeJTqEFOWUl8zaLrMheM7ZeAjo1CuLWqdCtf+8T1ve8u7puwj1VQbTHdwjUsmtRzwY8GWMoxZFAIt8aV00N//KmpfWYX5yTslWuWp5hZ+y+u67ng2iHWbRguKIQ7RjQo3XD44aszHhmaYRBdxsdmYGDhpJ4Lpgy3bcZQQSHcMabCPqbd912V/kT/VP1J7+fNOgo/uybzvomDrZswTFAId4xq0hDr1vmXpy7NSuJrAAAMHIVHrs54bMpw2+tmHVZRQcWmWPwK2nRrXtIb9XZXcumemoUzCnqsnTYyaX0CVlFBxbBitm55uFR11p7dw8x9j+WRULGu/x8AxwjlN4U7sUkAAAAASUVORK5CYII=);
		overflow: hidden;

		z-index: 20;
		top: 209px;
		left: 510px;
		}

Conclusion


Nous avons fini notre icône, comme vous le voyez cela ne fut pas aussi simple qu’on aurait pu le penser. Si il fallait retenir certaines choses de tout ce que nous avons pu voir dans ce tutoriel, je dirais tout d’abord que CSS3 propose une multitude de propriétés qui sont inutilisées et qui méritaient d’être mise en valeur, avec de l’imagination nous pouvons tous faire, les data URI c’est magique , mais surtout : les techniques utilisées aujourd’hui sont très récentes ( je vous ai mis un résumé tout en bas du tutoriel ), ou du moins compatibles uniquement avec les navigateurs à  jour tel que Chrome 11 ou Firefox 7, n’utilisez pas cette méthode de création dans le cas d’un site grand public, vous perdriez énormément de visites.  Voilà  voilà , c’est tout   ce que j’ai à  dire (ça fait déjà  beaucoup !) j’espère que ce tutoriel vous aura permis d’améliorer vos connaissances, d’enrichir votre savoir, et surtout, qu’il vous aura plu. :-)

Liste des points abordés

  • Perfectionnement des connaissances en positionnement CSS (relative,absolute,..)
  • Utilisation des transformations CSS3 2D (rotate, skewx,skewy)
    Syntaxe : -prefix- transform : modif(xdeg);
  • -prefix-:   -webkit- ,  -moz- ,  -ms- ,  -o- , ou -khtml- .
    modif : rotate , skew , skewx ou skewy .
    x : le degré de transformation.
  • Manipulation des pseudo-classes :before et :after
  • Utilisation des data URI

9 Comments to “Réaliser une icône ou un logo en CSS3”

  • Très bon tutoriel qui montre la puissance du CSS3. Cela étant, les limites de cette méthode ont été dîtes… Il faut que les utilisateurs soient sur des navigateurs récents. Le seul avantage que je trouverais à cette méthode serait la vitesse de chargement. Si tout le logo reste en HTML et CSS, il devrait être chargé plus rapidement qu’un fichier image.

  • Alors là j’ai du mal à comprendre… OK, c’est une belle prouesse technique, c’est assez bien réalisé et le résultat final est parfait, je ne reviens pas la dessus. Mais je pensais que l’orientation de ce site était : des techniques de professionnels.

    Or ce genre de hack, c’est bien pour faire des démos ou participer à des concours mais personne ne les utiliserai en production, ça serait juste aberrant. Déjà c’est pas le bon outil, c’est contre productif et ça ne présente aucun intérêt réel.

    Bref je reste dubitatif sur la présence du tutoriel ici, par rapport à l’orientation du site.

    Mwea : j’espère que tu ne prendras pas mal ma remarque, qui est plus une interrogation et ne remet pas en cause la qualité de ta réalisation.

    • Bonjour jb,
      Tout d’abord, merci pour ton retour, positif ou négatif c’est toujours bon à prendre, ça permet de progresser. ;)

      Ensuite effectivement, l’orientation de ce site internet est (non pas « était » comme tu as pu le dire) : Des techniques de professionnels. Le tutoriel que je propose ici, est basé sur un logo d’une extrême complexité, il permet aux développeurs d’intégrer les fonctions avancées de CSS3 qui seront d’ici peu utilisable pour tous les sites internet.

      Pour moi, l’intérêt est évident pour des sites de type portfolio, un développeur capable de telles « prouesses » est capable de plus encore. Cela permet de mettre en avant nos capacités.

      Pour ce qui est des sites grands publics, je suis d’accord avec toi. POUR L’INSTANT, cela est totalement contre productifs ne présente aucun intérêt car trop incompatible. Je l’ai d’ailleurs dis dans ma conclusion.

      Enfin, ici sont présentées des techniques de transformations CSS inutilisables pour la plupart, mais bien d’autres points sont abordés, les data URI sont utilisables sur tous les navigateurs jusqu’à IE7, je rappelle le fonctionnement des positionnement en CSS, l’utilisation de :after et :before, etc..

      J’espère avoir éclairer ta lanterne ;)

      Mwea.

  • Absolument génial, tant pour le résultat que pour l’apprentissage du CSS 3.

    Merci pour le partage, j’en apprends bcp sur votre site.

    Bonne continuation ;-)

  • Pas forcément utile dans la pratique, je ne me vois pas faire un logo en CSS3 pour un client, mais c’est effectivement utile pour pouvoir perfectionner sa connaissance du CSS3 ou comme dit dans un autre commentaire pour montrer ses capacités.

  • La vache, j’imaginais pas que sa pouvais se faire en CSS3, je suis époustouflé. Bravo !

  • Bel exercice pour mettre en application les nouvelles propriétés apportées par CSS3.

    J’espère pouvoir lire encore de très bons tutos sur votre blog.

    Cordialement.

  • C’est : http://dataurl.net/ et non http://datauri.com ^^ faut mettre à jour un peu :p

  • Enorme……….

Laisser un commentaire