Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Quelques gabarits html5 pour FrontEndUsers 1.22.3
#1

Bonjour,

CMS Made Simple, sa communauté, et ses modules sont tellement géniaux que je me sens motivé pour apporter une (modeste) contribution.
Il s'agit de quelques gabarits pour FrontEndUsers 1.22.3 que j'ai un peu réécri en html5 :

[h]- connexion[/h]
Code :
[== Indéfini ==]
{* Par defaut = orig_loginform.tpl *}
<!-- FEU-connexion MIS A JOUR le 13-02-2014 -->
{* ##################################### *}
{* login form template *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
{if isset($alt_loginform)}
    <div id="altlogin">{$alt_loginform}</div><br/>
{/if}
<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="loginform">
    <legend> Vous ouvre l'accès aux contenus réservés </legend>
{$startform}
{if $error}
    <span style="color:red;font-weight:bold;">{$error}</span><br>
{/if}
    <p><label for="{$feuactionid}feu_input_username">{$prompt_username} :</label>&nbsp;{$input_username}<br /></p>
    <p><label for="{$feuactionid}feu_input_password">{$prompt_password} :</label>&nbsp;{$input_password}</p>
{if isset($captcha)}
    <p><label for="{$feuactionid}input_captcha">{$captcha_title}:</label>&nbsp;{$input_captcha}<br/>{$captcha}</p>
{/if}
{if isset($input_rememberme)}
    <p><label for="{$feuactionid}feu_rememberme">{$prompt_rememberme} :</label>&nbsp;&nbsp;{$input_rememberme}</p>
{/if}
    <p><input type="submit" name="{$feuactionid}submit" value="{$FrontEndUsers->Lang('login')}"/></p>
    <p><a href="{$url_forgot}" title="{$FrontEndUsers->Lang('info_forgotpw')}">{$FrontEndUsers->Lang('forgotpw')}</a>&nbsp;
    <a href="{$url_lostun}" title="{$FrontEndUsers->Lang('info_lostun')}">{$FrontEndUsers->Lang('lostusername')}</a></p>
{$endform}
</fieldset>

[h]- deconnexion[/h]
Code :
[== Indéfini ==]
{* Par defaut = orig_logoutform.tpl *}
<!-- FEU-connexion MIS A JOUR le 13-02-2014 -->
{* ##################################### *}
{* logout form template *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
{if isset($alt_logoutform)}
    {$alt_logoutform}
{/if}
{if isset($message)}
    <div class="message">{$message}</div>
{/if}
{* affichage infos login *}
{$username}<br />
<a href="{$url_changesettings}" title="{$FrontEndUsers->Lang('info_changesettings')}">Editer mon compte</a><br /><br />
{if isset($url_logout)}
    <a href="{$url_logout}" title="{$FrontEndUsers->Lang('info_logout')}">
    <a href="{$url_logout}" title="{$FrontEndUsers->Lang('info_logout')}"><img src="{uploads_url}/images/icons/logout.png" width="44" height="24" alt="logout" title="{$FrontEndUsers->Lang('info_logout')}" /><img src="{uploads_url}/gabarit/clear.gif" height="24" width="40" alt="space" /></a>
{/if}

[h]- changement_des_parametres[/h]
Code :
[== Indéfini ==]
{* Par defaut = orig_changesettings.tpl *}
<!-- FEU-changesettings MIS A JOUR le 13-02-2014 -->
{* ##################################### *}
{* change settings template *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
<!-- change settings 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="myaccountform">
    <legend>Mettre à jour mes informations</legend>
{$startform}
    {if $controlcount > 0}
    <table style="width:100%;">
        {foreach from=$controls key='name' item=control}
        <tr>
            <td style="color:{$control->color};">
                {if isset($control->hidden)}{$control->hidden}
                {/if}
                {$control->prompt}
                {$control->marker}
            </td>
            <td>
                {if isset($control->image)}{$control->image}
                    <br/>
                {/if}
                {$control->control}{$control->addtext|default:''}
                {if isset($control->control2)}
                    {$control->prompt2}&nbsp;{$control->control2}<br/>
                {/if}
            </td>
        </tr>
        {/foreach}
    </table>
    {/if}
    {$hidden|default:''}{$hidden2|default:''}{$submit}
{$endform}
</fieldset>
<!-- change settings template -->

[h]- oubli_mot_de_passe1[/h]
Code :
[== Indéfini ==]
{* Par defaut = orig_forgotpassword1.tpl *}
<!-- FEU-forgotpassword1 MIS A JOUR le 13-02-2014 -->
{* ##################################### *}
{* forgotpassword1 template *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
<!-- forgot password template -->
<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="loginform">
<legend> {$title} </legend>
{$startform}
{if !empty($message) }
    {if !empty($error) }
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<p>{$lostpw_message}</p>
<p>{$prompt_username}&nbsp;{$input_username}</p>
{if isset($captcha)}
    <div>{$captcha_title}<br/>{$captcha}<br/>{$input_captcha}</div>
{/if}
<p>{$hidden}{$submit}&nbsp{$cancel}</p>
{$endform}
</fieldset>
<!-- forgot password template -->

[h]- oubli_mot_de_passe3[/h]
Code :
[== Indéfini ==]
{* Par defaut = orig_forgotpassword3.tpl *}
<!-- FEU-forgotpassword3 MIS A JOUR le 13-02-2014 -->
{* ##################################### *}
{* forgotpassword3 template *}
{* this is a sample template, feel free to customize it *}
{* ##################################### *}
<!-- forgot password verification template -->
<fieldset style="display: block;border: 1px solid #bbb;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;" id="loginform">
<legend>Réinitialisation du mot de passe</legend>
{$startform}
{$title}
{if !empty($message)}
    {if !empty($error) }
        <p style="color: red;">{$message}</p>
    {else}
        <p>{$message}</p>
    {/if}
{/if}
<table style="width:90%;">
    <tr>
        <td style="width:120px;">{$prompt_username}</td>
        <td>{$input_username}</td>
    </tr>
    <tr>
        <td>{$prompt_code}</td>
        <td>{$input_code}</td>
    </tr>
    <tr>
        <td>{$prompt_password}</td>
        <td>{$input_password}</td>
    </tr>
    <tr>
        <td>{$prompt_repeatpassword}</td>
        <td>{$input_repeatpassword}</td>
    </tr>
</table>
<p>{$hidden}{$submit}</p>
{$endform}
</fieldset>
<!-- forgot password verification template -->

Voilà.
Si ça peut être utiles à quelques débutants (comme moi), tant mieux !

PS : je suis ouvert à toute critique constructive.

Bonne journée
Christian

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


Messages dans ce sujet

Atteindre :


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