• Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.


[TUTO][HTML] Crée sa déface

Statut
N'est pas ouverte pour d'autres réponses.
Inscrit
23 Octobre 2011
Messages
782
J'aime
232
Points
4 118
#1
Salut tout le monde :)
Je vais vous faire un petit tuto pour que vous puissiez crée votre déface :oui:

Une déface c'est quoi ? C'est
Vous devez vous inscrire pour voir les liens !

Dans ce tutoriel je ne vous apprendrais que les bases du html.

Aller on commence !

Avant de commence il faudra vous inscrire sur
Vous devez vous inscrire pour voir les liens !

Pour vous inscrire cliquez
Vous devez vous inscrire pour voir les liens !


Lorsque votre inscription est fini récupérer vos ID FTP qui vous ont été envoyés par e-mail.
Maintenant ouvrer FileZilla (si vous ne l'avez pas télécharger le
Vous devez vous inscrire pour voir les liens !

Et connectez vous avec vos ID (pour le host mettez ftp.alwaysdata.com et pour le port 21)

Vous voila enfin connecter à votre serveur FTP :)

Ouvrer maintenant un bloc note et copiez les lignes suivantes :


Code:
<HTML>
<HEAD>
/!\Toujours mettre vos codes entre <HEAD> et </HTML> /!\
</HTML>
</HEAD>
Les phrases qui sont entre /!\ ne sont pas à recopiez !

Pour ajouter un favicon et un titre à votre page copiez :

Code:
<HTML>
<HEAD>
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
</HTML>
</HEAD>
Ce qui est en rouge est à remplacer par vos lien/textes.

Pour ajouter un background à votre page mettez ce code :

Code:
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]);
color: white;
</STYLE>
Si on reprend tout nos codes depuis le début sa nous donne sa :

Code:
<HTML>
<HEAD>
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]);
color: white;
</STYLE>
</HTML>
</HEAD>
On va maintenant ajouter une image :

Code:
<center><img height="500" width="650" src="[COLOR=#f81006]lien de votre image[/COLOR]"/></center><br />
Vous voulez ajouter du texte ? Alors recopiez sa :

Code:
<center><strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/> <br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/></center>
Si on rassemble touts nos codes sa va donné :

Code:
<HTML>
<HEAD>
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]);
padding: 0;
font-color: red;
</STYLE>
 
<center><img height="500" width="650" src="[COLOR=#f81006]lien vers ton image[/COLOR]"/></center><br />
 
<center><strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/> <br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/></center>
</HTML>
</HEAD>
Et pour finalisé ce tutoriel je vais vous dire comment mettre de la musique :oui:

Code:
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="0" height="0"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#000000"><param name="FlashVars" value="mp3=[COLOR=#f81006]lien vers ta musique/musique.mp3[/COLOR]&amp;autoplay=1&amp;loop=1"></object></center>
Donc si on reprend tout les codes depuis le début :

Code:
<HTML>
<HEAD>
 
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]Lien vers ton image[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
 
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]Lien vers ton image[/COLOR]);
color: white;
</STYLE>
 
<center><img height="500" width="650" src="[COLOR=#f81006]Lien vers ton image[/COLOR]"/></center><br />
 
<center><strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/> <br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/></center>
 
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="0" height="0"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#000000"><param name="FlashVars" value="mp3=[COLOR=#f81006]Lien vers ta musique[/COLOR]&amp;autoplay=1&amp;loop=1"></object></center>
 
 
</HTML>
</HEAD>
Voila le tutoriel est fini si vous avez des questions n'hésitez pas à me les posez ;)

Résultats du tutoriel :
Vous devez vous inscrire pour voir les liens !
 

Jhon-duff_56

Herbalist.
Ancien staff
Inscrit
14 Mars 2011
Messages
6 331
J'aime
2 091
Points
6 538
#2
Merci pour ce tuto :)

Elle est bien réalisé l'exemple de deface G G

Est ce qu'on peut mettre une vidéo Youtube ( enfin juste la musique ) dans une page Web ?
 
Inscrit
8 Janvier 2012
Messages
13
J'aime
4
Points
13
#5
Salut tout le monde :)
Je vais vous faire un petit tuto pour que vous puissiez crée votre déface :oui:

Une déface c'est quoi ? C'est
Vous devez vous inscrire pour voir les liens !

Dans ce tutoriel je ne vous apprendrais que les bases du html.

Aller on commence !

