fe_login: So wird das Template angepasst und gefunden [Gelöst]

  • Longnose Longnose
    R2-D2
    0 x
    114 Beiträge
    0 Hilfreiche Beiträge
    10. 08. 2010, 09:50

    Auch bei der Individualisierung des Templates stiess ich an meine Grenzen. Diverse Forumbeiträge halfen mir nicht weiter. Daher hier ein Kurzbeschrieb wie ich dabei nun vorging:

    In den neueren TPYO3 Versionen bietet sich an, dass man beliebig ein Template hochladen kann via TCFORM. Da ich aber den Ursprung des Templates nicht kannte wurde ich neugierig und suchte die Verzeichnisse ab. Denn wenn ja schon ein Template genutzt werden kann, heisst das für mich nichts weiteres, als dass TYPO3 bereits mit einem solchen Template arbeitet.

    Diese fand ich dann unter folgendem Verzeichnis via FTP im TYPO3:
    TYPO3/sysext/felogin/template.html

    Ich kopierte den gesamten Inhalt dieses Files und lud es via Fileadmin in ein beliebiges Unterverzeichnis. Passte gewisse Parameter an und speicherte dieses erneut ab.

    Danach geht's an das wählen des Templates in der fe-login-Maske im Backend auf der jeweiligen Seite. Dort das Template (Die Vorlage) wählen - und schon ist das Wunder Vollbracht.

    Hier die aktuelle Vorlage (August 2010) der aktuellsten TYPO3 Version:

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml">
    4. <head>
    5. <title>Templates for felogin</title>
    6. </head>
    7. <body>
    8.  
    9. <h1>Common markers</h1>
    10. <p>These are substituted in all felogin item displaying templates.</p>
    11.  
    12. <h2>Markers</h2>
    13. <ul>
    14. <li>###ACTION_URI### - URI of the request for the login/logout form</li>
    15. <li>###EXTRA_HIDDEN### - Hook required (additionnal hidden field used by kb_md5fepw extension by Kraft Bernhard)</li>
    16. <li>###ON_SUBMIT### - Hook required (used by kb_md5fepw extension by Kraft Bernhard)</li>
    17. <li>###PREFIXID### - Same as class name ('tx_felogin_pi1') usefull to get a unique classname prefix</li>
    18. <li>###REDIRECT_URL### - URL of redirection upon login</li>
    19. <li>###NOREDIRECT### - if set, no redirect will be done</li>
    20. <li>###STORAGE_PID### - explicit enough I guess (if not : id of the page where user are stored)</li>
    21. <li>###STATUS_HEADER### - depends of the template</li>
    22. <li>###STATUS_MESSAGE### - depends of the template</li>
    23. </ul>
    24.  
    25. <h2>Wrap parts</h2>
    26. <ul>
    27. <li>###HEADER_VALID### - usefull to define what to show/hide</li>
    28. <li>###MESSAGE_VALID### - usefull to define what to show/hide</li>
    29. <li>###FORGOTP_VALID### - usefull to define what to show/hide</li>
    30. <li>###PERMALOGIN_VALID### - usefull to define what to show/hide</li>
    31. </ul>
    32.  
    33. <h2>felogin Language Markers (see pi/locallang.xml)</h2>
    34. <ul>
    35. <li>###EMAIL_LABEL### - corresponding to 'your_email'</li>
    36. <li>###FORGOT_PASSWORD### - corresponding to 'forgot_password'</li>
    37. <li>###FORGOT_PASSWORD_BACKTOLOGIN### - corresponding to 'forgot_password_backToLogin'</li>
    38. <li>###FORGOT_PASSWORD_ENTEREMAIL### - corresponding to 'forgot_password_enterEmail'</li>
    39. <li>###LOGIN_LABEL### - corresponding to 'login'</li>
    40. <li>###PASSWORD_LABEL### - corresponding to 'password'</li>
    41. <li>###SEND_PASSWORD### - corresponding to 'send_password'</li>
    42. <li>###USERNAME_LABEL### - corresponding to 'username'</li>
    43. </ul>
    44.  
    45.  
    46.  
    47.  
    48.  
    49. <!--###TEMPLATE_LOGIN###-->
    50.  
    51. ###STATUS_HEADER###
    52. ###STATUS_MESSAGE###
    53. <!-- ###LOGIN_FORM### -->
    54. <form action="###ACTION_URI###" target="_top" method="post" onsubmit="###ON_SUBMIT###">
    55. <fieldset>
    56. <legend>###LEGEND###</legend>
    57. <div>
    58. <label for="user">###USERNAME_LABEL###</label>
    59. <input type="text" id="user" name="user" value="" />
    60. </div>
    61. <div>
    62. <label for="pass">###PASSWORD_LABEL###</label>
    63. <input type="password" id="pass" name="pass" value="" />
    64. </div>
    65.  
    66. <!--###PERMALOGIN_VALID###-->
    67. <div>
    68. <label for="permalogin">###PERMALOGIN###</label>
    69. <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" />
    70. <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin" onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" />
    71. </div>
    72. <!--###PERMALOGIN_VALID###-->
    73.  
    74. <div>
    75. <input type="submit" name="submit" value="###LOGIN_LABEL###" />
    76. </div>
    77.  
    78. <div class="felogin-hidden">
    79. <input type="hidden" name="logintype" value="login" />
    80. <input type="hidden" name="pid" value="###STORAGE_PID###" />
    81. <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" />
    82. <input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" />
    83. ###EXTRA_HIDDEN###
    84. </div>
    85. </fieldset>
    86. </form>
    87.  
    88. <!--###FORGOTP_VALID###-->
    89. <p><!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###--></p>
    90. <!--###FORGOTP_VALID###-->
    91.  
    92. <!-- ###LOGIN_FORM### -->
    93.  
    94. <!--###TEMPLATE_LOGIN###-->
    95.  
    96.  
    97.  
    98.  
    99.  
    100.  
    101.  
    102.  
    103.  
    104.  
    105.  
    106.  
    107. <!--###TEMPLATE_LOGOUT###-->
    108.  
    109. ###STATUS_HEADER###
    110. ###STATUS_MESSAGE###
    111.  
    112. <form action="###ACTION_URI###" target="_top" method="post">
    113. <fieldset>
    114. <legend>###LEGEND###</legend>
    115. <div>
    116. <label>###USERNAME_LABEL###</label>
    117. ###USERNAME###
    118. </div>
    119. <div>
    120. <input type="submit" name="submit" value="###LOGOUT_LABEL###" />
    121. </div>
    122.  
    123. <div class="felogin-hidden">
    124. <input type="hidden" name="logintype" value="logout" />
    125. <input type="hidden" name="pid" value="###STORAGE_PID###" />
    126. <input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" />
    127. </div>
    128. </fieldset>
    129. </form>
    130.  
    131. <!--###TEMPLATE_LOGOUT###-->
    132.  
    133.  
    134.  
    135.  
    136.  
    137.  
    138.  
    139. <!--###TEMPLATE_FORGOT###-->
    140.  
    141. ###STATUS_HEADER###
    142. ###STATUS_MESSAGE###
    143.  
    144.  
    145. <!-- ###FORGOT_FORM### -->
    146. <form action="###ACTION_URI###" method="post">
    147. <div class="felogin-hidden">
    148. <input type="hidden" name="tx_felogin_pi1[forgot_hash]" value="###FORGOTHASH###" />
    149. </div>
    150. <fieldset>
    151. <legend>###LEGEND###</legend>
    152. <div>
    153. <label for="###FORGOT_EMAIL###">###DATA_LABEL###</label>
    154. <input type="text" name="###FORGOT_EMAIL###" id="###FORGOT_EMAIL###" />
    155. </div>
    156. <div>
    157. <input type="submit" name="submit" value="###SEND_PASSWORD###" />
    158. </div>
    159. </fieldset>
    160. </form>
    161. <!-- ###FORGOT_FORM### -->
    162. <p>###BACKLINK_LOGIN###&nbsp;</p>
    163. <!--###TEMPLATE_FORGOT###-->
    164.  
    165.  
    166.  
    167. <!--###TEMPLATE_CHANGEPASSWORD###-->
    168.  
    169. ###STATUS_HEADER###
    170. ###STATUS_MESSAGE###
    171.  
    172.  
    173. <!-- ###CHANGEPASSWORD_FORM### -->
    174. <form action="###ACTION_URI###" method="post">
    175. <fieldset>
    176. <legend>###LEGEND###</legend>
    177. <div>
    178. <label for="###NEWPASSWORD1###">###NEWPASSWORD1_LABEL###</label>
    179. <input type="password" name="###NEWPASSWORD1###" id="###NEWPASSWORD1###" />
    180. </div>
    181. <div>
    182. <label for="###NEWPASSWORD2###">###NEWPASSWORD2_LABEL###</label>
    183. <input type="password" name="###NEWPASSWORD2###" id="###NEWPASSWORD2###" />
    184. </div>
    185. <div>
    186. <input type="submit" name="tx_felogin_pi1[changepasswordsubmit]" value="###SEND_PASSWORD###" />
    187. </div>
    188. </fieldset>
    189.  
    190. </form>
    191. <!-- ###CHANGEPASSWORD_FORM### -->
    192. ###BACKLINK_LOGIN###
    193. <!--###TEMPLATE_CHANGEPASSWORD###-->


  • 1
  • daiv daiv
    TYPO3-Anwärter
    0 x
    6 Beiträge
    0 Hilfreiche Beiträge
    16. 11. 2010, 09:42

    Vielen Dank! Hat mir sehr geholfen!

  • 1