Powered by NC-websites

V317-00

Deze powered by hangt aan de navbar en moet apart in de Config aangezet worden. Kopieer onderstaande CSS voor een standaard opmaak.

Hoe te gebruiken?

Onderstaande php Config moet aangepast worden naar de gewenste waarden voor een goede implementatie.

Voorvertoning

Alvast beginnen met een basis opmaak?

PHP
Kopiërenpublic $navbar = [
	'powered-by' => [
		'enabled' => false,
		'dark-mode' => true,
		'link' => null,
	],
];

CSS
Kopiëren.powered-by-ncwebsites {
	position: absolute;
	left: 0.5rem;
	width: 10rem;
	background-color: #01122B;
	border-bottom-left-radius: var(--panel-radius);
	border-bottom-right-radius: var(--panel-radius);
	padding: .6rem .6rem .5rem .6rem;
}

.powered-by-ncwebsites .fa::before {
	font-size: .8rem;
}

@media screen and (min-width: 768px) {
	.powered-by-ncwebsites {
		left: 1rem;
		width: 13rem;
		padding: .8rem .8rem .5rem .8rem;
	}

	.powered-by-ncwebsites .fa::before {
		font-size: .9rem;
	}
}

@media screen and (min-width: 992px) {
	.powered-by-ncwebsites {
		left: 1.5rem;
		width: 16rem;
		padding: 1rem 1rem .5rem 1rem;
	}

	.powered-by-ncwebsites .fa::before {
		font-size: 1rem;
	}
}