HaSi digital supporten: Das „HaSi bleibt!“ Support Band

Wenn ihr eine eigene Homepage besitzt, könnt ihr als Zeichen eures Supports unser „HaSi bleibt !“ Support Band in eure Website einbinden. Eine Demo befindet sich auf dieser Seite oben rechts in der Ecke. Hierfür müsst ihr folgenden HTML-Code auf eurer Hompage einbinden:

<a target='_blank' class='hasi-bleibt-ribbon' href='https://hafenstrasse7.noblogs.org/hasi-bleibt/'><img src='https://hafenstrasse7.noblogs.org/files/2018/01/hasi-bleibt-ribbon.png' alt='HaSi bleibt!' style='position: fixed; top: 0; right: 0; z-index: 100000; cursor: pointer; box-shadow: none; border: none; padding: 0; margin: 0;'/></a>

Anmerkung:
Das „HaSi bleibt!“ Band funktioniert auch mit WordPress basierten Bloganbietern wie blogsport.de, noblogs.org, blackblogs.org u.a. (und womöglich vielen anderen Plattformen). Fügt den Code von oben einfach in einen Post oder bei der Erstellung einer Seite ein (Vorsicht: Content-Management-Systeme wie WordPress bieten häufig einen visuellen Editor um die Eingabe zu erleichtern. Dieser muss so eingestellt sein, dass reiner HTML-Code akzeptiert wird – z.B. in WordPress im Editor oben rechts von „Visuell“ auf „Text“ umschalten).
Sollte das Bild auf eurer Seite erscheinen, jedoch nicht wie erwartet in der oberen rechten Ecke, dann filtert euer System wahrscheinlich die inline CSS Angaben. Bei einigen Plattformen habt ihr jedoch die Möglichkeit, die CSS Informationen in ein Stylesheet einzutragen. So könnt ihr bspw. bei WordPress basierten Seiten unter dem Menüpunkt Design -> „Individuelles CSS“ folgenden CSS-Code nachtragen:

a.hasi-bleibt-ribbon img {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100000;
	padding: 0;
	margin: 0;
	border: none;
	box-shadow: none;
}