Quelques gabarits html5 pour SelfRegistration 1.8.2

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.