Schlagwörter-Box (Wortwolke, Tagwolke)
Um wichtige Wörter auf der Website hervorzuheben kann man eine Schlagwörter-Box verwenden. Dieses PHP-Script gibt zufällige Schlagwörter aus, dabei ist die Schriftgröße / Schriftart der Schlagwörter auch jedes mal rein zufällig.
Diese Schlagwörter könnten Sie interessieren:
MySQL Zugriffsrechte Chatroom Wecker Kalenderwoche Blend-Mode Blätterfunktion Quelltext RSS Feed RegEx Operatoren Favicon Bausteine Diashow Hover-Effekt Textgestaltung AJAX Sortierkasten Kommentar-Box Eselsohren localStorage Passwortschutz Zufallsfarbe Seitenformatierung Zoom-Funktion
MySQL Zugriffsrechte Chatroom Wecker Kalenderwoche Blend-Mode Blätterfunktion Quelltext RSS Feed RegEx Operatoren Favicon Bausteine Diashow Hover-Effekt Textgestaltung AJAX Sortierkasten Kommentar-Box Eselsohren localStorage Passwortschutz Zufallsfarbe Seitenformatierung Zoom-Funktion
Diese Schlagwörter-Box wird aktuell auf der Website eingesetzt.
Quelltext: schlagwoerter_box.php Ausblenden ❘ Kopieren ❘ Link ❘ Zeilen ❘
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<?php
/*
* Schlagwörter-Box - schlagwoerter_box.php (utf-8)
* https://werner-zenk.de - 24.08.2018
*/
$cssSize = [
'font-size:37px',
'font-size:34px',
'font-size:31px',
'font-size:28px',
'font-size:25px',
'font-size:22px',
'font-size:19px',
'font-size:16px',
'font-size:13px',
'font-size:10px',
];
$cssStyle = [
'font-family:Arial',
'font-family:cursive',
'font-family:monospace',
'font-stretch:ultra-condensed',
'font-stretch:ultra-expanded',
'font-style:oblique',
'font-variant:small-caps',
'font-weight:bold',
'letter-spacing:1px',
'letter-spacing:2px',
'letter-spacing:3px',
'vertical-align:middle',
'vertical-align:super',
'vertical-align:bottom',
'vertical-align:sub',
'vertical-align:top',
];
$cd[0]['tag'] = 'Schlagwort 1'; // Schlagwort
$cd[0]['url'] = 'seite1.php'; // Pfad zur Datei
$cd[1]['tag'] = 'Schlagwort 2';
$cd[1]['url'] = 'seite2.php';
$cd[2]['tag'] = 'Schlagwort 3';
$cd[2]['url'] = 'seite3.php';
$cd[3]['tag'] = 'Schlagwort 4';
$cd[3]['url'] = 'seite4.php';
shuffle($cd);
// Begrenzung auf 20 Einträge
$cd = array_slice($cd, 0 , 20);
echo'<div id="cloudBox">Schlagwörter Box<br>' . cloudBox($cd, $cssSize, $cssStyle) . '</div>';
function cloudBox($cd, $cssSize, $cssStyle) {
$cloudTags = '';
foreach ($cd as $value) {
shuffle($cssSize);
shuffle($cssStyle);
$style = $cssSize[0] . ';' . $cssStyle[0];
$cloudTags .= ' <a href="' . $value['url'] . '"' . ' style="' . $style . '">' . $value['tag'] . '</a> ';
}
return $cloudTags;
}
?>
In eine PHP-Datei einbinden
<?php include "schlagwoerter_box.php";?>
CSS
<style> div#cloudBox { margin: 25px Auto 25px Auto; max-width: 550px; padding: 10px; background-color: Whitesmoke; border-radius: 4px; text-align: Justify; line-height: 20px; } div#cloudBox a:link { transition: text-shadow 0.6s; } div#cloudBox a:hover { text-shadow: 1px 1px 2px Orange; } </style>
➤
Um eine automatische Silbentrennung der Schlagwörter herbeizuführen, kann hyphens: auto;
verwendet werden.
Mehr dazu unter: Silbentrennung in Webseiten
Tipps
- Seiten druckfrisch gestalten
- Mancher Besucher einer Website möchte eine bestimmte Seite ausdrucken, auf dem Papier stören dann Elemente wie Werbung, Navigationsleisten, großflächige Design-Elemente oder andere Elemente. Wie Sie diese vor dem drucken "wegzaubern" erfahren Sie hier.
- Einfache Kalender mit PHP erstellen
- PHP-Kalender können nützlich sein. Sie können so einfach sein wie das Datum anzeigen oder so komplex wie das Einrichten eines Online-Buchungssystems. Diese beiden PHP-Scripte zeigen wie Sie einfache Kalender erstellen. Wenn Sie wissen, wie das geht, können Sie dieselben Konzepte auf komplexe Kalender anwenden, die Sie möglicherweise benötigen.
- Mit PHP zeichnen - Eine Grafik mit PHP erstellen
- Mit den Grafikfunktionen können Sie zur Laufzeit des PHP-Scripts auch Grafiken erzeugen.
- Diashow
- Die Diashow liest Bilder aus einem Verzeichnis aus (mit PHP), und zeigt diese mit Hilfe von JavaScript an.
Abonniere meinen RSS-Feed
um über aktuelle Seiten benachrichtigt zu werden.