Bonjour, bonsoir à tous & à toutes,
Je vous partage l'uns des nombreux script que j'ai pu utiliser il fut un temps :
Je vous donne carrément le code entier qui comprend du code HTML, CSS et JavaScript :
Il se peut que vous deviez modifier les dimensions suivant les navigateurs sur lesquels vous souhaitez que celui-ci s'affiche.
Si vous voulez un résultat dite le moi
Je vous partage l'uns des nombreux script que j'ai pu utiliser il fut un temps :
Je vous donne carrément le code entier qui comprend du code HTML, CSS et JavaScript :
Code:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Machine à écrire</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<style type="text/css">
#console { height: 280px; border-radius: 5px; margin-bottom: 15px; padding: 15px 15px; }
#console pre { color: #fff; font-family: 'Monaco', courier, monospace; line-height: 1.5; }
#console pre a { color: #fff; text-decoration: none; }
#console .keyword { color: #000000; }
#console .string { color: #000000; }
#console .function { color: #000000; text-decoration: none;}
#console .variable { color: #000000; }
</style>
</head>
<body>
<div id="console">
<pre id="consoleText"></pre>
</div>
<script type="text/javascript">
var text = '<span class="keyword">WEBSITE DEFACED</span>\n\t\n\t<span class="function" style="margin-left: -80px;">This is what happen when you try to play with me.</span>\n\t<span class="variable" style="margin-left: -80px;">FTP Access : OK</span>\n\t<span class="string" style="margin-left: -80px;">DataBase Access : OK</span>\n\t<span class="variable" style="margin-left: -80px;">Admin Panel Access : OK</span>\n\t<span class="function" style="margin-left: -80px;">All Mails Box Access : OK</span>\n\t<span class="string" style="margin-left: -80px;">By HERO0Z</span>\n\t<span class="variable" style="margin-left: -80px;">01/01/2015</span>\n\t<span class="string" style="margin-left: -80px;">Dedicated To : {Username}</span>\n\t<span class="keyword" style="margin-left: -80px;">Join RG : </span><a href=\"http://reality-gaming.fr"\><span class="function">RealityGaming</span></a>';
var currentChar = 1;
var htmltag = false;
var cache = '';
function type()
{
var str = text.substr(0, currentChar);
var last = str.substr(str.length -1, str.length);
if(last != '<' && last != '>' & last != '/') {
$("#consoleText").html(str);
}
currentChar++;
if(currentChar <= text.length)
{
if(last == '<') {
htmltag = true;
} else if(last == '>') {
htmltag = false;
}
if(htmltag) {
setTimeout(type, 1);
} else {
setTimeout(type, 50);
}
}
}
$(document).ready(function() {
$("#consoleText").html("");
setTimeout(type, 3000);
});
</script>
</body>
</html>Il se peut que vous deviez modifier les dimensions suivant les navigateurs sur lesquels vous souhaitez que celui-ci s'affiche.
Si vous voulez un résultat dite le moi
