nextab’s gists

nextab / Mehrzeiligen Text mit Hintergrundfarbe hervorheben

Created May 17, 2022 09:11

Dieses Snippet ermöglicht es, Text innerhalb einer Sektion mit der Klasse .image-perspective-right mit Hintergrundfarbe zu hinterlegen.

	.image-perspective-right .et_pb_module.et_pb_text .et_pb_text_inner {
	line-height: 2;
	}
	.image-perspective-right .et_pb_module.et_pb_text p {
	padding-bottom: 0.7rem;
	}
	.image-perspective-right .et_pb_module.et_pb_text .inner {
	background-color: #fff;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;

nextab / Automatisches wrapping von Text innerhalb eines p-Paragraphs mit span-Tags.js

Created May 17, 2022 09:12

Innerhalb einer Sektion mit der Klasse .image-perspective-right werden automatisch alle p-Tags innerhalb des divs mit der Klasse .et_pb_text_inner um span-Tags mit der Klasse .inner erweitert.

	let highlightText = document.querySelectorAll('.image-perspective-right');
	for(let i=0; i<highlightText.length; i++){
	let textToWrap = highlightText[i].querySelectorAll('.et_pb_text_inner p');
	console.log(textToWrap);
	for (let j=0; j<textToWrap.length; j++) {
	textToWrap[j].innerHTML = '<span class="inner">' + textToWrap[j].innerHTML + '</span>';
	}
	}

nextab / References

Last active May 17, 2022 14:50

	# 2022:
	https://zauberohr.de

	# 2021:
	https://leichterfuehren.com/
	https://jobstyle.ch/
	https://cedura.de/
	https://heddalauer.com/

	# 2020:

nextab / functions.php

Last active June 22, 2024 22:18

Clean Up WP Admin Bar

	#region Clean Up WP Admin Bar
	function remove_admin_bar_links() {
	global $wp_admin_bar;
	$wp_admin_bar->remove_menu('wp-logo'); // Remove the Wordpress logo + sub links
	// $wp_admin_bar->remove_menu('site-name'); // Remove the site name menu
	// $wp_admin_bar->remove_menu('view-site'); // Remove the view site link
	// $wp_admin_bar->remove_menu('updates'); // Remove the updates link
	// $wp_admin_bar->remove_menu('comments'); // Remove the comments link
	// $wp_admin_bar->remove_menu('new-content'); // Remove the content link
	// $wp_admin_bar->remove_menu('my-account'); // Remove the user details tab

nextab / Upload-Filter für Non-Admins (Bilder < 1 MB).php

Last active June 9, 2022 14:33

Dieser Filter verbietet es Nicht-Admins Bilder, die größer als 1 MB sind, hochzuladen. Zudem werden alle von Nicht-Admins hochgeladenen Bilder (die nicht größer als 1 MB sind) mit der user-ID des jeweiligen Users im Dateinamen versehen.

	#region Upload Filter
	function edg_upload_filters_max_image_file_size( $file ) {
	// File Size Limit in KB (1024 => 1 MB)
	$file_size_limit = 1024;
	$current_size = $file['size'];
	$current_size = $current_size / 1024;
	$is_image = (strpos( $file['type'], 'image' ) !== false) ? true : false;
	if ( ! current_user_can( 'manage_options' ) && $is_image ) {
	if ( $current_size > $file_size_limit ) {
	$file['error'] = 'Bilder dürfen max. ' . $file_size_limit / 1024 . ' MB groß sein.';

nextab / Beispielcode für PC Doc Berlin.html

Created June 23, 2022 11:02

Watch the Stream!

	// HTML:

	<div style="width: 100%;/! grid-column: 1 / span 4; /">
	<input type="checkbox" id="menu_trigger" name="menu_trigger">
	<label for="menu_trigger"></label>
	<nav>
	<!-- Menü -->
	<a href="index.php" class="navi"><b>Startseite</b></a>
	<a href="index.php?list=40" class="navi">Dienstleistungen</a>
	<a href="index.php?list=35" class="navi">Notebooks Gebraucht</a>

nextab / Contact Form 7 - CF7 Styling-Vorlage.scss

Created June 29, 2022 07:10

Mit Hilfe dieser Vorlage ist es auf einfache Art möglich, Kontaktformulare, die über das Plugin Contact Form 7 erzeugt wurden, schöner zu gestalten.

	:root {
	--button-background-color: #000;
	--button-border-radius: 0;
	--button-border: 2px solid #000;
	--button-box-shadow: none;
	--button-color: #fff;
	--button-font-family: inherit;
	--button-font-size: 1.2rem;
	--button-font-weight: 400;
	--button-hover-background-color: transparent;

nextab / CF7 Styling-Vorlage 1 (transparenter Hintergrund, keine abgerundeten Ecken, schwarze Umrandungen).css

Last active June 29, 2022 07:16

	:root {
	--button-background-color: #000;
	--button-border-radius: 0;
	--button-border: 2px solid #000;
	--button-box-shadow: none;
	--button-color: #fff;
	--button-font-family: inherit;
	--button-font-size: 1.2rem;
	--button-font-weight: 400;
	--button-hover-background-color: transparent;

nextab / CF7 Styling-Vorlage #2 (transparenter Hintergrund, abgerundete Ecken, schwarze Umrandungen).css

Created June 29, 2022 07:14

	:root {
	--button-background-color: #000;
	--button-border-radius: 25px;
	--button-border: 2px solid #000;
	--button-box-shadow: none;
	--button-color: #fff;
	--button-font-family: inherit;
	--button-font-size: 1.2rem;
	--button-font-weight: 400;
	--button-hover-background-color: transparent;

nextab / CF7 Styling-Vorlage #3 (hellgrauer Hintergrund, keine Umrandungen, keine abgerundeten Ecken, Umrandungen bei Fokus).css

Created June 29, 2022 07:18

	:root {
	--button-background-color: #000;
	--button-border-radius: 0;
	--button-border: 2px solid #000;
	--button-box-shadow: none;
	--button-color: #fff;
	--button-font-family: inherit;
	--button-font-size: 1.2rem;
	--button-font-weight: 400;
	--button-hover-background-color: transparent;

nexTab - Oliver Gehrmann nextab