Loginformular mit Dropdownbox realisieren
| Autor | Nachricht |
|---|---|
|
Verfasst am: 15. 05. 2012 [17:49]
|
|
|
timmy2007
Themenersteller
Dabei seit: 04.01.2007
Beiträge: 426
|
Ich habe vor folgende Login-Dropdownbox in mein Template mit einzubinden: http://www.red-team-design.com/wp-content/uploads/2011/10/simple-and-effective-dropdown-login-box-demo.html# In meinem Template (ohne Typo3) habe ich die Box im oberen Bereich zwischen dem Logo und der Hauptnavigation in einem extra div-Container gespeichert, die CSS Dateien und das Javascript richtig eingebunden. Dann habe ich ein extra Logintemplate mit den HTML-Code der Loginbox erstellt. Hier der Auszug des Login-Codes: HTML <!--###TEMPLATE_LOGIN###--> <!-- LOGIN-DROPDOWN--> <div class="login-dropdown"> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> Log in <span>?</span> </a> <div id="login-content"> <form action="###ACTION_URI###" target="_top" method="post" onsubmit="###ON_SUBMIT###"> <fieldset id="inputs"> <input id="username" type="email" name="Email" placeholder="###USERNAME_LABEL###" required> <input id="password" type="password" name="Password" placeholder="###PASSWORD_LABEL###" required> </fieldset> <fieldset id="actions"> <input type="submit" id="submit" value="###LOGIN_LABEL###"> <label><input type="checkbox" checked="checked"> ###PERMALOGIN###</label> <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" /> <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin" onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" /> <div class="felogin-hidden"> <input type="hidden" name="logintype" value="login" /> <input type="hidden" name="pid" value="###STORAGE_PID###" /> <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" /> <input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" /> ###EXTRA_HIDDEN### </div> <!--###FORGOTP_VALID###--> <p><!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###--></p> <!--###FORGOTP_VALID###--> </fieldset> </form> </div> </li> <li id="signup"> <a href="">Sign up FREE</a> </li> </ul> </nav> </div> <!-- END LOGIN-DROPDOWN --> <!-- ###LOGIN_FORM### --> <!--###TEMPLATE_LOGIN###--> Ich habe das Javascript im Header der Typo3-Seite eingebunden. Die Originalausgabe des Quelltextes meiner NICHT-Typo3-Seite ist (Auszug): HTML <!-- HEADER --> <header> <div class="wrapper cf"> <div id="logo"> <a href="index.html"><img src="img/logo.png" alt="Simpler"></a> </div> <div> <!-- nav --> <ul id="nav" class="sf-menu"> <li class="current-menu-item"><a href="index.html">HOME</a></li> <li><a href="blog.html">BLOG</a></li> <li><a href="page.html">ABOUT</a> <ul> <li><a href="page-elements.html">Elements</a></li> <li><a href="page-icons.html">Icons</a></li> <li><a href="page-typography.html">Typography</a></li> </ul> </li> <li><a href="portfolio.html">WORK</a></li> <li><a href="contact.html">CONTACT</a></li> </ul> </div> <div id="combo-holder"></div> <!-- ends nav --> <!-- LOGIN-DROPDOWN--> <div class="login-dropdown"> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> Log in <span>?</span> </a> <div id="login-content"> <form> <fieldset id="inputs"> <input id="username" type="email" name="Email" placeholder="Your email address" required> <input id="password" type="password" name="Password" placeholder="Password" required> </fieldset> <fieldset id="actions"> <input type="submit" id="submit" value="Log in"> <label><input type="checkbox" checked="checked"> Keep me signed in</label> </fieldset> </form> </div> </li> <li id="signup"> <a href="">Sign up FREE</a> </li> </ul> </nav> </div> <!-- END LOGIN-DROPDOWN --> Nun habe ich dieses TS in Setup gespeichert: TYPOSCRIPT #LOGIN-DROPDOWN lib.logindropdown = COA lib.logindropdown { 20 = COA 20 { 10 < plugin.tx_felogin_pi1 10 { feloginBaseURL = xxx storagePid = 118 templateFile = fileadmin/templates/login/login-dropdown.html showForgotPasswordLink = 1 #welcomeHeader_stdWrap > #welcomeMessage_stdWrap > #logoutHeader_stdWrap > #logoutHeader_stdWrap > #successHeader_stdWrap > showLogoutFormAfterLogin = 1 noSuccessMessageAfterLogin = 1 dateFormat = d.m.Y redirectMode = login #_CSS_DEFAULT_STYLE > } } } Der Auszug meines Seitenquellcodes lautet nun: HTML <!-- HEADER --> <header> <div class="wrapper cf"> <div id="logo"><a href="index.php?id=2" ><img src="fileadmin/zeni-files/HTML/img/logo.png" /></a></div> <div><ul id="nav" class="sf-menu"><li class="current-menu-item"><a href="index.php?id=2" title="Der Fan-Club in Deutschland bietet aktuelle Nachrichten, Services und weitere Informationen über den King of Pop - die Nr.1 bei Infos & News!" >Home</a><ul><li><a href="index.php?id=1004" >Login/Logout</a></li><li><a href="index.php?id=1005" >Registrieren</a></li></ul></li><li><a href="index.php?id=227" title="Aktuelles" >Nachrichten</a><ul><li><a href="index.php?id=600" >News</a></li><li><a href="index.php?id=597" >Teilnahmebedingungen</a></li></ul></li><li><a href="index.php?id=75" title="King of Pop" >Michael</a><ul><li><a href="index.php?id=1285" >Auszeichnungen</a></li><li><a href="index.php?id=1263" >Interviews</a></li><li><a href="index.php?id=1230" >Biographie</a></li><li><a href="index.php?id=1068" >Discographie</a></li><li><a href="index.php?id=1023" >Videographie</a></li><li><a href="index.php?id=1017" >Konzerte</a></li><li><a href="index.php?id=1008" >Wohltätigkeit Engagement</a></li><li><a href="index.php?id=879" >Vitiligo</a></li></ul></li><li><a href="index.php?id=74" title="MJFC JAM" >Fan-Club</a><ul><li><a href="index.php?id=894" >Team</a></li><li><a href="index.php?id=893" >FAQ</a></li><li><a href="index.php?id=892" >Umfragen/Gewinnspiele</a></li><li><a href="index.php?id=887" >Support</a></li><li><a href="index.php?id=882" >Online-Shop</a></li><li><a href="index.php?id=881" >Archiv</a></li></ul></li><li><a href="index.php?id=100" title="Bereich" >Spezial</a><ul><li><a href="index.php?id=965" >Projekte</a></li><li><a href="index.php?id=964" >MJFC FAMILY</a></li><li><a href="index.php?id=960" >FLY</a></li><li><a href="index.php?id=957" >Feedback</a></li><li><a href="index.php?id=935" >Sonderausgaben</a></li><li><a href="index.php?id=930" >TII</a></li><li><a href="index.php?id=913" >Videospiele</a></li><li><a href="index.php?id=598" >EXKLUSIV: Giovanni Zarrella Interview</a></li></ul></li><li><a href="index.php?id=372" title="Mitgliederbereich" >Community</a><ul><li><a href="index.php?id=997" >Mein Profil</a></li></ul></li></ul></div> <div id="combo-holder"></div> <!-- ends nav --> <!-- LOGIN-DROPDOWN--> <div class="login-dropdown"><div class="tx-felogin-pi1"> <!-- LOGIN-DROPDOWN--> <div class="login-dropdown"> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> Log in <span>?</span> </a> <div id="login-content"> <form action="index.php?id=2" target="_top" method="post" onsubmit=""> <fieldset id="inputs"> <input id="username" type="email" name="Email" placeholder="Benutzername:" required> <input id="password" type="password" name="Password" placeholder="Passwort:" required> </fieldset> <fieldset id="actions"> <input type="submit" id="submit" value="Anmelden"> <label><input type="checkbox" checked="checked"> ###PERMALOGIN###</label> <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" /> <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin" onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" /> <div class="felogin-hidden"> <input type="hidden" name="logintype" value="login" /> <input type="hidden" name="pid" value="118" /> <input type="hidden" name="redirect_url" value="" /> <input type="hidden" name="tx_felogin_pi1[noredirect]" value="0" /> </div> <!--###FORGOTP_VALID###--> <p><a href="index.php?id=2&tx_felogin_pi1%5Bforgot%5D=1" rel="nofollow">Kennwort vergessen?</a></p> <!--###FORGOTP_VALID###--> </fieldset> </form> </div> </li> <li id="signup"> <a href="">Sign up FREE</a> </li> </ul> </nav> </div> <!-- END LOGIN-DROPDOWN --> <!-- ###LOGIN_FORM### --> </div> </div> <!-- END LOGIN-DROPDOWN --> Die "<div class="login-dropdown">" wird zweimal ausgegeben. Das "permalogin" funktioniert nicht. Wie kann ich es richtig machen? |
|
Verfasst am: 16. 05. 2012 [14:43]
|
|
|
timmy2007
Themenersteller
Dabei seit: 04.01.2007
Beiträge: 426
|
Die Klasse "login-dropdown" wurde zweimal ausgegeben, da ich im felogin-HTML diese Klasse noch einmal reingeschrieben hatte. Das habe ich nun behoben. Nun sieht mein Code-Auszug so aus: HTML <!-- LOGIN-DROPDOWN--> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> Log in <span>?</span> </a> <div id="login-content"> <form action="index.php?id=2" target="_top" method="post" onsubmit=""> <fieldset id="inputs"> <input id="username" type="email" name="Email" placeholder="Benutzername:" required> <input id="password" type="password" name="Password" placeholder="Passwort:" required> </fieldset> <fieldset id="actions"> <input type="submit" id="submit" value="Anmelden"> <div class="felogin-hidden"> <input type="hidden" name="logintype" value="login" /> <input type="hidden" name="pid" value="118" /> <input type="hidden" name="redirect_url" value="" /> <input type="hidden" name="tx_felogin_pi1[noredirect]" value="0" /> <!--###FORGOTP_VALID###--> <p><a href="index.php?id=2&tx_felogin_pi1%5Bforgot%5D=1" rel="nofollow">Kennwort vergessen?</a></p> <!--###FORGOTP_VALID###--> </div> </fieldset> </form> </div> </li> <li id="signup"> <a href="index.php?id=1005">Registrierung</a> </li> </ul> </nav> <!-- END LOGIN-DROPDOWN --> <!-- ###LOGIN_FORM### --> </div> </div> <!-- END LOGIN-DROPDOWN --> Ich weiss allerdings nicht, wie ich "Kennwort vergessen?" unterhalb des Absendebuttons platzieren kann. Auch weiss ich nicht, wie ich die permalogin-Funktion aktiviere. Wenn ich dies im template angebe, dann steht da der Code "###PERMALOGIN###" vom felogin Formular! Wie kann ich es so gestalten, dass, wenn man eingeloggt ist, das Login zum Logout wird , mit entsprechendem Link? Ich habe im Internet mal diesen Code gefunden, der eine Link-Änderung des Login zum Logout Button machen soll: TYPOSCRIPT lib.user_login_link = COA_INT lib.user_login_link { # Login Link (Anzeige wenn User NICHT eingeloggt) 10 = TEXT 10 { value = LOGIN typolink { parameter = 0 // pid mit dem Login-Formular } if.isFalse.data = TSFE:fe_user|user|username } # Logout Link (Anzeige wenn User eingeloggt) 20 < .10 20.if.negate = 1 20 { value = LOGOUT typolink { additionalParams = &logintype=logout } } } Wie ist das anwendbar? [Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 16.05.2012 um 14:47.] |
|
Verfasst am: 14. 06. 2012 [22:31]
|
|
|
timmy2007
Themenersteller
Dabei seit: 04.01.2007
Beiträge: 426
|
Der Login funktioniert nun, im Template hatte ich die id und name Angaben der input-Felder falsch bezeichnet. Jetzt habe ich aber noch ein Problem. Im template gibt es einen Link zum Kennwort zurücksetzen. Dieses Formular soll auch mit der "Drop-Down-Box" realisiert werden, doch ich weiß nicht wie. Hier der HTML-Code des Templates: HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Templates for felogin</title> </head> <body> <h1>Common markers</h1> <p>These are substituted in all felogin item displaying templates.</p> <h2>Markers</h2> <ul> <li>###ACTION_URI### - URI of the request for the login/logout form</li> <li>###EXTRA_HIDDEN### - Hook required (additionnal hidden field used by kb_md5fepw extension by Kraft Bernhard)</li> <li>###ON_SUBMIT### - Hook required (used by kb_md5fepw extension by Kraft Bernhard)</li> <li>###PREFIXID### - Same as class name ('tx_newloginbox_pi1') usefull to get a unique classname prefix</li> <li>###REDIRECT_URL### - URL of redirection upon login</li> <li>###STORAGE_PID### - explicit enough I guess (if not : id of the page where user are stored)</li> <li>###STATUS_HEADER### - depends of the template</li> <li>###STATUS_MESSAGE### - depends of the template</li> </ul> <h2>Wrap parts</h2> <ul> <li>###HEADER_VALID### - usefull to define what to show/hide</li> <li>###MESSAGE_VALID### - usefull to define what to show/hide</li> <li>###FORGOTP_VALID### - usefull to define what to show/hide</li> <li>###PERMALOGIN_VALID### - usefull to define what to show/hide</li> </ul> <h2>felogin Language Markers (see pi/locallang.xml)</h2> <ul> <li>###EMAIL_LABEL### - corresponding to 'your_email'</li> <li>###FORGOT_PASSWORD### - corresponding to 'forgot_password'</li> <li>###FORGOT_PASSWORD_BACKTOLOGIN### - corresponding to 'forgot_password_backToLogin'</li> <li>###FORGOT_PASSWORD_ENTEREMAIL### - corresponding to 'forgot_password_enterEmail'</li> <li>###LOGIN_LABEL### - corresponding to 'login'</li> <li>###PASSWORD_LABEL### - corresponding to 'password'</li> <li>###SEND_PASSWORD### - corresponding to 'send_password'</li> <li>###USERNAME_LABEL### - corresponding to 'username'</li> </ul> <!--###TEMPLATE_LOGIN###--> <!-- LOGIN-DROPDOWN--> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> Log in <span>?</span> </a> <div id="login-content"> <form action="###ACTION_URI###" target="_top" method="post" onsubmit="###ON_SUBMIT###"> <fieldset id="inputs"> <input id="user" type="text" name="user" placeholder="###USERNAME_LABEL###" required> <input id="pass" type="password" name="pass" placeholder="###PASSWORD_LABEL###" required> </fieldset> <fieldset id="actions"> <input type="submit" id="submit" value="###LOGIN_LABEL###"> <div class="felogin-hidden"> <input type="hidden" name="logintype" value="login" /> <input type="hidden" name="pid" value="###STORAGE_PID###" /> <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" /> <input type="hidden" name="###PREFIXID###[noredirect]" value="###NOREDIRECT###" /> ###EXTRA_HIDDEN### <!--###FORGOTP_VALID###--> <p><!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###--></p> <!--###FORGOTP_VALID###--> </div> </fieldset> </form> </div> </li> <li id="signup"> <a href="index.php?id=1005">Registrierung</a> </li> </ul> </nav> <!-- END LOGIN-DROPDOWN --> <!-- ###LOGIN_FORM### --> <!--###TEMPLATE_LOGIN###--> <!--###TEMPLATE_LOGOUT###--> <form action="###ACTION_URI###" target="_top" method="post"> <fieldset> <div class="login_button"> <input type="submit" name="submit" value="###LOGOUT_LABEL###" /> </div> <div class="felogin-hidden"> <input type="hidden" name="logintype" value="logout" /> <input type="hidden" name="pid" value="###STORAGE_PID###" /> </div> </fieldset> </form> <!--###TEMPLATE_LOGOUT###--> <!--###TEMPLATE_FORGOT###--> ###STATUS_HEADER### ###STATUS_MESSAGE### <!-- ###FORGOT_FORM### --> <form action="###ACTION_URI###" method="post"> <div class="felogin-hidden"> <input type="hidden" name="tx_felogin_pi1[forgot_hash]" value="###FORGOTHASH###" /> </div> <fieldset> <legend>###LEGEND###</legend> <div> <label for="tx_felogin_pi1-forgot-email">###DATA_LABEL###</label> <input type="text" name="###FORGOT_EMAIL###" id="tx_felogin_pi1-forgot-email" /> </div> <div> <input type="submit" name="submit" value="###SEND_PASSWORD###" /> </div> </fieldset> </form> <!-- ###FORGOT_FORM### --> <p>###BACKLINK_LOGIN### </p> <!--###TEMPLATE_FORGOT###--> Wer kann helfen? |
|
Verfasst am: 27. 06. 2012 [17:44]
|
|
|
timmy2007
Themenersteller
Dabei seit: 04.01.2007
Beiträge: 426
|
Ich bin nun einen Schritt weiter und alle gewünschten Formulare öffnen sich in der Dropdown-Box. Nur das Logout geht nicht: HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Templates for felogin</title> </head> <body> <h1>Common markers</h1> <p>These are substituted in all felogin item displaying templates.</p> <h2>Markers</h2> <ul> <li>###ACTION_URI### - URI of the request for the login/logout form</li> <li>###EXTRA_HIDDEN### - Hook required (additionnal hidden field used by kb_md5fepw extension by Kraft Bernhard)</li> <li>###ON_SUBMIT### - Hook required (used by kb_md5fepw extension by Kraft Bernhard)</li> <li>###PREFIXID### - Same as class name ('tx_newloginbox_pi1') usefull to get a unique classname prefix</li> <li>###REDIRECT_URL### - URL of redirection upon login</li> <li>###STORAGE_PID### - explicit enough I guess (if not : id of the page where user are stored)</li> <li>###STATUS_HEADER### - depends of the template</li> <li>###STATUS_MESSAGE### - depends of the template</li> </ul> <h2>Wrap parts</h2> <ul> <li>###HEADER_VALID### - usefull to define what to show/hide</li> <li>###MESSAGE_VALID### - usefull to define what to show/hide</li> <li>###FORGOTP_VALID### - usefull to define what to show/hide</li> <li>###PERMALOGIN_VALID### - usefull to define what to show/hide</li> </ul> <h2>felogin Language Markers (see pi/locallang.xml)</h2> <ul> <li>###EMAIL_LABEL### - corresponding to 'your_email'</li> <li>###FORGOT_PASSWORD### - corresponding to 'forgot_password'</li> <li>###FORGOT_PASSWORD_BACKTOLOGIN### - corresponding to 'forgot_password_backToLogin'</li> <li>###FORGOT_PASSWORD_ENTEREMAIL### - corresponding to 'forgot_password_enterEmail'</li> <li>###LOGIN_LABEL### - corresponding to 'login'</li> <li>###PASSWORD_LABEL### - corresponding to 'password'</li> <li>###SEND_PASSWORD### - corresponding to 'send_password'</li> <li>###USERNAME_LABEL### - corresponding to 'username'</li> </ul> <!--###TEMPLATE_LOGIN###--> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> Log in <span>?</span> </a> <div id="login-content"> <!-- ###LOGIN_FORM### --> <form action="###ACTION_URI###" target="_top" method="post" onsubmit="###FORM_SUBMIT###" id="###FORM_ID###"> <fieldset id="inputs"> <legend>###LEGEND###</legend> <div> <label for="user">###USERNAME_LABEL###</label> <input type="text" id="user" name="user" value="" /> </div> <div> <label for="pass">###PASSWORD_LABEL###</label> <input type="password" id="pass" name="pass" value="" /> </div> <!--###PERMALOGIN_VALID###--> <div> <label for="permalogin">###PERMALOGIN###</label> <input name="permalogin" value="0" type="hidden" ###PERMALOGIN_HIDDENFIELD_ATTRIBUTES### id="permaloginHiddenField" /> <input name="permalogin" value="1" type="checkbox" ###PERMALOGIN_CHECKBOX_ATTRIBUTES### id="permalogin" onclick="document.getElementById('permaloginHiddenField').disabled = this.checked;" /> </div> <!--###PERMALOGIN_VALID###--> <div> <input type="submit" name="submit" value="###LOGIN_LABEL###" onclick="###SUBMIT_ONCLICK###" /> </div> <div class="felogin-hidden"> <input type="hidden" name="logintype" value="login" /> <input type="hidden" name="pid" value="###STORAGE_PID###" /> <input type="hidden" name="redirect_url" value="###REDIRECT_URL###" /> ###EXTRA_HIDDEN### <!--###FORGOTP_VALID###--> <p><!--###FORGOT_PASSWORD_LINK###-->###FORGOT_PASSWORD###<!--###FORGOT_PASSWORD_LINK###--></p> <!--###FORGOTP_VALID###--> </div> </fieldset> </form> </div> </li> <li id="signup"> <a href="index.php?id=1005">Registrierung</a> </li> </ul> </nav> <!-- ###LOGIN_FORM### --> <!--###TEMPLATE_LOGIN###--> <!--###TEMPLATE_LOGOUT###--> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> <b>###USERNAME###´s</b> Menü<span>?</span> </a> <div id="login-content"> <form action="###ACTION_URI###" target="_top" method="post" onsubmit="###FORM_SUBMIT###" id="###FORM_ID###"> <fieldset> <div> Hallo <b>###USERNAME###</b>! Was möchtest Du machen? Zum Profil gehen? Deine Nachrichten lesen? </div> <div><li id="signup"> </li> </div> <div class="felogin-hidden"> <input type="hidden" name="logintype" value="logout" /> <input type="hidden" name="pid" value="###STORAGE_PID###" /> </div> </fieldset> </form> </div> <li id="signup"> <input type="submit" name="submit" value="###LOGOUT_LABEL###" onclick="###SUBMIT_ONCLICK###" /> </li> </ul> </nav> <!--###TEMPLATE_LOGOUT###--> <!--###TEMPLATE_FORGOT###--> <nav> <ul> <li id="login"> <a id="login-trigger" href="#"> Kennwort vergessen? <span>?</span> </a> <div id="login-content"> <!-- ###FORGOT_FORM### --> <form action="###ACTION_URI###" method="post" onsubmit="###FORM_SUBMIT###" id="###FORM_ID###"> <fieldset id="inputs"> <legend>###LEGEND###</legend> <div> <label for="###FORGOT_EMAIL###">###EMAIL_LABEL###</label> <input type="text" name="###FORGOT_EMAIL###" id="###FORGOT_EMAIL###" /> </div> <div> <input type="submit" name="submit" value="###SEND_PASSWORD###" onclick="###SUBMIT_ONCLICK###" /> </div> </fieldset> </form> </div> <li id="signup"> <!-- ###FORGOT_FORM### --> ###BACKLINK_LOGIN### <!--###TEMPLATE_FORGOT###--> </li> </ul> </nav> </div> |



