Archiv der 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.

Umfrage erstellen! – mit
WP-Polls, das ist perfekt

Das welches des CMS WordPress der Erfolg ist, weil es lebt. Gemeint ist das so von Kommentar über Feedback-Plug-in hier auch zu einem Umfrage-Formular. Fröhliches WP-Polls! Für kompetente Admins sind die Einstellungen die reine Freud.  Anders ist das dem Beginner, aber in Einarbeitung dann erfolgreich. – Nun für WordPress der Moderne! – da ist das Plug-in WP-Polls von Ideal.
Umfrage erstellen! – mit
WP-Polls, das ist perfekt
weiterlesen

Browserkonsole
CSS Selektor, ID finden usw.

Da und dort ist es sehr gefragt, die Browserkonsole in welche CSS-Class so Elemente des Themes zu definieren sind. Statt Suchen der Begriffe in Suchmaschinen ist das eigenständig und schnell zu finden. Jedoch der Browserkonsole von Beschrieb können des Beginns sehr langwierig sein und so sind hier dem Beitrag die Anfänge des Entwicklerwerkzeuges zum Erfolg. Somit auch von Beispielen bebildert mit Edge Browser von Microsoft, Browser-Chrome und Safari. – zur Schlussfolgerung von Selektoren braucht es auch der praktischen Erfahrung.

Browserkonsole
CSS Selektor, ID finden usw.
weiterlesen

Mit CSS Hover-Effekt zum Bildwechsel + Audio mit JS

Die Idee zwei Bilder hintereinander und somit das nächst Bild erst mit überfahren der Maus sichtbar ist. Also ein Bild zum anderen. Das ist im Netz den Begriffen wie 'CSS Bild Hover Effekt' zu finden. So einfach und leicht ist da der Durchblick nicht. … Das geht so mit CSS + HTML. Hier ist das nun ganz kurz auseinandergelegt. Und zwar so, dass dann dem Bild keine Umrandung folgt und gültigen HTML. Das ist erst mal Mithilfe von Internet-Freund! – so darf ich auch mein Dankeschön kundtun. Im Folgenden auch das mit Hover Effekt stylen @keyframes und Audio + JS.

k-images_wolken.banner-kl-1-2
k-images_wolken.banner-kl-2-2

Wolken k-images, Doppeldecker OpenClipart-Vectors u. Audio salamisound.
Missfallen: Browser 'Firefox' kann das nicht so ab.

Mit CSS Hover-Effekt zum Bildwechsel + Audio mit JS weiterlesen

Ein Mi­ni­a­tur­bild statt das Aufzählungszeichen; so auch im Menü?

Anstatt der Aufzählungszeichen ein Mi­ni­a­tur­bild. Der Erstellung von kleinem Bild in fixer Größe. So Bild PNG  oder SVG ab etwa 15px mal 15px. Dessen ist dann der Bearbeitung bspw. mit Boxy SVG in fixer Größe (also nicht Responsive) abzuspeichern. Denn im Nachhinein ist da die Bildgröße nicht anpassbar. So weiter ist die Definition einer Class und die HTML-Auszeichnung. Bspw geht das auch als Menüpunkt mit Image.

Ein Mi­ni­a­tur­bild statt das Aufzählungszeichen; so auch im Menü? weiterlesen

Externe Links mit Icon – Base64 oder SVG

Zur Dekoration für Links eignet sich ein Dashicon. Hier ist ein Dashicon vorgestellt, welches dieser Website visuell ist. Damit folgt die Beschreibung wie das mit base64 oder einem SVG zu bewerkstelligen ist.

Base64

Das Icon oder Dashicon mit base64, bestens beschrieben: Was ist Base64 und was bringt es?

Weiter geht es hier in diesem Beitrage darum, ein Icon mit base64 für externe Links zu erstellen. Hierzu ist das Icon entliehen von der Website flaticon.com/free-icon.

Externe Links mit Icon – Base64 oder SVG weiterlesen