• | Graphix Illusion v7 » Le rendez-vous des passionnés de graphisme

Minh - Award

Minh - Award

Ouverture

18/02/07

Admin & Design

KaRoLyNa

Webmaster

Art-Is

- Textures
  - By G.I.
  - Autres
- Textures Avatars
  - By G.I.
  - Autres
- Scans
  - By G.I.
  - Autres
- Stocks
  - By G.I.
  - Autres
- Bases
  - 100x100
  - 200x400
  - 200x320
  - 100x35
- Gifs animÃ©s
- Brushs
- Patterns
  - By G.I.
  - Autres
- Templates
- Images Colo
- Images Diverses
- Polices
- Palettes de couleurs
- Ressources/CrÃ©dits

- PrÃ©sentations
- Versions du site

Tous les tutoriels Web/HTML/CSS ont été réalisé par le site Graphix-Illusion.Fr, merci de ne PAS les plagier, redistribuer sur vos forums/sites/blogs par respect de l'auteur.
Aucun copier/coller de ce tuto n'est autorisé sur vos sites/forums/blog.
Vous souhaitez montrer ce tuto? Alors donner le lien http://graphix-illusion.fr/?tuto-web.
Merci

Tutoriels divers et variés - cliquez dessus pour ouvrir !

Faible

Moyenne

Élevée

		• Créer un menu interactif original [CSS] Difficulté :
Vous désirez faire un menu comme celui-ci ? C'est simple, on créer un tableau en HTML : NB : Le # est à remplacer par l'url de votre menu exemple http://graphix-illusion.fr/?cdm Et on fait le CSS approprié : Bien évidemment, vous pouvez changer les couleurs à votre guise.
		• Passer du noir et blanc à la couleur? + lien Difficulté :
Vous souhaitez faire cet effet? Il vous suffit de reprendre ce code... A savoir : Vous devez donc avoir deux images, une image en noir et blanc et une autre en couleur. Pour le lien : quand vous cliquez dessus qui ouvre une nouvelle page !
		• Changer le curseur [CSS] Difficulté :
On va juste mettre un curseur différent sur un lien ! Direction votre feuille de style aka CSS : Ce qui nous donnera ceci ! Pour avoir toute la liste avec des exemples d'utlisation rendez-vous ici
		• Créer un lien avec hover [CSS] Difficulté :
Vous voulez faire un petit lien sympa comme celui-ci ? Pour ceci, on va toucher un peu la feuille de style, c'est à dire votre CSS : Retournons à notre page où nous voulons ajouter un lien : Si vous souhaitez activer ce morceau de code pour tout vos liens de votre site, il suffit de retirer la class comme ceci : Pour tout vos liens, plus besoin de class ! Bien sûr, vous pouvez changer les couleurs comme bon vous semble : color: #la couleur du texte; background: #la couleur du fond; À vous de jouer !
		• Installer le script Lightbox 2 [Javascript] Difficulté :
Vous connaissez tous Lightbox ? Ce petit script javascript qui vous permets d'afficher vos images avec un petit plus ! Si vous ne connaissez pas, je vous propose d'aller voir ici ! C'est parti ! Première étape, télécharger ce petit script bien sympa, sur le site officiel, ou sur Graphix-Illusion. (c'est le même aux deux endroits!) Deuxième étape, extraire le zip sur votre FTP, dans un dossier lightbox placé à la racine (c'est plus simple pour s'y retrouver) Troisième étape, inclure les fichiers nécessaires dans votre index avec ce petit bout de code. Quatrième étape, assurez vous que les liens des images prev et next sont correctes dans le css, ce qui n'est pas le cas ! Alors on va modifier dans le CSS (qui se trouve dans /lightbox/css/lightbox.css) : Idem pour les images de chargement et close, qui se trouvent dans /lightbox/js/lightbox.js parmis les 3 premières lignes de code. Vous pouvez également les personnaliser si vous le voulez...! Dernière étape, l'affichage de l'image ! Image par image : Avec défilement entre les images
		• Ecrire de différentes manières [CSS] Difficulté :
Vous voulez rendre un texte en majuscule tout en écrivant en minuscule ? Tout ça se passe dans la feuille de style premièrement : En italic ? En gras ? En couleur ? aller, rouge ! Il nous reste plus qu'à l'afficher :
		• Créer différents liens Difficulté :
Cette fois-ci on va créer des liens tout simples, premièrement, un lien normal : Ce qui nous donnera Graphix-Illusion ! Maintenant, on veut que ce lien s'ouvre dans une autre fenêtre, c'est simple il suffit d'ajouter un attribut : Ce qui nous donnera Graphix-Illusion dans une nouvelle fenêtre !
		• Inclure une feuille de style sur son site [CSS] Difficulté :
C'est parti, c'est pas dur, on va juste inclure une feuille de style, plus connu sous le nom de CSS, dans notre index. Alors on y va, on créer la feuille de style dans laquelle on pourra mettre tout son code CSS ensuite dedans, ça évite de charger l'index, ou bien d'avoir à retaper le CSS sur toutes les pages !
		• Hébergeurs gratuits Difficulté :
