Newsletter 2.0.1 pour Dle

DarkLane

•

Mardi 21 Mai, 2024 17:49

188 Vues

•

3 Commentaires

Description Gallerie Installation Téléchargement

Une petite mise à jour du module dont la version précédente a été publiée plus tôt et conçue pour intégrer facilement les formulaires d'abonnement à votre site internet.

Avec ce module pour DLE 15.x 17.x, vous pouvez facilement gérer et envoyer des abonnements à vos abonnés, les tenant informés des dernières mises à jour, promotions et contenus. Module puissant et convivial conçu pour intégrer facilement les formulaires d'abonnement à votre site Web, il offre une solution unique pour collecter et gérer les informations sur les abonnés.

Dans cette version:
* Ajout d'un nouveau formulaire d'abonnement qui utilise une fenêtre contextuelle
* Ajout d'une nouvelle balise [close]...[/close] masquant le formulaire d'abonnement
* Ajout de méthodes améliorées pour l'envoi d'e-mails
* Ajout d'un nouveau modèle de courrier
* Fonctionnalité ajoutée pour supprimer ou désactiver un utilisateur
* Panneau de commande du module mis à jour
* Subscribe.php mis à jour/corrigé

Installation:
* Téléchargez le plug-in.
* Ajoutez ce code à l'endroit où vous souhaitez afficher le formulaire d'abonnement

{include file="engine/modules/ticcix/subscribe.php"}

Prêt!

Le formulaire d'abonnement peut être modifié dans le fichier Subscribe.tpl . et la popup d'abonnement dans le fichier Subscribepopup.tpl .

Afficher/Masquer le texte

<!doctype html>
<html lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{%hometitle%}</title>
    <style media="all" type="text/css">
        /* -------------------------------------
    GLOBAL RESETS
------------------------------------- */

        body {
            font-family: Helvetica, sans-serif;
            -webkit-font-smoothing: antialiased;
            font-size: 16px;
            line-height: 1.3;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%;
        }

        table {
            border-collapse: separate;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
            width: 100%;
        }

        table td {
            font-family: Helvetica, sans-serif;
            font-size: 16px;
            vertical-align: top;
        }

        /* -------------------------------------
    BODY & CONTAINER
------------------------------------- */

        body {
            background-color: #f4f5f6;
            margin: 0;
            padding: 0;
        }

        .body {
            background-color: #f4f5f6;
            width: 100%;
        }

        .container {
            margin: 0 auto !important;
            max-width: 600px;
            padding: 0;
            padding-top: 24px;
            width: 600px;
        }

        .content {
            box-sizing: border-box;
            display: block;
            margin: 0 auto;
            max-width: 600px;
            padding: 0;
        }

        /* -------------------------------------
    HEADER, FOOTER, MAIN
------------------------------------- */

        .main {
            background: #ffffff;
            border: 1px solid #eaebed;
            border-radius: 16px;
            width: 100%;
        }

        .wrapper {
            box-sizing: border-box;
            padding: 24px;
        }

        .footer {
            clear: both;
            padding-top: 24px;
            text-align: center;
            width: 100%;
        }

        .footer td,
        .footer p,
        .footer span,
        .footer a {
            color: #a69d9a;
            font-size: 16px;
            text-align: center;
        }

        .footer a {
            text-decoration: none;
            /* Remove default underline */
            position: relative;
            /* Position relative for absolute positioning */
        }

        .footer a::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -2px;
            /* Adjust the distance of underline from text */
            width: 100%;
            height: 2px;
            /* Thickness of the underline */
            background-color: blue;
            /* Color of the underline */
            transform: scaleX(0);
            /* Initially, the underline is invisible */
            transform-origin: bottom right;
            /* Origin of the transformation */
            transition: transform 0.3s ease-out;
            /* Animation transition */
        }

        .footer a:hover::after {
            transform: scaleX(1);
            /* Scale the underline to full width on hover */
            transform-origin: bottom left;
            /* Change the origin for smooth animation */
        }

        /* -------------------------------------
    TYPOGRAPHY
------------------------------------- */

        p {
            font-family: Helvetica, sans-serif;
            font-size: 16px;
            font-weight: normal;
            margin: 0;
            margin-bottom: 16px;
        }

        a {
            color: #0867ec;
            text-decoration: underline;
        }

        /* -------------------------------------
    BUTTONS
------------------------------------- */

        .btn {
            box-sizing: border-box;
            min-width: 100% !important;
            width: 100%;
        }

        .btn>tbody>tr>td {
            padding-bottom: 16px;
        }

        .btn table {
            width: auto;
        }

        .btn table td {
            background-color: #ffffff;
            border-radius: 4px;
            text-align: center;
        }

        .btn a {
            background-color: #ffffff;
            border: solid 2px #0867ec;
            border-radius: 4px;
            box-sizing: border-box;
            color: #0867ec;
            cursor: pointer;
            display: inline-block;
            font-size: 16px;
            font-weight: bold;
            margin: 0;
            padding: 12px 24px;
            text-decoration: none;
            text-transform: capitalize;
        }

        .btn-primary table td {
            background-color: #0867ec;
        }

        .btn-primary a {
            background-color: #0867ec;
            border-color: #0867ec;
            color: #ffffff;
        }

        @media all {
            .btn-primary table td:hover {
                background-color: #ec0867 !important;
            }

            .btn-primary a:hover {
                background-color: #ec0867 !important;
                border-color: #ec0867 !important;
            }
        }

        /* -------------------------------------
    OTHER STYLES THAT MIGHT BE USEFUL
------------------------------------- */

        .last {
            margin-bottom: 0;
        }

        .first {
            margin-top: 0;
        }

        .align-center {
            text-align: center;
        }

        .align-right {
            text-align: right;
        }

        .align-left {
            text-align: left;
        }

        .text-link {
            color: #0867ec !important;
            text-decoration: underline !important;
        }

        .clear {
            clear: both;
        }

        .mt0 {
            margin-top: 0;
        }

        .mb0 {
            margin-bottom: 0;
        }

        .preheader {
            color: transparent;
            display: none;
            height: 0;
            max-height: 0;
            max-width: 0;
            opacity: 0;
            overflow: hidden;
            mso-hide: all;
            visibility: hidden;
            width: 0;
        }

        .powered-by a {
            text-decoration: none;
        }

        /* -------------------------------------
    RESPONSIVE AND MOBILE FRIENDLY STYLES
------------------------------------- */

        @media only screen and (max-width: 640px) {

            .main p,
            .main td,
            .main span {
                font-size: 16px !important;
            }

            .wrapper {
                padding: 8px !important;
            }

            .content {
                padding: 0 !important;
            }

            .container {
                padding: 0 !important;
                padding-top: 8px !important;
                width: 100% !important;
            }

            .main {
                border-left-width: 0 !important;
                border-radius: 0 !important;
                border-right-width: 0 !important;
            }

            .btn table {
                max-width: 100% !important;
                width: 100% !important;
            }

            .btn a {
                font-size: 16px !important;
                max-width: 100% !important;
                width: 100% !important;
            }
        }

        /* -------------------------------------
    PRESERVE THESE STYLES IN THE HEAD
------------------------------------- */

        @media all {
            .ExternalClass {
                width: 100%;
            }

            .ExternalClass,
            .ExternalClass p,
            .ExternalClass span,
            .ExternalClass font,
            .ExternalClass td,
            .ExternalClass div {
                line-height: 100%;
            }

            .apple-link a {
                color: inherit !important;
                font-family: inherit !important;
                font-size: inherit !important;
                font-weight: inherit !important;
                line-height: inherit !important;
                text-decoration: none !important;
            }

            #MessageViewBody a {
                color: inherit;
                text-decoration: none;
                font-size: inherit;
                font-family: inherit;
                font-weight: inherit;
                line-height: inherit;
            }
        }
    </style>
