Forum : image like

Réponse acceptée

Salut @imen,

au lieu de

<td>likes</td>

fait simplement

<td><img src="/img/likes.jpg" width=""></td>

si tu utilises <img /> avec laravel assure toi d'avoir un / au debut du chemin relatif comme dans l'exemple ci dessus, et ton image /likes.jpg doit se trouver dans le dossier public/img.

tu geres la taille d affichage avec les attributes width et height ou tout simplement en css

et dans le cas ou tu souhaiterai ulitiser une librairie d'icones comme font-awesome :

<td><i class="fa fa-heart"></i></td>

betaWeb

Salut,

Une suggestion : lis la documentation ^^
Sinon, peux-tu être plus précis(e) ? Merci ;)

imen

Auteur

au lieu d'afficher nom des colonnes (likes , commentaire et partage ) je veux les remplacer par leur symboles

imen

Auteur

c'est juste leurs images et non pas des boutons

betaWeb

Tu utilises une font icônes particulière ?
Montre ton code HTML pour générer ton table stp.

imen

Auteur

<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <h1>Rapport Pages </h1>
    <div class="container">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
        <link href="assets/css/main.css" rel="stylesheet" type="text/css">

        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    </div>
</head>
<body>
    <table class="table table-striped table-bordered table-hover">
    <thead>
        <tr>
        <td>Page</td>
        <td  colspan="3" bgcolor="#000FF0">Fans</td>
        <td colspan="3" bgcolor="#00FFF0">Posts</td>
        <td  colspan="4" bgcolor="#FF000F">interaction</td>
        <td  colspan="2" bgcolor="#FFFF00">AV Engagement</td>
    </tr>
    <tr>
        <td></td>
        <td>Total</td>
        <td>New</td>
        <td>Local</td>
        <td>Admin</td>
        <td>Fans</td>
        <td>Total</td>
        <td>likes</td>
        <td>Comments</td>
        <td>Shares</td>
        <td>Total</td>
        <td>Page</td>
        <td>Posts</td>
    </tr>

betaWeb

Tu n'utilises pas Laravel ?
Si tu veux insérer une image, tu peux utiliser le helper asset() (cf la doc)

imen

Auteur

oui j'utilise laravel deja

betaWeb

Donc tu peux utiliser le helper asset() pour intégrer tes images ;)

imen

Auteur

est ce que vous pouvez me donner un example suivant mon code ?

kenshimdev

Hello,

Ton code ne contient que du code HTML, comment veux-tu qu'il t'aide ?

Pourrais-tu nous donner ce que tu reçois de ton contrôleur dans la vue ? Histoire de voir de quoi est composé ta requête... et éventuellement pouvoir t'aider...

Mais... si j'ai bien compris pour pouvoir afficher un symbole à la place du contenu de la colonne correspondant à ta bdd... suffit de faire un if ?^^

Cdlt,
kenshim

Daprod

example codepen.io https://codepen.io/anon/pen/KmOZYG

image like

12 réponses