jfgiraud/GF
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bandeaux avec scroll, drapeaux et noms ok

Browse Source
This commit is contained in:
jfgiraud
2026-08-20 08:29:28 +00:00
parent 89d84021f3
commit 5a67aa6e9c
3 changed files with 94 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+60 -11
View File
@@ -80,25 +80,74 @@
>
<!-- 3 Bandeaux empilés -->
<div
class="flex flex-col h-24 divide-y divide-slate-800/60 overflow-hidden bg-slate-900/80"
class="flex flex-col h-24 divide-y divide-slate-800/60 bg-slate-900/80"
>
<!-- Bandeau CAC40 -->
<div class="flex-1 overflow-hidden relative flex items-center">
<div id="ticker-cac40" class="animate-ticker text-xs font-mono"></div>
<div class="flex-1 relative overflow-hidden flex items-center">
<!-- Étiquette fixe à gauche (Largeur fixe forcée) -->
<div
class="absolute left-0 top-0 h-full bg-slate-900 border-r border-slate-700/80 flex items-center px-4 space-x-3 z-20 shadow-lg"
style="width: 150px"
>
<span class="text-xl">🇫🇷</span>
<span class="font-bold text-xs text-white tracking-wider"
>CAC40</span
>
</div>
<!-- Zone de défilement (Padding gauche égal à la largeur de l'étiquette) -->
<div
class="w-full h-full flex items-center overflow-hidden"
style="padding-left: 150px"
>
<div
id="ticker-cac40"
class="animate-ticker text-xs font-mono"
></div>
</div>
</div>
<!-- Bandeau IBEX35 -->
<div class="flex-1 overflow-hidden relative flex items-center">
<div class="flex-1 relative overflow-hidden flex items-center">
<div
id="ticker-ibex35"
class="animate-ticker text-xs font-mono"
></div>
class="absolute left-0 top-0 h-full bg-slate-900 border-r border-slate-700/80 flex items-center px-4 space-x-3 z-20 shadow-lg"
style="width: 150px"
>
<span class="text-xl">🇪🇸</span>
<span class="font-bold text-xs text-white tracking-wider"
>IBEX35</span
>
</div>
<div
class="w-full h-full flex items-center overflow-hidden"
style="padding-left: 150px"
>
<div
id="ticker-ibex35"
class="animate-ticker text-xs font-mono"
></div>
</div>
</div>
<!-- Bandeau DOWJONES -->
<div class="flex-1 overflow-hidden relative flex items-center">
<div class="flex-1 relative overflow-hidden flex items-center">
<div
id="ticker-dowjones"
class="animate-ticker text-xs font-mono"
></div>
class="absolute left-0 top-0 h-full bg-slate-900 border-r border-slate-700/80 flex items-center px-4 space-x-3 z-20 shadow-lg"
style="width: 150px"
>
<span class="text-xl">🇺🇸</span>
<span class="font-bold text-xs text-white tracking-wider"
>DOWJONES</span
>
</div>
<div
class="w-full h-full flex items-center overflow-hidden"
style="padding-left: 150px"
>
<div
id="ticker-dowjones"
class="animate-ticker text-xs font-mono"
></div>
</div>
</div>
</div>