[TEMPLATE] Bare de like super complete !

  • Auteur de la discussion Auteur de la discussion Hichxm
  • Créé le Créé le
Hichxm

Hichxm

Membre
Inscription
15 Octobre 2013
Messages
1 118
Réactions
227
Points
5 721
RGCoins
25
Tout est dans le titre,
aujourd'hui je partage avec vous
un template d'une barre de like
:D super complète :D


===============================================


Après avoir mis une barre de 20metre juste en hauts on
pourra commencé :rofl:


===============================================

Bon pour les pro je vous laisse faire :)

PHP: 
<head>
    <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<?PHP
    $Vote_height = 3; //Haueur de la barre de progression
    $Vote_width = 150; //Longueure de la barre de progression
    $Vote_like = 30; //Nombre de like
    $Vote_dislike = 9; //Nombre de dislike

    if(!isset($Vote_like)){$Vote_like = 0.1;}    //Verifie
    if(!isset($Vote_dislike)){$Vote_dislike = 0.1;} //Verifie

    $Vote_progresse_count = round(100*$Vote_like/($Vote_dislike + $Vote_like)); //Calcul du pourcentage

?>

<div class="Vote">
    <div class="Vote_bar" style= "width: <?PHP echo $Vote_width;?>px; height: <?PHP echo $Vote_height; ?>px;" >
        <div class="Vote_progresse" style="height: <?PHP echo $Vote_height;?>px; width: <?PHP echo $Vote_progresse_count;?>%;" ><br></div>
    </div>
    <div id="Vote_desc">
        <div class="Vote_like"><i class="fa fa-thumbs-o-up"></i> <?PHP echo round($Vote_like); ?></div>
        <div class="Vote_dislike"><?PHP echo round($Vote_dislike); ?> <i class="fa fa-thumbs-o-down"></i> </div>
    <div>
</div>

Pour les débutant je vous aide un peut
grâce à cette image :)

k3AGNYi.png

PHP: 
<head>
<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<?PHP
    $Vote_height = 3; //Haueur de la barre de progression
    $Vote_width = 150; //Longueure de la barre de progression
    $Vote_like = 30; //Nombre de like
    $Vote_dislike = 9; //Nombre de dislike

    if(!isset($Vote_like)){$Vote_like = 0.1;}    //Verifie
    if(!isset($Vote_dislike)){$Vote_dislike = 0.1;} //Verifie

    $Vote_progresse_count = round(100*$Vote_like/($Vote_dislike + $Vote_like)); //Calcul du pourcentage

?>

<div class="Vote">
    <div class="Vote_bar" style= "width: <?PHP echo $Vote_width;?>px; height: <?PHP echo $Vote_height; ?>px;" >
        <div class="Vote_progresse" style="height: <?PHP echo $Vote_height;?>px; width: <?PHP echo $Vote_progresse_count;?>%;" ><br></div>
    </div>
    <div id="Vote_desc">
        <div class="Vote_like"><i class="fa fa-thumbs-o-up"></i> <?PHP echo round($Vote_like); ?></div>
        <div class="Vote_dislike"><?PHP echo round($Vote_dislike); ?> <i class="fa fa-thumbs-o-down"></i> </div>
    <div>
</div>






===============================================​

Et le fichier .css
fichier
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
d'un fichier .css :troll:​

===============================================
Bien sur des petites image:
-
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

-
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
​
 
Dernière édition:
Whoo elle est stylé GG :ok:
 
Je vais la reprendre et aux lieux de mettre nombre like dans une variable, les mettres dans une DB et que ce soit une vrai barre quand les gens appuie sur les pouce sa marche :)
 
RGPG SoCoolMen a dit:
Je vais la reprendre et aux lieux de mettre nombre like dans une variable, les mettres dans une DB et que ce soit une vrai barre quand les gens appuie sur les pouce sa marche :)
Cliquez pour agrandir...
Bas c'est mieus sa c'est sur
 
RGPG SoCoolMen a dit:
Je vais la reprendre et aux lieux de mettre nombre like dans une variable, les mettres dans une DB et que ce soit une vrai barre quand les gens appuie sur les pouce sa marche :)
Cliquez pour agrandir...
t'aurais pas une idée de template ?
 
Mouais.. je trouve pas sa très propre. :)
 
Retour
Haut