Afficher un compteur "stylé"

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Vinalys, 9 Avril 2012.

  1. Vinalys
    Vinalys WRInaute discret
    Inscrit:
    17 Février 2011
    Messages:
    52
    J'aime reçus:
    0
    Bonjour à tous,

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

    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
     
  2. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 361
    J'aime reçus:
    2
    Très simplement, avec du css et trois zones d'input
     
  3. sonn
    sonn WRInaute discret
    Inscrit:
    9 Mars 2012
    Messages:
    70
    J'aime reçus:
    0
    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>
    
     
  4. Vinalys
    Vinalys WRInaute discret
    Inscrit:
    17 Février 2011
    Messages:
    52
    J'aime reçus:
    0
    Merci bien :)
     
Chargement...
Similar Threads - Afficher compteur stylé Forum Date
Ne pas afficher certaines conversions dans Google Ads AdWords 8 Juillet 2020
Afficher les produits suivants en ajax Développement d'un site Web ou d'une appli mobile 12 Mai 2020
Google a-t-il le droit d'afficher directement les informations des sites sans leur accord ? Droit du web (juridique, fiscalité...) 21 Février 2020
Afficher un champ dans la page profil Wordpress Développement d'un site Web ou d'une appli mobile 17 Février 2020
API pour afficher les avis Google sur son site Google : l'entreprise, les sites web, les services 10 Novembre 2019
Afficher les tags sur wordpress Développement d'un site Web ou d'une appli mobile 3 Août 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
Google My Business :Comment afficher sa zone de couverture et pas son adresse ? Google : l'entreprise, les sites web, les services 19 Juin 2019
Afficher/cacher données dans un tableau Développement d'un site Web ou d'une appli mobile 9 Mars 2019
Afficher des valeurs d'une colonne à l'autre selon condition Développement d'un site Web ou d'une appli mobile 11 Février 2019