Hallo zusammen,
erstmal vielen Dank fürs reinschauen!
Ich bin gerade dabei für meine TYPO3 Seite mir eine LoginBox zu basteln.
Mein Felogin bzw. Einloggen usw. Funktioniert schon.
Es wird ein Login OHNE Registration.
Nun ich hätte gern diesen Login:
http://thefinishedbox.com/freebies/scripts/jquery-dropdown-login/
Ich habe das Teil mal runtergeladen.
Die CSS in mein Style.css und die JS in mein JS Ordner und habs per HTML includet.
Auch die Images sind im richtigen Ordner.
Soweit würde das Script auch funktionieren rein in HTML.
Doch ich schaff es nicht mein Felogin zu koppeln mit der LoginBox.
Nach suchen habe ich folgendes TS Script gefunden:
xx.render.haendlerlogin = COA
xx.render.haendlerlogin {
wrap = <div class="wrapper">|</div>
30 = COA
30 {
10 = TEXT
10.wrap = <a href="#" id="loginButton" class="h-button"><span>|</span></a>
10.value = Händler-Login
20 = COA
20 {
wrap = <div id="loginBox"> | </div>
10 < plugin.tx_felogin_pi1
10 {
feloginBaseURL = xxx
storagePid = 662
templateFile = fileadmin/templates/felogin/felogin_standard.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 >
}
40 = TEXT
40.value = <div class="reg-link"><a href="/?id=659" alt="Link zum Registrationsformular">Neu registrieren</a></div>
}
}
}
xx.panel_js = COA
xx.panel_js {
30 = TEXT
30.value (
<script type="text/javascript">
$(function() {
var button = $('#loginButton');
var box = $('#loginBox');
var form = $('#loginForm');
button.removeAttr('href');
button.mouseup(function(login) {
box.toggle();
button.toggleClass('active');
});
form.mouseup(function() {
return false;
});
$(document).mouseup(function(login) {
if(!($(login.target).parents('#loginButton').length > 0)) {
button.removeClass('active');
box.hide();
}
});
});
</script>
)
}
Es ist von jemand der es auch mal versucht hat, aber ich kann es nicht für mich abwandeln 🙁
Vor allem weiss ich nicht wie ich dem HTML sagen soll hier setze die LoginBox ein ?
HTML:
<!-- ###DOKUMENT### begin -->
<style type="text/css">
#search {
}
#search input[type="text"] {
background: url(http://localhost/typo3/fileadmin/template/img/search-white.png) no-repeat 10px 6px #fcfcfc;
border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 80px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 130px;
}
</style>
<script type="text/javascript" src="fileadmin/template/js/hoverIntent.js"></script>
<script type="text/javascript" src="fileadmin/template/js/superfish.js"></script>
<script type="text/javascript" src="fileadmin/template/js/supersubs.js"></script>
<script type="text/javascript" src="fileadmin/template/js/login.js"></script>
<script type="text/javascript">
// initialise plugins
$(document).ready(function(){
$("ul.sf-menu").supersubs({
minWidth: 11, // minimum width of sub-menus in em units
maxWidth: 27, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don't sometimes turn over
// due to slight rounding differences and font-family
}).superfish({
animation: {opacity:'toggle',height:'show',width:'show'},
speed: 'fast'
}); // call supersubs first, then superfish, so that subs are
// not display:none when measuring. Call before initialising
// containing tabs for same reason.
});
</script>
<div id="center">
<div id="head">
<div class="login">
<!-- ###LOGIN### start -->
Hier hätte ich gerne die LoginBox
<!-- ###LOGIN### stop -->
</div>
<div id="logo">###LOGO###</div>
</div>
<div id="navigation">###NAVI###</div>
<div id="headerbild">###HEADERBILD###</div>
<div style="float:right; padding-top: 55px; padding-right: 13px;" class="searchform">
<form method="post" action="http://localhost/typo3/index.php?id=78" id="search">
<input type="text" size="10" title="" value="" name="tx_indexedsearch[sword]" class="searchbox" placeholder="Suche..." />
<input type="hidden" value="1" name="tx_indexedsearch[type]" />
<input type="hidden" name="tx_indexedsearch[lang]" value="0" />
<input type="hidden" value="1" name="no_cache" />
</form>
</div>
<div style="clear:both;"></div>
<div id="headernavi">###HEADERNAVI###</div>
<div id="content">
<div id="con-left-right">
<div id="con-left">###CONTENT###</div>
<div id="con-right">###RIGHT###</div>
</div>
<div id="footer">
###FOOTER###<br style="clear:both;" />
</div>
</div>
</div>
<!-- ###DOKUMENT### end
Würde mir bitte jemand helfen? Ich komm einfach nicht weiter..
Danke