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 854
    J'aime reçus:
    222
    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
Afficher des infos depuis plusieurs page en PHP Développement d'un site Web ou d'une appli mobile 23 Mars 2022
Afficher la dernière version d'un fichier php ? Développement d'un site Web ou d'une appli mobile 8 Novembre 2021
comment afficher l erreur 404 URL Rewriting et .htaccess 28 Juillet 2021
Devra-t-on afficher les émissions de gaz à effet de serre de nos sites? Droit du web (juridique, fiscalité...) 28 Mars 2021
Afficher module avis Google sur un site web via le GTM ? Google : l'entreprise, les sites web, les services 18 Mars 2021
Afficher stats analytics sur mon site Google Analytics 14 Novembre 2020
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
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
Google Chrome va afficher à nouveau les sous-domaines Google : l'entreprise, les sites web, les services 18 Septembre 2018
Google PageSpeed Insight : Afficher en priorité le contenu visible Développement d'un site Web ou d'une appli mobile 16 Août 2018
Afficher valeur id onclick sur checkbox Développement d'un site Web ou d'une appli mobile 21 Février 2018
Est-il important d'afficher ses pages en AMP pour être favorisé par Index Mobile First ? Référencement Google 19 Décembre 2017
Balise H1 modifiée pour s'afficher sur une seule ligne Référencement Google 3 Septembre 2017