Source : http://orilla.net/liste.php Hébergeurs gratuits sans pub ou à placer soi-même 11vm-serv.net 20 mo / FTP / Php / MySql / NoPub / Soumettre son projet 12mix.com 700 mo / FTP / Php / MySql / Pub Atomysk.com 50 mo / FTP / Php / MySql / NoPub / Soumettre son projet Azotobac.com 100 mo / FTP / Php / MySql / NoPub Bancdessais.com 50 mo / FTP / Php / MySql / NoPub / Soumettre son projet Clanfree.net 200 mo / FTP / Php / MySql / NoPub / Sites de clan Clicksite.fr 100 mo / FTP / Php / MySql / NoPub Djibtech.com 10 mo / FTP / Php / MySql / NoPub E-Ghosting.com 100 mo / FTP / Php / MySql / NoPub / Soumettre son projet Ehia.org ? mo / FTP / Php / MySql / NoPub / Soumettre son projet Ekzay.com 25 mo / FTP / ¿Pub? Espace-gratuit.com 20 mo / FTP / Php / MySql / Bouton Espace-gratuit.org 20 mo / FTP / Php / MySql / ¿Pub? Exen.fr 100 mo / FTP / Php / MySql / ¿Pub? Fbhost.be 50 mo / FTP / Php / MySql / Pub Flyserver.org 100 mo / FTP / Php / MySql / NoPub Freazer.com 25 mo / NoPub Fur4x-hebergement.net 50 mo / FTP / Php / MySql / NoPub G1-hebergement.com 200 mo / FTP / Php / MySql / NoPub / Soumettre son projet Hebergement-gratuit.com 10 mo / FTP / Php / NoPub / Pour domaine Hebergement-perso.com 100 mo / FTP / Php / MySql / NoPub Hebergement-remunere.com 45 mo / FTP / Php / MySql / Bandeau / Pour domaine Hollinae.com 50 mo / FTP / Php / MySql / NoPub / Soumettre son projet Hostarea.org 250 mo / FTP /Php / Mysql / Pub HostGratos.net 100 mo / FTP / Php / MySql / Bandeau Imperiale.org ¿Détails? Intranet-bosser.com 100 mo / FTP / Php / MySql / NoPub Intuxication.net 75 mo / FTP / Php / MySql / NoPub / Soumettre son projet Intuxication.org 75 mo / FTP / Php / MySql / NoPub / Soumettre son projet Ironie.org 100 mo / FTP / Php / MySql / Bouton Jean-emile.com 100 mo / FTP / Php / MySql / NoPub Kelio-host.com 30 mo / FTP / Php / MySql / NoPub Keoconcept.com 250 mo / FTP / Php / MySql / Bandeau Kokoom.com ? mo / FTPWeb / NoPub Lozere.org 2 mo / ¿Pub? Luds.net 70 mo / FTP / Php / MySql / NoPub / Sujets reliés aux Simpsons Mondelibre.org 50 mo / FTP / Php / MySql / NoPub / Soumettre son projet Net-Hive.com ? mo / FTP / Php / MySql / NoPub Nix3.fr 100 mo / FTP / Php / MySql / ¿Pub? Propagande.org 100 mo / FTP / Php / MySql / NoPub / Sites musicaux Pursud.org 200 mo / FTP / Php / MySql / NoPub Scooba.org 150 mo / FTP / Php / MySql / NoPub Servhome.org ? mo / FTP / Php / MySql / NoPub Societeg.com 250 mo / FTP / Php / MySql / NoPub Teria.org 50 mo / FTP / Pgp / MySql / NoPub TuxFamily.org ? mo / FTP / Php / NoPub / Pour Logiciels Libres Ton-espace.com 50 mo / FTP / Php / MySql / NoPub Tonsupraforum.com 50 mo / FTP / Php / MySql / ¿Pub? Virtuelnet.net 100 mo / FTP / Php / MySql / NoPub Webalternative.org 50 mo / FTP / Php / MySql / ¿Pub? Webator.net 50 mo / FTP / Php / MySql / NoPub Webdynamit.net 70 mo / FTP / Php / MySql / Bandeau Webou.net 25 mo / FTP / Php / MySql / ¿Pub? Webpropagation.com 10 mo / FTP / Php / MySql / NoPub / Pour domaine Websanslimit.net 250 mo / FTP / Php / MySql / Logo / Soumettre son projet Webzzanine.net 100 mo / FTP / Php / MySql / Pub Zaup.org ¿Détails? / Soumettre son projet Hébergeurs gratuits avec publicité par iframe et/ou popups Cyberquebec.ca 10 mo / FTP Halflifexpert.com ? mo / FTP / Php / MySql / Sites de jeu Ifrance.com 100 mo / FTP / Php / MySql Multimania 50 mo / FTP / Php / MySql Roxorgamers.com ? mo / FTPWeb / Sites de Clan Voila.fr 100 mo / FTPWeb
		• Redirection + Centrer l'image selon résolution Difficulté :

JL-Online.fr	Dr House Fan
808s Heartless	Unearthed
Bigorno Fanarts	Matt Dallas France
Studio Art	Cami Diaz
LionKing'sWorld	Highmore France
Tout GA	Scarlett Central
PoppyPetal	Just Keira
Zac Efron online	Obviously Graphics
Lotica Dream	Milshake Girl
Sophia Online	Candies Awards
Graphic4you	Sunshine Design
DiveInLove	Hypnosis'Eurythmy
Cube de luxe	Backstreet-Fan
Cassio	Catch The Moon
Sublime Alyssa M.	Heavenly Dream
Stone Lasts	Urban Designs