Newsletter 2.0.1 pour Dle

DarkLane

•

21 Mai, 2024

155 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: Ticcix
• Version DLE: 15.x à 17.x
• Interface: Anglais, Français

Remerciement: 0

Ajouter un commentaire

Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *

Information

Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.

Commentaires 3

23-03-2025 20:19

v.k

Thank You So Much.

Signaler

0
18-06-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
22-06-2025 18:09

DarkLane

18 Juin 2025 09:44, 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