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

Statut
N'est pas ouverte pour d'autres réponses.

imJxL

Membre
Inscription
23 Octobre 2011
Messages
813
Réactions
237
Points
19 928
RGCoins
25
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
Dans ce tutoriel je ne vous apprendrais que les bases du html.

Aller on commence !

Avant de commence il faudra vous inscrire sur
Pour vous inscrire cliquez

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
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 :
 
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 ?
 
Merci :)
 
merci pour ton TUTO:)
 
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
Dans ce tutoriel je ne vous apprendrais que les bases du html.

Aller on commence !

Avant de commence il faudra vous inscrire sur
Pour vous inscrire cliquez

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
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 :
c koi ?
 
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
 
Merci du tuto ca fait vraiment stylé :)
 
Merci :D
 
De rien ;)
 
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...
 
Merci mec pour ce tuto mais pas très detaillé refais en un autre merci !!
 
Dans ce tuto je n'apporte que les bases, je ferrai surement un tutoriel plus avancée mais je le ferait plus tard :)
 
J'espère car personnellement je comptais l'utiliser mais pour voir ce que ça a donné à la fin j'ai pas trop aimer lol , je préfère la première deface donc il me faudra les codes "FUN" comme je dis pour perfectionné le tout et détailler où mettre , comment mettre , quel texte passible de changements ...
 
Je sais mais le truc c'est que si je poste tout les script de ma déface tout le monde aura la même chose et franchement je ne verrai plus aucun intérêt à faire des tutoriel sur mes déface.
 
Justement tu les modifies ect... sinon envoie moi le texte qui bouge en Conversation PV et où faut le mettre sur le FTP ou si il faut créer un dossier et où le placer ect... stp ;)
 
Ce qu'il nous a mis c'est la base d'une deface :
- Un background
- Une musique
- Une image
....

Apres on peut la personnaliser avec du Javascript , tu peux
Aussi faire comme lui sur sa deface ( mettre du texte autout
De la souris ) mais sa c'est a vous de le faire seul vous prenez le
Code et vous tester et si vous arrivez pas demander a CheckMan
Directement :)
 
Bien joué le coup du lien AdFly :) mais ne cliquer pas la ou il y a écris Clique sa lui rapporte de l'argent & c'est illégal
0,0012 par clique :lol:
Sinon GG juste il y a trop de couleurs .
 
Merci ça marche super malgres quelques problèmes rencontrés :D
 
De rien ;) Et si vous avez des problèmes n'hésitez pas à me parler par conversation ;)
 
Tu me déçois mec ... De une tu pourrais demander la permission ... De deux tu aurais pu refaire les codes par-ce que les [color=*****]...[/color] c'est les balise sur le forumactif ... Sérieux la tu me déçois c'est pas le premier tutoriel que je vois que tu pique ... Tu pourrais me demander surtout que tu peux me contacter facilement toi ..
 
Statut
N'est pas ouverte pour d'autres réponses.
Retour
Haut