Bspw. vom Theme hier ist die Schriftart ‚Lato‘, welche als ‚Google Fonts‘. Gleich so, wie der Website hier der Titel in ‚Handschrift‘ auch Google Fonts sind. Das im Text ist das mit den ‚Systemfonts‘. Und da ist nun das für die Google-Fonts und das Einbinden am Server. Nächst ist noch das mit den Systemfonts.
Kategorie: HTML + CSS
Hier ist einfaches HTML und CSS zu finden, wie es für den WP-Anfänger zum Aufbau einer Website brauchbar ist.
Schrift:
Font-Resizer und Schriftzuschnitt
Erst nochmal font-size * Schriftgröße in HTML-Seiten Zur Darstellung sich verändernden Schriftzuschnitt war mal das Plug-in Font-Resizer sehr gut. Desselben Effekts ist mit des Browsers Zoom. Das Plug-in Font-Resitzer ist hier nicht mehr. Das nun stellt nur mehr einen Lernschritt zur Unterscheidung von so Auszeichnungen zur Schriftgröße. Die „Schrifgrößenanpassung“ in der Seitenleiste verwenden: A A […]
Anker setzen + Ankerziel konform
Für den Besucher der Website sind die Anker von Komfort. Somit sollte man sich befassen. Insbesondre ist das mit dem Ankerziel für ein anderes Dokument zu beachten.
Rahmen um den Text, Farbfläche usw.
Designt Rahmen sind hier nicht. Es geht hier das Drumherum von Rahmen. Überschrift und Text-Absätze innerhalb von Rahmen. Auch den Text und Rahmen farblich hinterlegen und so.
Text auf- / einklappen
mit HTML und das CSS
Für den Leser ist die Formatierung des Texts primär. Voran bleibt hier das von Text aus- / einklappen. Das ist zur Strukturierung sehr von Vorteil. Meist ist das für kurzen Textauszug wie Info. So sind weitere Detail mit einem Klick zu öffnen. Seitens CSS ist hier ein Beispiel mit dabei.
Beweglicher Smiley gemäß Website einfügen
Hinweis: selfhtml.wiki/Multimedia und Grafiken Smiley von anderer Website einzufügen z. B. beim Anklicken Smiley, öffnet der original Link zur Website des Smileys im gleichen Fenster: <a href=“https://smilies.4-user.de“><img src=“https://smilies.4-user.de/include/Denken/smilie_denk_58.gif“ border=“0″ /></a> … in Text eingegeben =