1. 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

Discussion dans 'Corbeille' créé par imJxL, 30 Janvier 2012.

Statut de la discussion:
N'est pas ouverte pour d'autres réponses.
  1. imJxL

    imJxL Membre

    Inscrit:
    23 Octobre 2011
    Messages:
    785
    Appréciations:
    241
    Points:
    4 118
    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

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !


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

    Aller on commence !

    Avant de commence il faudra vous inscrire sur

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !


    Pour vous inscrire cliquez

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !



    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

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !


    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 :

    Bonjour visiteur, merci de vous inscrire ou de vous connecter pour voir les liens. C'est gratuit en 3 secondes !

     


  2. Jhon-duff_56

    Jhon-duff_56 Herbalist. Ancien staff

    Inscrit:
    14 Mars 2011
    Messages:
    6 376
    Appréciations:
    2 208
    Points:
    6 538
    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 ?
     
  3. imJxL

    imJxL Membre

    Inscrit:
    23 Octobre 2011
    Messages:
    785
    Appréciations:
    241
    Points:
    4 118
  4. Nexus38

    Nexus38 Membre

    Inscrit:
    18 Décembre 2011
    Messages:
    101
    Appréciations:
    14
    Points:
    123
    merci pour ton TUTO:)
     
  5. KAYABEN

    KAYABEN Membre

    Inscrit:
    8 Janvier 2012
    Messages:
    13
    Appréciations:
    4
    Points:
    13
    c koi ?
     
  6. imJxL

    imJxL Membre

    Inscrit:
    23 Octobre 2011
    Messages:
    785
    Appréciations:
    241
    Points:
    4 118
    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 aime ça.
  7. Kruove

    Kruove I love les Hitmarkers :) Premium

    Inscrit:
    12 Octobre 2011
    Messages:
    574
    Appréciations:
    108
    Points:
    4 163
    Merci du tuto ca fait vraiment stylé :)
     
    Nexus38 aime ça.
  8. Lirk

    Lirk Membre Premium Premium

    Inscrit:
    14 Janvier 2012
    Messages:
    399
    Appréciations:
    120
    Points:
    4 163
    Merci :D
     
  9. imJxL

    imJxL Membre

    Inscrit:
    23 Octobre 2011
    Messages:
    785
    Appréciations:
    241
    Points:
    4 118
    De rien ;)
     
  10. IMOS

    IMOS Ask.fm/KarimNeymarDaSilva Ancien staff

    Inscrit:
    21 Août 2011
    Messages:
    1 706
    Appréciations:
    636
    Points:
    4 768
    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 de la discussion:
N'est pas ouverte pour d'autres réponses.

Partager cette page

Publicité