</head>

<body>
    <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="body">
        <tr>
            <td>&nbsp;</td>
            <td class="container">
                <div class="content">

                    <span class="preheader">{%hometitle%}  - {%subject%}</span>
                    <table role="presentation" border="0" cellpadding="0" cellspacing="0" class="main">

                        <tr>
                            <td class="wrapper">
                                {%content%}
                            </td>
                        </tr>

                    </table>

                    <div class="footer">
                        <table role="presentation" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="content-block">
                                    <span class="apple-link">All rights reserved. <a
                                            href="{%homeurl%}">{%hometitle%}</a> - {%date%}</span>
                                    <br> Don't like these emails? <a href="{%unsubscribe%}">Unsubscribe</a>.
                                </td>
                            </tr>
                            <tr>
                                <td class="content-block powered-by">
                                    Powered by <a href="http://Ticcix.com">Ticcix.com</a> ❤️
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </td>
            <td>&nbsp;</td>
        </tr>
    </table>
</body>

</html>

Les visiteurs du groupe Invités ne peuvent pas télécharger de fichiers sur le site.
Connectez-vous au site avec votre identifiant et mot de passe ou si vous êtes un nouvel utilisateur suivez le processus d'inscription sur le site.

Auteur:
Version DLE: 17.0
Type de motif:
Couleur:
Mise en page:
Largeur:
Champs Supplèmentaires: Non
Compatibilité:
Archive:

• Auteur: Ticcix
• Version DLE: 15.x à 17.x
• Interface: Anglais, Français

Remerciement:

DarkLane

Rédacteur de l'article

A propos

Signature

N'importe qui peut critiquer.
Créer quelque chose qui sera critiqué n'est pas donné à tout le monde.

Information

Les visiteurs appartenant au groupe Invités ne peuvent pas laisser de commentaires sur cette publication.

Dimanche 22 Juin, 2025 18:09

DarkLane

Mercredi 18 Juin 2025 9:44:35, v.k a écrit :

L'e-mail d'abonnement apparaît dans le panneau d'administration, mais le bouton de suppression ne fonctionne pas. De plus, Google Recaptcha est requis pour les invités souhaitant s'abonner sur la page d'accueil. De nombreux e-mails indésirables apparaissent dans les abonnements. Comme la suppression est impossible, je ne peux pas supprimer les e-mails indésirables.

Je vais regarder pour voir s'il me serais possible de le mettre à jour! Je ne promet rien

Signaler

0
Mercredi 18 Juin, 2025 09:44

v.k

L'e-mail d'abonnement apparaît dans le panneau d'administration, mais le bouton de suppression ne fonctionne pas. De plus, Google Recaptcha est requis pour les invités souhaitant s'abonner sur la page d'accueil. De nombreux e-mails indésirables apparaissent dans les abonnements. Comme la suppression est impossible, je ne peux pas supprimer les e-mails indésirables.

Signaler

0
Dimanche 23 Mars, 2025 20:19

v.k

Thank You So Much.

Signaler

0