DarkLane
Mardi 21 Mai 2024 17:49:44
187 Vues
3 Commentaires
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 .
<!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> </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> </td> </tr> </table> </body> </html>
• Auteur: Ticcix• Version DLE: 15.x à 17.x• Interface: Anglais, Français
Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *
Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.
Dimanche 22 Juin 2025 18:09:31
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
Mercredi 18 Juin 2025 9:44:35
Dimanche 23 Mars 2025 20:19:08
Thank You So Much.
23-12-2025 • Dle 19.0
Newsletter 2.0.2
24-03-2024 • Dle 15.0
Newsletter pour Datalife
01-07-2022 • Dle
Dle Ichat 10.1
10-04-2021 • Dle
Module Ichat 9.1 Dle 14.x
30-12-2022 • Dle
Formulaire pour ajouter des
07-07-2022 • Dle
Dle Ichat 10.2