Quelques gabarits html5 pour SelfRegistration 1.8.2

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Bonjour,
Pour faire suite à mon post précédant, et continuer sur ma lancée, voici quelques gabarits pour SelfRegistration 1.8.2 que j'ai traduit en français, et en html5 :

Chemin : Utilisateurs/Groupes » Auto-enregistrement utilisateurs » Modules
Là, vous avez les 10 onglets qui suivent :

[h]— Utilisateurs[/h]
pas de gabarit

[h]— Gabarit de choix de package[/h]
Code :
[== HTML ==]
to be done

[h]— Gabarit d'enregistrement 1[/h]
1 - Registration Template
Code :
[== HTML ==]
{* Par defaut = orig_registration1.tpl *}
<!-- SelfRegistration-registration1 MIS A JOUR le 14-02-2014 -->
{* ##################################### *}
{* registration1 template | html5 valid  *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
<!-- registration 1 template -->
{if isset($message) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
{$startform}
<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="myaccountform">
    <legend> &nbsp; &nbsp; &nbsp; {$title} &nbsp; &nbsp; &nbsp; </legend>
    {if $controlcount > 0}
    <table style="width:100%;">
        {foreach from=$controls item=control}
        <tr>
            <td style="color:{$control->color};width:240px">{if isset($control->hidden)}{$control->hidden}{/if}
            {if $control->color != ''}
                {$control->prompt}{$control->marker}
            {else}
                {$control->prompt}{$control->marker}
            {/if}
            </td>
            <td>{$control->control}</td>
        </tr>
        {/foreach}
    </table>
    <br/>
    {/if}
    {if isset($captcha)}
        {$captcha_title}: {$input_captcha}<br />
        {$captcha}<br />
    {/if}
    <p style="padding-left:250px">{$hidden|default:''}{$hidden2|default:''}{$submit}</p>
</fieldset>
    <p>&nbsp;</p>
    {$msg_sendanotheremail}&nbsp;{$link_sendanotheremail}
{$endform}
<!-- registration 1 template -->
2 - Post Registration Template
Code :
[== HTML ==]
{* Par defaut = orig_postreg1.tpl *}
<!-- SelfRegistration-post_registration1 MIS A JOUR le 14-02-2014 -->
{* ##################################### *}
{* post_registration1 template | html5 valid  *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
<!-- post_registration 1 template -->
{if isset($messasge) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<p>Merci <strong>{$username}</strong> pour vous être enregistré sur « {sitename} ».  Un courriel vous a été envoyé à l'adresse <em>{$email}</em> avec des instructions vous indiquant comment continuer le processus d'enregistrement.</p>
<!-- post_registration 1 template -->

[h]— Gabarit formulaire de validation[/h]
Code :
[== HTML ==]
{* Par defaut = orig_registration2.tpl *}
<!--           MIS A JOUR le 14-02-2014                -->
{* #################################################### *}
{* SelfRegistration    registration2 template           *}
{* this is a sample template, feel free to customize it *}
{* #################################################### *}
<!-- registration 2 template -->
{$title}
{if isset($message) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="registration2">
    <legend> &nbsp; &nbsp; &nbsp; {$title} &nbsp; &nbsp; &nbsp; </legend>
{$startform}
    <table style="width:75%;">
        <tr>
            <td style="width:30%;">{$prompt_username}</td>
            <td>{$input_username}</td>
        </tr>
        <tr>
            <td>{$prompt_password}</td>
            <td>{$input_password}</td>
        </tr>
        <tr>
            <td>{$prompt_code}</td>
            <td>{$input_code}</td>
        </tr>
    </table>
    <br />
    {if isset($hidden)}
        {$hidden}
    {/if}
    {if isset($hidden2)}
        {$hidden2}
    {/if}
    {$submit}
{$endform}
</fieldset>
<!-- #registration 2 template -->

[h]— Gabarit d'E-mail de confirmation[/h]
1 - Sujet pour l'email envoyé :*
Code :
[== HTML ==]
Bienvenue sur le site {$sitename} !
2 - Texte du corps du message :*
Code :
[== HTML ==]
{*                MIS A JOUR le 14-02-2014                   *}
{* ######################################################### *}
{* SelfRegistration E-mail confirmation TEXT template        *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
{* CORPS du message *}
Salutations {$name} et bienvenue sur le site {$sitename} !  
Cet e-mail est envoyé parce que quelqu'un s'est inscrit au site {$sitename} avec cette adresse email. Si c'est vous, merci de cliquer sur le lien qui suit, et d'entrer votre identifiant, votre mot de passe, et la clé unique indiquée ci-dessous.

Cliquez sur ce lien : {$url}
ou sur celui-ci : {$smallurl}
Clé unique : {$code}
3 - Corps du message HTML :
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration E-mail confirmation HTML template        *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- EmailConfirm template -->
<html>
<body>
    <p>Salutations {$name} et bienvenue sur le site {$sitename} !</p>
    <p>Cet e-mail est envoyé parce que quelqu'un s'est inscrit au site {$sitename} avec cette adresse email. Si c'est vous, merci de cliquer sur le lien qui suit, et d'entrer votre identifiant, votre mot de passe, et la clé unique indiquée ci-dessous.</p>
    <p>Cliquez sur ce lien : {$link}</p>
    <p>ou sur celui-ci : {$smalllink}</p>
    <p>Clé unique : {$code}</p>
</body>
</html>
<!-- EmailConfirm template -->

[h]— Gabarit d'informations utilisateur changées[/h]
Code :
[== HTML ==]
to be done

[h]— Gabarit de message final[/h]
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration     Message final  template              *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- FinalMessage Template -->
<p>Bienvenue {$username} sur le site {$sitename}. Votre compte a été créé avec succès. Merci de vous identifier pour continuer.</p>
<!-- FinalMessage Template -->

[h]— Gabarit d'email perdu[/h]
1 - Gabarit de courriel perdu
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration SendAnotherEmail template | html5 valid  *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- SendAnotherEmail Template -->
{$title}
{if isset($message) && $message != ''}
    {if isset($message) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<p>Je n'ai pas reçu mon email de confirmation, pouvez-vous m'en envoyer un autre svp ?</p>
<p>Mon identifiant (adresse email) est : {$startform}{$input_username}&nbsp;{$submit}{$endform}</p>
<!-- SendAnotherEmail Template -->
2 - Gabarit envoi perdu de courriel
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration Post SendAnotherEmail template | -html5  *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- Post SendAnotherEmail template -->
{$title}
{if isset($message) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<p>Merci <strong>{$username}</strong> pour vous être enregistré sur « {sitename} ».<br />Nous sommes désolés pour les difficultés que vous avez rencontrées pour recevoir notre courriel. Un second courriel a été envoyé à {$email} avec des instructions sur la façon de poursuivre le processus d'inscription.</p>
<!-- #Post SendAnotherEmail template -->

[h]— Préférences[/h]
pas de gabarit

[h]— Packages d'inscription[/h]
pas de gabarit

Une petite précision : les morceaux de code proviennent de l'éditeur de texte NotePadd++, avec encodage UTF-8 sans bom (qui gère bien les caractères spéciaux ou accentués).
En espérant que cela vous sera utile.
Si vous désirez voir le rendu, allez sur mon site WebApps.
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre
#1
Bonjour,
Pour faire suite à mon post précédant, et continuer sur ma lancée, voici quelques gabarits pour SelfRegistration 1.8.2 que j'ai traduit en français, et en html5 :

Chemin : Utilisateurs/Groupes » Auto-enregistrement utilisateurs » Modules
Là, vous avez les 10 onglets qui suivent :

[h]— Utilisateurs[/h]
pas de gabarit

[h]— Gabarit de choix de package[/h]
Code :
[== HTML ==]
to be done

[h]— Gabarit d'enregistrement 1[/h]
1 - Registration Template
Code :
[== HTML ==]
{* Par defaut = orig_registration1.tpl *}
<!-- SelfRegistration-registration1 MIS A JOUR le 14-02-2014 -->
{* ##################################### *}
{* registration1 template | html5 valid  *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
<!-- registration 1 template -->
{if isset($message) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
{$startform}
<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="myaccountform">
    <legend> &nbsp; &nbsp; &nbsp; {$title} &nbsp; &nbsp; &nbsp; </legend>
    {if $controlcount > 0}
    <table style="width:100%;">
        {foreach from=$controls item=control}
        <tr>
            <td style="color:{$control->color};width:240px">{if isset($control->hidden)}{$control->hidden}{/if}
            {if $control->color != ''}
                {$control->prompt}{$control->marker}
            {else}
                {$control->prompt}{$control->marker}
            {/if}
            </td>
            <td>{$control->control}</td>
        </tr>
        {/foreach}
    </table>
    <br/>
    {/if}
    {if isset($captcha)}
        {$captcha_title}: {$input_captcha}<br />
        {$captcha}<br />
    {/if}
    <p style="padding-left:250px">{$hidden|default:''}{$hidden2|default:''}{$submit}</p>
</fieldset>
    <p>&nbsp;</p>
    {$msg_sendanotheremail}&nbsp;{$link_sendanotheremail}
{$endform}
<!-- registration 1 template -->
2 - Post Registration Template
Code :
[== HTML ==]
{* Par defaut = orig_postreg1.tpl *}
<!-- SelfRegistration-post_registration1 MIS A JOUR le 14-02-2014 -->
{* ##################################### *}
{* post_registration1 template | html5 valid  *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
<!-- post_registration 1 template -->
{if isset($messasge) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<p>Merci <strong>{$username}</strong> pour vous être enregistré sur « {sitename} ».  Un courriel vous a été envoyé à l'adresse <em>{$email}</em> avec des instructions vous indiquant comment continuer le processus d'enregistrement.</p>
<!-- post_registration 1 template -->

[h]— Gabarit formulaire de validation[/h]
Code :
[== HTML ==]
{* Par defaut = orig_registration2.tpl *}
<!--           MIS A JOUR le 14-02-2014                -->
{* #################################################### *}
{* SelfRegistration    registration2 template           *}
{* this is a sample template, feel free to customize it *}
{* #################################################### *}
<!-- registration 2 template -->
{$title}
{if isset($message) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="registration2">
    <legend> &nbsp; &nbsp; &nbsp; {$title} &nbsp; &nbsp; &nbsp; </legend>
{$startform}
    <table style="width:75%;">
        <tr>
            <td style="width:30%;">{$prompt_username}</td>
            <td>{$input_username}</td>
        </tr>
        <tr>
            <td>{$prompt_password}</td>
            <td>{$input_password}</td>
        </tr>
        <tr>
            <td>{$prompt_code}</td>
            <td>{$input_code}</td>
        </tr>
    </table>
    <br />
    {if isset($hidden)}
        {$hidden}
    {/if}
    {if isset($hidden2)}
        {$hidden2}
    {/if}
    {$submit}
{$endform}
</fieldset>
<!-- #registration 2 template -->

[h]— Gabarit d'E-mail de confirmation[/h]
1 - Sujet pour l'email envoyé :*
Code :
[== HTML ==]
Bienvenue sur le site {$sitename} !
2 - Texte du corps du message :*
Code :
[== HTML ==]
{*                MIS A JOUR le 14-02-2014                   *}
{* ######################################################### *}
{* SelfRegistration E-mail confirmation TEXT template        *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
{* CORPS du message *}
Salutations {$name} et bienvenue sur le site {$sitename} !  
Cet e-mail est envoyé parce que quelqu'un s'est inscrit au site {$sitename} avec cette adresse email. Si c'est vous, merci de cliquer sur le lien qui suit, et d'entrer votre identifiant, votre mot de passe, et la clé unique indiquée ci-dessous.

Cliquez sur ce lien : {$url}
ou sur celui-ci : {$smallurl}
Clé unique : {$code}
3 - Corps du message HTML :
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration E-mail confirmation HTML template        *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- EmailConfirm template -->
<html>
<body>
    <p>Salutations {$name} et bienvenue sur le site {$sitename} !</p>
    <p>Cet e-mail est envoyé parce que quelqu'un s'est inscrit au site {$sitename} avec cette adresse email. Si c'est vous, merci de cliquer sur le lien qui suit, et d'entrer votre identifiant, votre mot de passe, et la clé unique indiquée ci-dessous.</p>
    <p>Cliquez sur ce lien : {$link}</p>
    <p>ou sur celui-ci : {$smalllink}</p>
    <p>Clé unique : {$code}</p>
</body>
</html>
<!-- EmailConfirm template -->

[h]— Gabarit d'informations utilisateur changées[/h]
Code :
[== HTML ==]
to be done

[h]— Gabarit de message final[/h]
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration     Message final  template              *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- FinalMessage Template -->
<p>Bienvenue {$username} sur le site {$sitename}. Votre compte a été créé avec succès. Merci de vous identifier pour continuer.</p>
<!-- FinalMessage Template -->

[h]— Gabarit d'email perdu[/h]
1 - Gabarit de courriel perdu
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration SendAnotherEmail template | html5 valid  *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- SendAnotherEmail Template -->
{$title}
{if isset($message) && $message != ''}
    {if isset($message) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<p>Je n'ai pas reçu mon email de confirmation, pouvez-vous m'en envoyer un autre svp ?</p>
<p>Mon identifiant (adresse email) est : {$startform}{$input_username}&nbsp;{$submit}{$endform}</p>
<!-- SendAnotherEmail Template -->
2 - Gabarit envoi perdu de courriel
Code :
[== HTML ==]
<!-- MIS A JOUR le 14-02-2014 -->
{* ######################################################### *}
{* SelfRegistration Post SendAnotherEmail template | -html5  *}
{*    this is a sample template, feel free to customize it   *}
{* ######################################################### *}
<!-- Post SendAnotherEmail template -->
{$title}
{if isset($message) && $message != ''}
    {if isset($error) && $error != ''}
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<p>Merci <strong>{$username}</strong> pour vous être enregistré sur « {sitename} ».<br />Nous sommes désolés pour les difficultés que vous avez rencontrées pour recevoir notre courriel. Un second courriel a été envoyé à {$email} avec des instructions sur la façon de poursuivre le processus d'inscription.</p>
<!-- #Post SendAnotherEmail template -->

[h]— Préférences[/h]
pas de gabarit

[h]— Packages d'inscription[/h]
pas de gabarit

Une petite précision : les morceaux de code proviennent de l'éditeur de texte NotePadd++, avec encodage UTF-8 sans bom (qui gère bien les caractères spéciaux ou accentués).
En espérant que cela vous sera utile.
Si vous désirez voir le rendu, allez sur mon site WebApps.
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)