YOUPASS - convertir le crédit téléphonique en monnaie ! : Partenaire RealityGaming.fr

[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
Reply from imJxL Corbeille 📒 : [TUTO][HTML] Crée sa déface #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 333
J'aime
2 090
Points
9 788
Reply from Jhon-duff_56 Corbeille 📒 : [TUTO][HTML] Crée sa déface #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
Reply from KAYABEN Corbeille 📒 : [TUTO][HTML] Crée sa déface #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
Reply from imJxL Corbeille 📒 : [TUTO][HTML] Crée sa déface #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
 

Kruove

I love les Hitmarkers :)
Premium
Inscrit
12 Octobre 2011
Messages
572
J'aime
108
Points
4 163
Reply from Kruove Corbeille 📒 : [TUTO][HTML] Crée sa déface #7
Merci du tuto ca fait vraiment stylé :)
 

IMOS

Ask.fm/KarimNeymarDaSilva
Ancien staff
Inscrit
21 Août 2011
Messages
1 689
J'aime
562
Points
4 768
Reply from IMOS Corbeille 📒 : [TUTO][HTML] Crée sa déface #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...
 
Inscrit
26 Septembre 2011
Messages
405
J'aime
88
Points
4 118
Reply from Billy_ Corbeille 📒 : [TUTO][HTML] Crée sa déface #11
Merci mec pour ce tuto mais pas très detaillé refais en un autre merci !!
 
Inscrit
23 Octobre 2011
Messages
782
J'aime
232
Points
4 118
Reply from imJxL Corbeille 📒 : [TUTO][HTML] Crée sa déface #12
Dans ce tuto je n'apporte que les bases, je ferrai surement un tutoriel plus avancée mais je le ferait plus tard :)
 

IMOS

Ask.fm/KarimNeymarDaSilva
Ancien staff
Inscrit
21 Août 2011
Messages
1 689
J'aime
562
Points
4 768
Reply from IMOS Corbeille 📒 : [TUTO][HTML] Crée sa déface #13
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 ...
 
Inscrit
23 Octobre 2011
Messages
782
J'aime
232
Points
4 118
Reply from imJxL Corbeille 📒 : [TUTO][HTML] Crée sa déface #14
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.
 

IMOS

Ask.fm/KarimNeymarDaSilva
Ancien staff
Inscrit
21 Août 2011
Messages
1 689
J'aime
562
Points
4 768
Reply from IMOS Corbeille 📒 : [TUTO][HTML] Crée sa déface #15
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 ;)
 

Jhon-duff_56

Herbalist.
Ancien staff
Inscrit
14 Mars 2011
Messages
6 333
J'aime
2 090
Points
9 788
Reply from Jhon-duff_56 Corbeille 📒 : [TUTO][HTML] Crée sa déface #16
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 :)
 

Amiir

Membre Premium
Premium
Inscrit
17 Novembre 2011
Messages
1 156
J'aime
504
Points
4 368
Reply from Amiir Corbeille 📒 : [TUTO][HTML] Crée sa déface #17
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 .
 

Tregow

Bonjour, Bonsoir.
Ancien staff
Inscrit
7 Décembre 2011
Messages
2 374
J'aime
1 129
Points
5 113
Reply from Tregow Corbeille 📒 : [TUTO][HTML] Crée sa déface #18
Merci ça marche super malgres quelques problèmes rencontrés :D
 
Inscrit
23 Octobre 2011
Messages
782
J'aime
232
Points
4 118
Reply from imJxL Corbeille 📒 : [TUTO][HTML] Crée sa déface #19
De rien ;) Et si vous avez des problèmes n'hésitez pas à me parler par conversation ;)
 

Gunnar

Skype : Zone4COD
Premium
Inscrit
13 Mars 2011
Messages
398
J'aime
315
Points
413
Reply from Gunnar Corbeille 📒 : [TUTO][HTML] Crée sa déface #20
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.


Haut