es geht um diesen Script (demo ist auf der Seite )
web-kreation.com/demos/Sliding_login_panel_jquery/
Web-Kreation
Zitat
web-kreation.com/demos/Sliding_login_panel_jquery/
gibt es jemanden der mir helfen möchte den code an Ilch an zu passen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
Geschlossen |
<div class="left"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td> Hallo <b>{NAME}</b> <br /> <br /> {NACHRICHTEN} <a class="box" href="index.php?user-3">{_lang_logout}</a> | <a class="box" href="index.php?user-8">{_lang_profil}</a> <br> {ADMIN} </td> </tr> </table> </div> <div class="left right"> </div> </div> </div> <!-- /login --> <div class="tab"> <ul class="login"> <li class="left"> </li> <li>{NAME}</li> <li class="sep">|</li> <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div> {EXPLODE} <div class="left"> <!-- Login Form --> <form method="POST"> <input type="text" name="name" size="13" value="{NAME}" onFocus="if (value == '{NAME}') {value = ''}" onBlur="if (value == '') {value = '{NAME}'}" maxlength="15" style="margin-top:5px; " /><br /> <input type="password" size="13" value="{PASS}" onFocus="if (value == '{PASS}') {value = ''}" onBlur="if (value == '') {value = '{PASS}'}" maxlength="20" name="pass" style="margin-top:5px; " /><br /> <input type="hidden" name="wdlink" value="{wdlink}" /> <input type="submit" name="user_login_sub" value="Login" style="margin-top:5px; " />{regist} </form> </div> <div class="left right"> </div> </div> </div> <!-- /login --> <div class="tab"> <ul class="login"> <li class="left"> </li> <li>{NAME}</li> <li class="sep">|</li> <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div> <!--panel --> </body> </html>
<div id="toppanel"> <div id="panel"> <div class="content clearfix"> <div class="left"> <h1>Welcome to Web-Kreation</h1> <h2>Sliding login panel Demo with jQuery</h2> <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p> <h2>Download</h2> <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article »</a></p> </div> <div class="left"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td> Hallo <b>{NAME}</b> <br /> <br /> {NACHRICHTEN} <a class="box" href="index.php?user-3">{_lang_logout}</a> | <a class="box" href="index.php?user-8">{_lang_profil}</a> <br> {ADMIN} </td> </tr> </table> </div> <div class="left right"> </div> </div> </div> <!-- /login --> <div class="tab"> <ul class="login"> <li class="left"> </li> <li>{NAME}</li> <li class="sep">|</li> <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div> {EXPLODE} <div class="left"> <!-- Login Form --> <form method="POST"> <input type="text" name="name" size="13" value="{NAME}" onFocus="if (value == '{NAME}') {value = ''}" onBlur="if (value == '') {value = '{NAME}'}" maxlength="15" style="margin-top:5px; " /><br /> <input type="password" size="13" value="{PASS}" onFocus="if (value == '{PASS}') {value = ''}" onBlur="if (value == '') {value = '{PASS}'}" maxlength="20" name="pass" style="margin-top:5px; " /><br /> <input type="hidden" name="wdlink" value="{wdlink}" /> <input type="submit" name="user_login_sub" value="Login" style="margin-top:5px; " />{regist} </form> </div> <div class="left right"> </div> </div> </div> <!-- /login --> <div class="tab"> <ul class="login"> <li class="left"> </li> <li>{NAME}</li> <li class="sep">|</li> <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div> <!--panel --> <!-- jQuery - the core --> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- Sliding effect --> <script src="js/slide.js" type="text/javascript"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"> <html> <head> <title>{TITLE}</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="include/designs/ilchClan/style.css"> <!-- stylesheets --> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" /> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script> <![endif]--> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td>{_boxes_login}</td> </tr> </table>
<div id="toppanel"> <div id="panel"> <div class="content clearfix"> <div class="left"> <h1>Welcome to Web-Kreation</h1> <h2>Sliding login panel Demo with jQuery</h2> <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p> <h2>Download</h2> <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article »</a></p> </div> <div class="left"> <table width="100%" border="0" cellspacing="0" cellpadding="10"> <tr> <td> Hallo <b>{NAME}</b> <br /> <br /> {NACHRICHTEN} <a class="box" href="index.php?user-3">{_lang_logout}</a> | <a class="box" href="index.php?user-8">{_lang_profil}</a> <br> {ADMIN} </td> </tr> </table> </div> <div class="left right"> </div> </div> </div> <!-- /login --> <div class="tab"> <ul class="login"> <li class="left"> </li> <li>Hallo "{NAME}"</li> <li class="sep">|</li> <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div> {EXPLODE} <div id="toppanel"> <div id="panel"> <div class="content clearfix"> <div class="left"> <h1>Welcome to Web-Kreation</h1> <h2>Sliding login panel Demo with jQuery</h2> <p class="grey">You can put anything you want in this sliding panel: videos, audio, images, forms... The only limit is your imagination!</p> <h2>Download</h2> <p class="grey">To download this script go back to <a href="http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery" title="Download">article »</a></p> </div> <div class="left"> <!-- Login Form --> <form method="POST"> <h1>Member Login</h1> <label class="grey" for="log">Username:</label> <input type="text" name="name" size="30" value="{NAME}" onFocus="if (value == '{NAME}') {value = ''}" onBlur="if (value == '') {value = '{NAME}'}" maxlength="15" style="margin-top:5px; " /><br /> <label class="grey" for="pwd">Password:</label> <input type="password" size="30" value="{PASS}" onFocus="if (value == '{PASS}') {value = ''}" onBlur="if (value == '') {value = '{PASS}'}" maxlength="20" name="pass" style="margin-top:5px; " /><br /> <input type="hidden" name="wdlink" value="{wdlink}" /> <input type="submit" name="user_login_sub" value="Login" style="margin-top:5px; " />{regist} </form> </div> <div class="left right"> </div> </div> </div> <!-- /login --> <div class="tab"> <ul class="login"> <li class="left"> </li> <li>Hallo "Gast"</li> <li class="sep">|</li> <li id="toggle"> <a id="open" class="open" href="#">Log In | Register</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div> <!--panel --> <!-- jQuery - the core -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" /> <!-- PNG FIX for IE6 --> <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --> <!--[if lte IE 6]> <script type="text/javascript" src="js/pngfix/supersleight-min.js"></script> <![endif]--> <!-- jQuery - the core --> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <!-- Sliding effect --> <script src="js/slide.js" type="text/javascript"></script>
<a id="open" class="open" href="#">Open Panel</a> <a id="close" style="display: none;" class="close" href="#">Close Panel</a>
Geschlossen | ||
Zurück zu Design und Templates |