+++tag.php+++

Schlagwort-Archiv CSS

Test der CSS-Klassen
Autor: René A. Da Rin,   Artikel erstellt: am 22.11.2021,   aktualisiert am 01.12.2021



Dieser Beitrag dient lediglich zum Test der hier individuell verwendeten CSS Klassen.

Dateiname

.dateiname

Hier wird der dateiname.php hervorgehoben. Verwendung als SPAN-Tag.

Pfad

.pfad

Darstellung eines Pfades. 1 Zeile im Block, Klasse dem Block zuweisen.

Macintosh HD > Benutzer > Benutzername > Filme > iMovie-Mediathek.fcpbundle

Befehlseingabe im Terminal

.terminalentry

Darstellung eines Pfades. 1 Zeile im Block, Klasse dem Block zuweisen.

Eingabe im Terminal: list dir exit run.

Darstellung Terminal

.terminalview

Darstellung mehrzeiliger Terminaleingaben.

load dir: user/rad/daten
list dir: user/rad/daten
print doc: info.txt
exit:

Hinweis

.hinweis

Das hier ist ein Hinweis.
Das ist die 2. Zeile.
Und das die Dritte.

Warnung

.warnung

Das hier ist eine Warnung.

Tipp

.tipp

Das hier ist ein Tipp.

Quellcode

.quellcode

Das hier ist Quellcode.

Ergebnis

.ergebnis

Das hier ist ein Ergebnis.

erztuzkjthrgefw

Zitat

mkpnjkighbijfv fuofi ftu Zitat

Zitat mit Einzug

nkobipgb gz8pogz8po Zitat mit Einzug
dffg errgegerger erf er erre ferrg ergh ethet erw gerw
regerg ethe.

Einzelne Wörter

Testblock: Programm.

Testblock: Einstellung.

Testblock: URL.

Testblock: VAR.

Testblock: Wert.

Testblock: Mass.

Testblock: applekeys.

Testblock: az-codefragment.

Menu: Menu

Testblock: info-grey-green-hw.

Testblock: info-grey-red-hw.

Testblock: Positiv.

Testblock: Negativ.

In diesem Text wird nun diverses getestet. Textmarker gelb und grün. Sowie blau. Hier ein Pfad: MacHD/User/radarin/bilder. Und da ein Programm oder eine Einstellung. Eine URL, eine Variable und ein Wert. Auch ein Dateiname.

Und hier eine verlinkte URL.

uziogzuo

mlpm hu9p gzuip ft7o fto7

vghoijh gzilo gz8uo ftuiz ftzougt8ot ftu

Eine URL

Darstellung CSS Code

.pre-css
ftuft7 vfgztu ffrtuz 
  scfvsfvsd
sdfvsfdvsf


fvbfsvsfbvfsdbvsf
sfbfdsbdfsdsvadsbdfbsdsdsd

sdvbsfbsfds

Darstellung HTML Code

.pre-html
ftuft7 vfgztu ffrtuz 
scfvsfvsd
sdfvsfdvsf


fvbfsvsfbvfsdbvsf
sfbfdsbdfsdsvadsbdfbsdsdsd

sdvbsfbsfds

Darstellung Blockquote Code

Zitat Gutenberg Originalblock fegre er

regerg reg rewwe grwrg
we gwegwer f
we gwerg wrg rw gerw
wrgwrgwrgwrg rg wrgrheth

by rad

Zitat Gutenberg Originalblock fegre er

regerg reg rewwe grwrg
we gwegwer f
we gwerg wrg rw gerw
wrgwrgwrgwrg rg wrgrheth

by rad

Info Green

.info-grün

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Red

.info-rot

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Blue

.info-blau

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Yellow

.info-gelb

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Grey

.info-grau

,kplü hu9ip gzuipöbhgzipuog gzio lgi bfgzuo gvzipgt ftrsdtzghjg cf cfrzgkfd zdrztkf d rcfuozzfgouzt drtzi dtf7o gziuol fdfctozi dridctziug tzu drtuf tzrd ctizdcfdr tdr6u d.

Titel 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Eigene CSS-Datei für WordPress Backend
Autor: René A. Da Rin,   Artikel erstellt: am 16.12.2018,   aktualisiert am 01.01.2019



Mit dieser Funktion können Sie eine eigene CSS-Datei aus dem Child-Theme Verzeichnis ins Backend geladen werden.

Mit dieser Anweisung in der CSS-Datei können Sie z.B. den obersten Balken im Backend farblich hervorheben. Das ist praktisch, wenn sie mehrere WordPress Installationen betreuen. So erkennen Sie ohne einen Blick auf die URL, in welchem Backend Sie sich befinden.

#wpadminbar{
  background: #8A0808;
}

fef