CSS Snippets

 

Tutorials: CSS School

 

cssregeln

 

W3Schools ist ein Online-Dienst, mit dem sich Webtechniken erlernen lassen (CSS). Es gibt kostenlose Tutorials, Übungen und Referenzen.

http://www.w3schools.com/css/

Tatsturbelegung für geschweifte Klammer: { }
MAC: Geschwungene Klammer Mac: Alt + 8 bzw. Alt + 9
PC: [ALT GR]7 bzw. [ALT GR]0


 

Tutorials: CSS Snippets

 

Specials:

Astra CSS Snippets
GeneratePress CSS Snippets


 

 

Link

a {
     color: red;
}

Link bei Mouse Over

a:hover {
   color: blue;
}

Link unterstrichen oder nicht:
   text-decoration: none;
   text-decoration: underline;

 

My Sticky Menu – Hide on scroll down
Plugin: Sticky Menu on Scroll, Sticky Header

 

Astra – CSS Code Sticky Header

 

CSS code for für Full-Screen Background-Bild

CSS code for für Full-Screen Background-Bild auf Kategorie-Seite

 

 

WP Youtube Lite
Bei manchen Themes ist der Abstand der Videos zu gross. Vielleicht hilft das.

oder bei Gutenberg:

 

Kategorie-Titel nicht anzeigen

 

Abstand nach Zeile zur nächsten

 

Gutenberg Bildergalerie Var. 1
Bildunterschrift unter Thumbnails

 

Gutenberg Bildergalerie Var. 2
Bildunterschrift unter Thumbnails

 

Gutenberg Bildergalerie
Einzelnes Bild Mobil 100% breit

 

Mauszeiger bei Menülink nicht wechseln
zB wenn ein Untermenü angezeigt werden soll, der Haupt Menüeintrag aber nicht anklickbar sein soll.

 

Beitragsbild in Detailseite Beitrag nicht anzeigen
bei 2.Klasse entsprechende eintragen

 

Bilder Align (zB float right) aufheben
In Text-Ebene einfügen

 

 

Fixierte Menü-Leiste
Fixiertes Menü per CSS (Klasse lautet ev. anders)

 

 

Fixierter Parallaxe Background
Site Origin Page Builder -> Zeile Gesamte Breite gestreckt ->Hintergrundbild -> Parallaxe
Bei Zeile bearbeiten -> Attribute – CSS Style eintragen zB: height:450px

 

Resonsive Vimeo Video
in Beitrag / Textebene

in Custom CSS

 

Enfold Feinanpassungen
Schrift im Menü dünner (font-weight)

 

Maximale Dateigröße für Uploads erhöhen
Plugin: WP Htaccess Editor

 

CSS Angabe für einzelne Seite (mit Seiten-ID)

 

Use one image to link to WordPress galleries (Artikel)

 

Elmastudio – Ubud
Beitragsseite ohne Beitragsbild:

Info Text löschen:

Beitrag ganze Breite:

Überschrift bei Kategorien ausblenden:

 

Elmastudio – Cocoa
Beitragsbilder Mobil-Version anzeigen:

 

mb.YTPlayer (Full Video Background)
Overlay Text recjts ausblenden

 

 

Enfold – Post / Portfolio -> nächster Beitrag auf rechter Seite anzeigen (nicht links)

Enfold – Beitragsbild auf Einzel-Blogseite nicht anzeigen

Enfold – Vertikal Menü Linke Seite – Submenüs permanent anzeigen

Enfold – Post Previous/Next – eigenes Icon

 

 

Elmastudio – Black Walnut theme – Logo Zentriert

Elmastudio – Black Walnut theme – Logo Rechts

 

Arnold – Titel und Text untereinander

 

Eigene CSS-Angaben für Mobil Version

 

Eigene CSS-Klassen

Dieser Text erscheint in einer grünen Box

in Beitrag/Seite in html Ebene (Reiter Text)
<div class=”box”>Dieser Text erscheint in einer grünen Box</div>

in custom.css

 

Element Vertikal zentrieren

 

mb.YTPlayer for background videos – Logo ausblenden

 

Foo Gallery bei Lightbox Rahmen und Schatten entfernen

 

Navigation FontSize Fade in/out bei MouseOver (Hoover)

 

Enfold – remove all the animation from the masonry gallery (Fly In)

 

 

html – CSS: Übungsseite

 

index.html

 

style.css

 

 

Elmastudio moka

 

 

 

htaccess in “All in one wp migration” Ordner (wp-content/ai1wm-backups)

 

WordPress- Fehlermeldung „Internal Server Error“
The server encountered an internal error or misconfiguration and was unable to complete your request. Your administrator may not have enabled CGI access for this directory.

https://www.egm.at/weblog/wordpress-duplicator-erzeugt-auf-world4you-die-fehlermeldung-internal-server-error-hier-die-loesung/

Test-Download
https://www.waefler.at/wp2016/wp-content/ai1wm-backups/www.waefler.at-wp2016-20170108-112327-203.wpress

 

Für S.S.