support palestine banner
1.0.0
Добро пожаловать в проект Banner Banner Support Banner! Этот репозиторий содержит множество эмблем, которые помогут демонстрировать поддержку Палестины в Интернете, включая баннеры веб -сайтов, баннеры README и значки GitHub, которые могут использоваться проектами OSS для распространения информации, поддержать дело и помочь Палестине в этой катастрофической ситуации.
Чтобы включить показанные баннеры поддержки для использования в собственном проекте-
Найдите конкретный баннер поддержки, который вы хотели бы использовать в разделе «Значки и баннеры» ниже.
Скопируйте и вставьте соответствующий код разметки выбранного баннера в свой файл README и/или любой файл, который поддерживает Markdown в вашем проекте.
Чтобы включить баннер веб -сайта, пожалуйста, обязательно скопируйте фрагмент HTML в разделе «Установка баннера веб -сайта» и вставьте его сразу после открытия тега <body> вашего проекта.
Если вы хотите настроить ссылку в баннере поддержки, просто замените существующую ссылку на нужную ссылку.
Баннер должен отображаться сразу после сохранения изменений. Пожалуйста, смотрите раздел «Устранение неполадок» ниже и/или обращайтесь, если есть какие -либо проблемы с просмотром.
[ ![ 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 )
Эти компоненты из коробки поддерживают
| Функции | |
|---|---|
| ✅ | JavaScript |
| ✅ | Машинопись |
| ✅ | Серверные компоненты |
| ✅ | Отзывчивый |
| ✅ | Закрытый |
| ✅ | Позиционировать липкий или относительный |
Если вы не используете Tailwind, импортируйте этот файл CSS: banner.css
Компоненты можно найти здесь
Используйте этот фрагмент, чтобы показать свою поддержку палестинцам на вершине вашего сайта. Установка занимает минуты.
Этот код добавляет небольшой черный баннер на вашем веб -сайте с палестинским флагом и сообщением о поддержке. Он ссылается на сайт пожертвования исламского рельефа, но вы можете изменить ссылку на то, чтобы указать на канал поддержки по вашему выбору.
Установка мертва проста. Просто скопируйте этот код в свой шаблон сразу после открытия тега <body> .
< 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 >Узнайте больше о пользовательском веб -компоненте здесь.
Вклад в этот проект приветствуются! Если есть что -то, что вы хотели бы добавить в этот репозиторий, нажмите здесь для руководящих принципов взносов.
Если баннер не появляется на вашем сайте?
Решение: дважды проверьте и убедитесь, что вы вставили желаемый HTML -код сразу же после открытия тега <body> . Затем проверьте любые противоречивые ошибки CSS в стилии.
Если текст баннера не читается?
Решение: Найдите вставленный HTML -код и редактируйте свойства CSS для цвета текста и фона, чтобы улучшить контраст.
Уголок SATR14
LGU расписание
Сафуен Турки
Амин Булума
Потрясающий #FreePalestine ?? Поддержка комплекта
Envio Cli
Bixat.dev
Этот проект в настоящее время лицензирован по лицензии MIT. Смотрите файл лицензии для получения подробной информации.
