Forum CMS Made Simple FR
Quelques gabarits html5 pour SelfRegistration 1.8.2 - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Ressources (https://forum.cmsmadesimple.fr/forum-4.html)
+--- Forum : Développement et Astuces (https://forum.cmsmadesimple.fr/forum-15.html)
+--- Sujet : Quelques gabarits html5 pour SelfRegistration 1.8.2 (/thread-3117.html)



Quelques gabarits html5 pour SelfRegistration 1.8.2 - ceck - 14/02/2014

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.