Afficher un compteur "stylé"

Vinalys · 9 Avril 2012

Bonjour à tous,

Je cherche à réaliser un compteur (pas de visites) sur mon site un peu à la manière de celui ci :

Je veux juste rentrer manuellement un chiffre mais qu'il s'affiche comme celui ci. Toute mes recherches sur google tombent sur des compteurs de visite ce qui n'est absolument pas ce que je recherche.

Comment puis je m'y prendre ?

Merci pour votre aide

Marie-Aude · 9 Avril 2012

Très simplement, avec du css et trois zones d'input

sonn · 9 Avril 2012

Copier-coller sur ton site et ça iras tout seul xD

Code:

<!Doctype HTML>
<html>
<head>
<style type="text/css">
input
{
font-weight:bold;
font-style:oblique;
font-family: "Verdana";
color: #505050;
font-size: 40px;
background-color: #dddddd;
width:40px;
text-align: center;
border-radius:8px;
}
.nombre
{
font-style:oblique;
font-size: 40px;
}
</style>
</head>
<body>
<?php
$a='1000000';
echo 'Nombre de '.strlen($a),' caractères.<br />';
echo 'Nombre de '.round(strlen($a)/3,0).' blocs.<br />';
$decal=((round(strlen($a)/3,0)-strlen($a)/3)*3);
echo 'Décalage de '.$decal.' caractères.<br />';
$decal=(int)$decal;
echo '<span class="nombre">';
for($b=0;$b< strlen($a);$b++)
{
	if(is_int(($b+$decal)/3)&&$b!=0){echo ",";}
	echo '<input value="'.$a[$b].'"/>';
}
echo '</span>';
?>


</body>
</html>

Vinalys · 10 Avril 2012

Merci bien