support palestine banner
1.0.0
Willkommen beim Support Palästine Banner Project! Dieses Repository enthält eine Vielzahl von Emblemen, die die Unterstützung von Palästina im Web unterstützen - einschließlich Website -Banner, Readme -Banner und Github -Abzeichen -, die von OSS -Projekten verwendet werden können, um das Wort zu verbreiten, die Ursache zu unterstützen und Palästina in dieser katastrophalen Situation zu unterstützen.
Um die gezeigten Support-Banner für die Verwendung in Ihr eigenes Projekt einzubeziehen-
Suchen Sie das spezifische Support -Banner, das Sie aus dem Abschnitt "Abzeichen und Banner" unten verwenden möchten.
Kopieren und fügen Sie den zugehörigen Markdown -Code des ausgewählten Banners in Ihre ReadMe -Datei und/oder eine beliebige Datei ein, die den Markdown in Ihrem Projekt unterstützt.
Um das Website -Banner einzuschließen, kopieren Sie bitte den HTML -Snippet aus dem Abschnitt "Website -Banner -Installation" und fügen Sie es gleich nach dem Eröffnungs -Tag der HTML <body> Ihres Projekts ein.
Wenn Sie den Link im Support -Banner anpassen möchten, ersetzen Sie einfach den vorhandenen Link durch Ihren gewünschten Link.
Das Banner sollte unmittelbar nach dem Speichern von Änderungen angezeigt werden. Weitere Informationen finden Sie im Abschnitt "Fehlerbehebung" unten und/oder erreichen Sie, ob Probleme beim Betrachten vorliegen.
[ ![ StandWithPalestine ] ( https://raw.githubusercontent.com/Safouene1/support-palestine-banner/master/StandWithPalestine.svg )] ( https://github.com/Safouene1/support-palestine-banner/Markdown-pages/Support.md ) [ ![ ReadMeSupportPalestine ] ( https://raw.githubusercontent.com/Safouene1/support-palestine-banner/master/banner-support.svg )] ( https://github.com/Safouene1/support-palestine-banner/Markdown-pages/Support.md ) [ ![ ReadMeSupportPalestine ] ( https://raw.githubusercontent.com/Safouene1/support-palestine-banner/master/banner-project.svg )] ( https://github.com/Safouene1/support-palestine-banner/Markdown-pages/Support.md )
Diese Komponenten außerhalb der Box unterstützt
| Merkmale | |
|---|---|
| ✅ | JavaScript |
| ✅ | Typoskript |
| ✅ | Serverkomponenten |
| ✅ | Reaktionsschnell |
| ✅ | Verschließbar |
| ✅ | Position klebrig oder relativ positionieren |
Wenn Sie Tailwind nicht verwenden, importieren Sie diese CSS -Datei: Banner.css
Komponenten finden Sie hier
Verwenden Sie diesen Snippet, um Ihre Unterstützung für Palästinenser auf Ihrer Website zu zeigen. Die Installation dauert Minuten.
Dieser Code fügt ein kleines schwarzes Banner auf Ihrer Website mit palästinensischer Flagge und Support -Nachricht hinzu. Es ist mit der Spendenseite des islamischen Reliefs verbunden, aber Sie können den Link auf einen Support-Kanal Ihrer Wahl ändern.
Die Installation ist tot einfach. Kopieren Sie diesen Code einfach nach dem <body> -Tag in Ihrer Vorlage.
< style >
body {
margin-top: 35px;
}
.support-palestine,
.support-palestine:visited {
position: absolute;
left: 0;
top: 0;
right: 0;
background: rgb(0, 0, 0);
display: flex;
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
z-index: 10000;
text-decoration: none;
font-family: arial;
}
.support-palestine:hover,
.support-palestine:active {
background: black;
display: flex;
background: rgb(80, 80, 80);
text-decoration: none;
}
.support-palestine__flag {
margin-right: 10px;
}
.support-palestine__label {
color: white;
font-size: 12px;
line-height: 24px;
}
.background {
background: darkgreen;
height: 21px;
}
.top {
background: black;
width: 40px;
height: 8px;
z-index: 1;
}
.middle {
background: white;
width: 100%;
height: 8px;
z-index: 1;
}
.triangle {
background: auto;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 20px solid red;
z-index: 2;
position: relative;
top: -16px;
left: 0;
}
</ style >
< a
class =" support-palestine "
href =" https://www.islamic-relief.org.uk/giving/appeals/palestine/ "
target =" _blank "
rel =" nofollow noopener "
title =" Donate to support palestine "
>
< div
class =" support-palestine__flag "
role =" img "
aria-label =" Flag of palestine "
>
< div class =" background " >
< div class =" top " > </ div >
< div class =" middle " > </ div >
< div class =" triangle " > </ div >
</ div >
</ div >
< div class =" support-palestine__label " > Donate to support Palestine </ div >
</ a >Lesen Sie hier mehr über die benutzerdefinierte Webkomponente.
Beiträge zu diesem Projekt sind willkommen! Wenn Sie diesem Repository etwas hinzufügen möchten, klicken Sie hier, um die Richtlinien für die Beitrags zu erhalten.
Wenn das Banner nicht auf Ihrer Website angezeigt wird?
Lösung: Überprüfen Sie und stellen Sie sicher, dass Sie den gewünschten HTML -Code unmittelbar nach dem Öffnen <body> -Tag eingefügt haben. Überprüfen Sie dann nach widersprüchlichen CSS -Fehlern im Styling.
Wenn der Text des Banners nicht lesbar ist?
Lösung: Suchen Sie den eingefügten HTML -Code und bearbeiten Sie die CSS -Eigenschaften für die Farbe von Text und Hintergrund, um den Kontrast zu verbessern.
Satr14 -Ecke
LGU -Zeitplan
Safouen Turki
Amin Boulouma
Super #FreePalestine? Support -Kit
Envio Cli
Bixat.dev
Dieses Projekt ist derzeit im Rahmen der MIT -Lizenz lizenziert. Weitere Informationen finden Sie in der Lizenzdatei.
