Strona głównaMateriały promocyjne na stronę

Materiały promocyjne na stronę

ID	Nazwa	Kod do skopiowania
1	Logo strony ver. 1	<br /> <a href="https://przemyska.pl/" target="_blank"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTEiIGhlaWdodD0iNTkiIHZpZXdCb3g9IjAgMCAzMTEgNTkiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="311" height="59" decoding="async" data-src="https://przemyska.pl/promocja/logo-gorne-male.png" alt="Archidiecezja Przemyska" style="max-width: 100%; height: auto;"></a><br />
2	Logo strony ver. 2	<br /> <a href="https://przemyska.pl/" target="_blank"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTEiIGhlaWdodD0iMTM2IiB2aWV3Qm94PSIwIDAgMzExIDEzNiI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="311" height="136" decoding="async" data-src="https://przemyska.pl/promocja/logo-dolne-male.png" alt="Archidiecezja Przemyska" style="max-width: 100%; height: auto;"></a><br />
3	Jubileusz 2025 ver. 1	<br /> <a href="https://przemyska.pl/jubileusz-2025/" target="_blank"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTEiIGhlaWdodD0iOTAiIHZpZXdCb3g9IjAgMCAzMTEgOTAiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="311" height="90" decoding="async" data-src="https://przemyska.pl/promocja/Jubileusz2025AP-logo.png" alt="Archidiecezja Przemyska" style="max-width: 100%; height: auto;"></a><br />
4	Jubileusz 2025 ver. 2	<br /> <a href="https://przemyska.pl/jubileusz-2025/" target="_blank"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTEiIGhlaWdodD0iMTY4IiB2aWV3Qm94PSIwIDAgMzExIDE2OCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6I2NmZDRkYjtmaWxsLW9wYWNpdHk6IDAuMTsiLz48L3N2Zz4=" width="311" height="168" decoding="async" data-src="https://przemyska.pl/promocja/bannerek-jubileusz.png" alt="Archidiecezja Przemyska" style="max-width: 100%; height: auto;"></a><br />
5	Jubileusz 2025 ver. 3	<br /> <a href="https://przemyska.pl/jubileusz-2025/" target="_blank"><img data-lazyloaded="1" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMTEiIGhlaWdodD0iNTgiIHZpZXdCb3g9IjAgMCAzMTEgNTgiPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHN0eWxlPSJmaWxsOiNjZmQ0ZGI7ZmlsbC1vcGFjaXR5OiAwLjE7Ii8+PC9zdmc+" width="311" height="58" decoding="async" data-src="https://przemyska.pl/promocja/header-jubileusz.png" alt="Archidiecezja Przemyska" style="max-width: 100%; height: auto;"></a><br />
6	Facebook Page	<br /> <iframe data-lazyloaded="1" src="about:blank" loading="lazy" data-litespeed-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Farch.przemyska&tabs=small_header&width=300&height=130&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=false&appId" width="300" height="130" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe><br />

Ostatnie wpisy ze strony Archidiecezji Przemyskiej (przemyska.pl)

Poniżej prezentujemy przykład na wyświetlanie najnowszych publikacji, informacji ze strony Archidiecezji, które można zamieścić na swojej parafialnej stronie internetowej. Pod prezentowanym modelem znajduje się kod html do skopiowania i wklejenia na stronie. Można modyfikować styl i sposób wyświetlania wpisów. W przykładzie używamy siatki z pięcioma elementami. Można wyświetlać wpisy w formie kolumny, listy lub siatki oraz dostosować ilość wpisów do potrzeb.

W razie problemów oraz jeśli zajdzie potrzeba personalizacji prosimy o kontakt z tech.przemyska@gmail.com.

Kod do kopiowania na swoją stronę

    <style>
        #rss-feed {
            display: grid;
            grid-template-columns: repeat(3, 1fr); /* Trzy kolumny */
            gap: 20px; /* Odstęp między elementami */
            font-family: Arial, sans-serif;
        }
        .rss-item {
            border: 1px solid #ccc;
            padding: 10px;
            border-radius: 5px;
            overflow: hidden; /* Zapobiega przepełnieniu */
            display: flex; /* Umożliwia elastyczne rozmieszczenie zawartości */
        }
        .rss-item img {
            float: left; /* Wyrównanie do lewej */
            margin-right: 10px; /* Odstęp między obrazkiem a tekstem */
            width: 150px; /* Ustawienie szerokości obrazka */
            height: auto; /* Automatyczna wysokość */
        }
        .rss-item h3 {
            margin: 0 0 10px;
        }
    </style>

<div id="rss-feed"></div>

<script>
async function fetchRSS() {
    const response = await fetch('https://przemyska.pl/feed/');
    const text = await response.text();
    const parser = new DOMParser();
    const xml = parser.parseFromString(text, 'text/xml');
    const items = xml.querySelectorAll('item');
    const feedContainer = document.getElementById('rss-feed');
    feedContainer.innerHTML = ''; // Wyczyść kontener

    // Wyświetl ostatnie 5 wpisów
    for (let i = 0; i < Math.min(items.length, 5); i++) {
        const title = items[i].querySelector('title').textContent;
        const link = items[i].querySelector('link').textContent;
        const imageUrl = items[i].querySelector('image') ? items[i].querySelector('image').textContent : ''; // Sprawdź, czy jest obrazek
        const description = items[i].querySelector('description').textContent; // Pobierz zajawkę

        feedContainer.innerHTML += `
            <div class="rss-item">
                ${imageUrl ? `<img src="${imageUrl}" alt="${title}">` : ''}
                <div>
                    <h3><a href="${link}" target="_blank">${title}</a></h3>
                    <p>${description}</p> <!-- Zajawka -->
                </div>
            </div>
        `;
    }
}

// Wywołaj funkcję po załadowaniu strony
window.onload = fetchRSS;
</script>

powrót do strony domowej

Materiały promocyjne na stronę

Ostatnie wpisy ze strony Archidiecezji Przemyskiej (przemyska.pl)

Kod do kopiowania na swoją stronę

DANE ADRESOWE

REDAKCJA STRONY

POLITYKA STRONY

O NAS