Avant de commence il faudra vous inscrire sur
Vous devez vous inscrire pour voir les liens !

Pour vous inscrire cliquez
Vous devez vous inscrire pour voir les liens !


Lorsque votre inscription est fini récupérer vos ID FTP qui vous ont été envoyés par e-mail.
Maintenant ouvrer FileZilla (si vous ne l'avez pas télécharger le
Vous devez vous inscrire pour voir les liens !

Et connectez vous avec vos ID (pour le host mettez ftp.alwaysdata.com et pour le port 21)

Vous voila enfin connecter à votre serveur FTP :)

Ouvrer maintenant un bloc note et copiez les lignes suivantes :


Code:
<HTML>
<HEAD>
/!\Toujours mettre vos codes entre <HEAD> et </HTML> /!\
</HTML>
</HEAD>
Les phrases qui sont entre /!\ ne sont pas à recopiez !

Pour ajouter un favicon et un titre à votre page copiez :

Code:
<HTML>
<HEAD>
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
</HTML>
</HEAD>
Ce qui est en rouge est à remplacer par vos lien/textes.

Pour ajouter un background à votre page mettez ce code :

Code:
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]);
color: white;
</STYLE>
Si on reprend tout nos codes depuis le début sa nous donne sa :

Code:
<HTML>
<HEAD>
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]);
color: white;
</STYLE>
</HTML>
</HEAD>
On va maintenant ajouter une image :

Code:
<center><img height="500" width="650" src="[COLOR=#f81006]lien de votre image[/COLOR]"/></center><br />
Vous voulez ajouter du texte ? Alors recopiez sa :

Code:
<center><strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/> <br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/></center>
Si on rassemble touts nos codes sa va donné :

Code:
<HTML>
<HEAD>
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]lien vers ton image/img/favicon.png[/COLOR]);
padding: 0;
font-color: red;
</STYLE>
 
<center><img height="500" width="650" src="[COLOR=#f81006]lien vers ton image[/COLOR]"/></center><br />
 
<center><strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/> <br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/></center>
</HTML>
</HEAD>
Et pour finalisé ce tutoriel je vais vous dire comment mettre de la musique :oui:

Code:
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="0" height="0"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#000000"><param name="FlashVars" value="mp3=[COLOR=#f81006]lien vers ta musique/musique.mp3[/COLOR]&amp;autoplay=1&amp;loop=1"></object></center>
Donc si on reprend tout les codes depuis le début :

Code:
<HTML>
<HEAD>
 
<link rel="SHORTCUT ICON" href="[COLOR=#f81006]Lien vers ton image[/COLOR]">
<TITLE>[COLOR=#f81006]Ton titre[/COLOR]</TITLE>
 
<STYLE type="text/css">
body {
background-color: black;
background-image:url([COLOR=#f81006]Lien vers ton image[/COLOR]);
color: white;
</STYLE>
 
<center><img height="500" width="650" src="[COLOR=#f81006]Lien vers ton image[/COLOR]"/></center><br />
 
<center><strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/><br/> <br/>
<strong>[COLOR=#f81006]Ton texte[/COLOR]</strong><br/></center>
 
<center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="0" height="0"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf"><param name="bgcolor" value="#000000"><param name="FlashVars" value="mp3=[COLOR=#f81006]Lien vers ta musique[/COLOR]&amp;autoplay=1&amp;loop=1"></object></center>
 
 
</HTML>
</HEAD>
Voila le tutoriel est fini si vous avez des questions n'hésitez pas à me les posez ;)

Résultats du tutoriel :
Vous devez vous inscrire pour voir les liens !
c koi ?
 
Inscrit
23 Octobre 2011
Messages
782
J'aime
232
Points
4 118
#6
1- évite de parler en langage SMS
2- Sa ne sers à rien de citer tout le post pour seulement dire 2 mots
3- J'ai expliquer c'est qu'est une déface au début du post
 

IMOS

Ask.fm/KarimNeymarDaSilva
Ancien staff
Inscrit
21 Août 2011
Messages
1 689
J'aime
562
Points
4 768
#10
J'aimerais mettre du texte qui bouge, une image a un endroit précis ... explique mieux ... et détaille , il faut au minimum rajouter des codes "FUN" comme les textes qui bouges , il faut que tu détaille a quoi sert se texte patati patata , tuto Moyen , il sert mais il est pas très détaillé ect...
 
Statut
N'est pas ouverte pour d'autres réponses.


Discussions similaires