Quelques gabarits html5 pour FrontEndUsers 1.22.3

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#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
#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
#2
Mettre ces informations sur la forge en Feature Request pour le module Frontend Users
http://dev.cmsmadesimple.org/feature_request/list/14
J-C Etiemble v 2.2.xx
Répondre
#2
Mettre ces informations sur la forge en Feature Request pour le module Frontend Users
http://dev.cmsmadesimple.org/feature_request/list/14
J-C Etiemble v 2.2.xx
Répondre
#3
Merci beaucoup Christian Smile
Répondre
#3
Merci beaucoup Christian Smile
Répondre
#4
jce76350 a écrit :Mettre ces informations sur la forge en Feature Request pour le module Frontend Users
http://dev.cmsmadesimple.org/feature_request/list/14

@jce76350,

Oui, je veux bien les mettre sur la forge, mais bien qu'ayant ouvert un compte chez sourceforge.net, je ne sais pas comment procéder.
J'ai déja tenté d'envoyer des fichiers zip de mes applis mais sans succès.
Je précise que je ne suis qu'un amateur.
Y-a-t-il un article explicatif là-dessus ?
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre
#4
jce76350 a écrit :Mettre ces informations sur la forge en Feature Request pour le module Frontend Users
http://dev.cmsmadesimple.org/feature_request/list/14

@jce76350,

Oui, je veux bien les mettre sur la forge, mais bien qu'ayant ouvert un compte chez sourceforge.net, je ne sais pas comment procéder.
J'ai déja tenté d'envoyer des fichiers zip de mes applis mais sans succès.
Je précise que je ne suis qu'un amateur.
Y-a-t-il un article explicatif là-dessus ?
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre
#5
Désolé jce76350, mais quand j'ai vu " la forge " dans ton post, j'ai tout de suite pensé à SourceForge.net...
Que je suis bête !
Je vais me créer un compte sur dev.cmsmadesimple.org et y déposer un zip de mes gabarits.
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre
#5
Désolé jce76350, mais quand j'ai vu " la forge " dans ton post, j'ai tout de suite pensé à SourceForge.net...
Que je suis bête !
Je vais me créer un compte sur dev.cmsmadesimple.org et y déposer un zip de mes gabarits.
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre
#6
Citation :mais quand j'ai vu " la forge " dans ton post, j'ai tout de suite pensé à SourceForge.net...

heu nettoie tes lunettes Cool car je t'ai mis le lien direct du module sur la forge
J-C Etiemble v 2.2.xx
Répondre
#6
Citation :mais quand j'ai vu " la forge " dans ton post, j'ai tout de suite pensé à SourceForge.net...

heu nettoie tes lunettes Cool car je t'ai mis le lien direct du module sur la forge
J-C Etiemble v 2.2.xx
Répondre
#7
Oui, j'ai vu ton lien et j'ai fait un dépôt.
:/
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre
#7
Oui, j'ai vu ton lien et j'ai fait un dépôt.
:/
Bonne journée
Christian

Proverbe indien : une once de pratique vaut mieux qu'une tonne de théorie.
Répondre
#8
Merci Christian pour le partage Smile
Répondre
#8
Merci Christian pour le partage Smile
Répondre


Atteindre :


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