Archiv der Kategorie: HTML + CSS

Hier ist einfaches HTML + CSS zu finden, wie es für den WP-Anfänger zum Aufbau einer Website brauchbar ist.

Umfrage-Tool! –
WP-Polls, das ist moderne

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. – da ist das Umfrage-Tool “WP-Polls” von Ideal. Für kompetente Admins sind die Einstellungen zur Umfrage die reine Freud. Anders ist das dem Beginn, aber in Einarbeitung dann für alle sehr erfolgreich.

Umfrage-Tool! –
WP-Polls, das ist moderne
weiterlesen

Entwickler-Werkzeug Browser! – so funktioniert’s

Das Browser-Entwickler-Werkzeug ist jedem Browser. Jedoch der Beschrieb vom Entwickler-Werkzeug können sehr langwierig sein und so sind hier dem Beitrag die Anfänge zum Erfolg. Denn im Grunde sind CSS-Elemente und Selektoren eigenständig und schnell zu finden. Weiter kann man dort das CSS bearbeiten und live sehen, wie sich die Website ändert. Also ähnlich wie WordPress Customizer. Das alles ist bebildert, um das optimal zu verwenden.

Zum Beginne! – zur Schlussfolgerung von Elementen und Selektoren braucht es auch in Bildung von praktisch des CSS, um nun zu wissen, was man tut.

“Besucher bleib drauf! – denn das hier,
das ist der Einstieg zum Erfolg”.

Entwickler-Werkzeug Browser! – so funktioniert’s weiterlesen

Mit CSS Hover-Effekt zum Bildwechsel + Audio mit JS

Der Idee sind zwei Bilder hintereinander, wobei das zweite Bild erst mit überfahren der Maus sichtbar wird. Also ein Bild zum anderen. Das ist im Netz den Begriffen wie ‘CSS Bild Hover Effekt’ zu finden. Das geht also mit CSS + HTML. Hier ist das nun ganz kurz auseinandergelegt. Und zwar so, dass dann dem Bild keine Umrandung folgt und gültigen HTML. Weiter ist auch das mit Hover Effekt stylen von @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 mit dem Propeller nicht so ab.

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

WP – Mi­ni­a­tur­bild statt Aufzählungszeichen;
und so auch im Menü?

Der Aufzählungszeichen von Punkten ein Mi­ni­a­tur­bild. Das erfolgt erst mal 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 so des Workflows ist im Nachhinein da die Bildgröße nicht anpassbar. So weiter ist die Definition einer Class und die HTML-Auszeichnung. So bspw dann geht das auch als Menüpunkt mit Image.

WP – Mi­ni­a­tur­bild statt Aufzählungszeichen;
und so auch im Menü?
weiterlesen