ATTENTION !!! CE TUTORIEL NE FONCTIONNE PAS SUR TOUS LES NAVIGATEURS, UNE NOUVELLE VERSION REMPLACERA CELLE-CI D’ICI PEU. MERCI !

Voici la version élaboré du preloader vus précédemment dans les autres tutoriaux. Les différence sont les possibilités de modifier facilement la vitesse, la qualité et largeur du gif animé en preload. Aussi, cette version corrige certain bug et est modifié pour certaine demande spécifique des utlisateurs. Il n”est plus nécéssaire d”utiliser les css, ils sont généré par javascript.

Lire la suite de cet article »

Voici un “preloader” qui permettra de charger vos pages avant d’afficher le contenu. Ce “preloader” affiche une image gif animé pendant le chargement avec un arrière-plan blanc.

Je vous ai créé 2 versions, la version 1.0.0 est la plus simple, elle permet de loader la page et une fois le chargement fait, tout s’affiche d’un coup. La version 1.5.0 est plus élaboré, elle ressemble beaucoup à la précédente mais une fois le chargement terminé l’opacité de l’arrière-plan diminue pour faire place au contenu. À vous de choisir votre version.

Cliquez ici pour voir un exemple et j’ai intégré le script sur Free Goal Setting

Lire la suite de cet article »

Voici comment créé des bulles d’informations en CSS. Ces bulles ont le même style que celles de websnaprCe site web prend des screenshots des requêtes qu’il reçoit, ensuite il les stocks dans une base de donnée. Elles ont une hauteur et une largeur fixe, ce qui limite le nombre de caractère à y insérer.

Voici un exemple de ces bulles

Qu’est-ce qu’un cadavre exquis graphiqueC’est une composition graphique qui se suit et qu’on ne sait jamais qu’est-ce qu’on aura. ?

Voici à quoi l’image PNG pour la création de cette bulle d’information ressemble. Cet aperçu à directement été pris dans photoshop.

Lire la suite de cet article »

Voici une méthode pour créer des images d’arrière-plan dans Adobe Photoshop. Cette méthode vous sera très utile pour ne pas voir la ligne de démarquation qui apparrait à chaque répétition. Veuillez noter que l’explication est pour les utilisateurs de niveau Intermédiaire, ceux qui ne snt pas rendu la peuvent tout de même essayer. N’hésitez pas d’expérimenter.

Lire la suite de cet article »

ATTENTION !!! CE TUTORIEL NE FONCTIONNE PAS SUR TOUS LES NAVIGATEURS, UNE NOUVELLE VERSION REMPLACERA CELLE-CI D’ICI PEU. MERCI !

Est-ce possible de créer ce genre de menu ? Oui effectivement, après plusieurs heures d’essai, de recherche et ainsi de suite, j’ai finalement réussi à créer ce menu de rêve. J’ai également pris le temps de commenter le code CSS de ce menu et je vous livre la démarche pour la construction de ce dernier.

Cliquez ici pour voir l’exemple du menu (regardez bien,les boutons sont transparents)

Si vous vous sentez d’attaque, vous pouvez utiliser le code de ce menu et ainsi avoir vous aussi un menu transparent. Je mets à la disposition de tous cet ouvrage. Merci de bien vouloir créer un lien vers Nubium Graphik pour ceux qui utiliseront ce menu.

Lire la suite de cet article »