Cmkefelh 1.
2018.12.08. 13:50
Ennek a kdnak a segtsgvel egy cmkefelh-szer modult tudunk ltrehozni. Sajnos a G-portlon nincs cmkefelh modul, gy magunknak kell kialaktani.
Ez a mdszer valamivel bonyolultabb, mint amit a blogon is hasznlok, viszont sokkal szebb s elegnsabb.
A kd:
<p>
<title></title>
<!-- Bootstrap CSS --></p>
<p>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
</p>
<p>
</p>
<div class="container-fluid">
<ul class="list-group">
<li class="list-group-item">
<a href="/">egy</a> <span class="badge">15</span></li>
<li class="list-group-item">
<a href="/">kett</a> <span class="badge">34</span></li>
<li class="list-group-item">
<a href="/">hrom</a> <span class="badge">6</span></li>
<li class="list-group-item">
ngy <span class="badge">2</span></li>
<li class="list-group-item">
t <span class="badge">11</span></li>
</ul>
</div>
<!-- jQuery library --><script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><!-- Bootstrap JS --><script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><!-- Initialize Bootstrap functionality --><script>
// Initialize tooltip component
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
// Initialize popover component
$(function () {
$('[data-toggle="popover"]').popover()
})
</script>
Fontos, hogy a cmkk nevt, valamint a linkelst knnyedn meg tudjuk oldani, viszont az jobb oldalt tallhat szmokat folyamatosan t kell rnunk.
Pldul, ha rsz egy j tmt, melyhez a "kett" cmkt hasznlod, a cmkefelhdben t kell rnod a szmot, feltve, ha szeretnd, hogy vals tartalmat adjon a modul.
Termszetesen lehet hasznli olyan formt is, hogy "20+", "25+", de az ignyes munka mindig megtrl.
AJÁNLOM AZ OLDALT
