Anmeldung wie bei Nespresso.de - bei Klick ausfahren

[sepp_a_u]

Hallo zusammen,

gibt es ein Modul oder die Möglichkeit, die Anmeldung bei Contao so zu gestalten wie bei nespresso.de/?
Dort steht oben der Link Anmelden. sobald man dort draufklickt, wird eine Zeile oberhalb etwas angezeigt, was die zwei bekannten Textfelder für Userund Passwort enthält als auch den registrieren link.

Gibt es eine Möglichkeit dies so zu realisieren? mit contao 2_11 und css?

Viele Grüsse u danke

[Nina]

Genauso wie bei Nespresso solltest du es imho nicht machen, denn das ist eine reine Flashseite.

Du kannst den Effekt aber mit CSS und ein wenig Javascript erreichen.

[sepp_a_u]

gibt es keine alternative zu flash? also nur mit css zB?

[Nina]

Du kannst den Effekt aber mit CSS und ein wenig Javascript erreichen.

Wie ich schon sagte, lässt sich mit CSS & JavaScript umsetzen. Schau dich am besten mal ein bisschen um, der Effekt ist nicht so ungewöhnlich. Eine Suche nach "mootools login panel" (in Google) sollte weiterhelfen. Du musst nur darauf achten, dass das Script zur Mootools-Version in deinem Contao passt.

[markocupic]

Meinst du sowas:
Auf Login klicken oben rechts ;-)
http://kletterkader.com/index.php/Da...alzentrum.html
Gruss Marko

[maja340]

also ich sehe den login / anmelden link oben nicht;
ist dieser versteckt;

also wie schon erwähnt; geht das ganze mit ein wenig jquery & css 100%;
ich habe auch über eine Option nachgedacht, vielleicht kann ich ja in den nächsten Wochen was beitragen.

sieht hübsch aus :-)


mfg

gisi

[markocupic]

http://kletterkader.com/index.php/galerie.html
Zu oberst Rechts

Gruss marko

[maja340]

in dem Quellcode sieht du ja den Link zu der Loginseite, dieser ruft die JS Funktion mySlide.toggle(); auf;
Außerdem findest du auch in dem Quellcode die JS Funktion:

<!-- indexer::stop -->
<script type="text/javascript">
<!--//--><![CDATA[//><!--
	window.addEvent('domready', function(){
		$('login').setStyle('height','auto');
		mySlide = new Fx.Slide('login');
		mySlide.hide();  //starts the panel in closed state  
		$$('a.backend_login_link').setProperty('onClick', 'mySlide.toggle();');
	
	    $$('a.backend_login_link').addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			e.stop();
		});
	
	    $$('.LoginSliderButtons a.close').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
		});
	
	});
//--><!]]>
</script>
<!-- indexer::continue -->

Der Slider wird durch die CSS Angaben aus der Datei
system/modules/login_slider/html/fe_login_slider.css gestylt.

Alles ein wenig näher ansehen und probieren, probieren und nochmals probieren...


mfg

Gisi