Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
Hi mr_krabs,
dieser Link http://www.chanel.com/de_DE/#ccpanel-container ist ein HTML Anker > http://de.wikipedia.org/wiki/Anker_%28HTML%29
Das geht auch mit WP ;-)
Kann man so etwas auch mit wordPress umsetzen?
keine ahnung aber die Seite ist ja hammer :) ich habe mutig auf mode geklickt :)
lg
ralf
Das ist einfach nur ein DIV, welches per JavaScript gesteuert wird.
Der Klick, auf den Link, wird abgefangen und dann die Position des DIVs verschoben, über den anderen Inhalt drüber.
Ebenso wird das Scroll-Ereignis abgefangen und ebenfalls die Position verschoben.
Aber ja, ist natürlich auch mit WordPress möglich.
Aber ja, ist natürlich auch mit WordPress möglich.
Mit WordPress ist immer alles möglich.;-)
Abgesehen davon: Die Website ist hohe Schule!
Abgesehen davon: Die Website ist hohe Schule!
Sorry Edi, aber da bin ich gänzlich anderer Meinung!
Das Design mag ja zum Teil ganz nett sein, ja. Ein par schöne Effekte sind auch dabei, ja. Die technische Umsetzung ist in ein paar kleinen (HTML5) Bereichen auch ganz gut, ja. Aber das War es dann auch schon!
-Die Unterseiten sind teilweise vollkommen unterschiedlich gestaltet (andere Haupt-Navigation, etc.) -> das mag ja kurzzeitig interesant sein, aus Useability Gründen ist das aber ein NoGo.
-Für mobile Endgeräte ist, bis auf die Übersichtsseite, nicht, aber schon garnichts getrimmt -> heutztage für so ein Label eigentlich auch eher ein NoGo!
-Speziell die Mode-Seite ist dermassen überladen und mit JS gespickt, das eine flüssige Animation kaum zustande kommt.
-die Typographie ist auf fast allen Unterseiten eine einzige Katastrophe!
-usw. usf.
Nur meine Meinung ;-)
LG, pixselig
PS: natürlich kann man dieses Verbrechen auch mit Wordpress begehen.
Die Website ist ein gelungenes Schaufenster, was möglich ist. Ob sie gefällt oder nicht, ist wie Chanel Geschmackssache. ;-)
-Für mobile Endgeräte ist, bis auf die Übersichtsseite, nicht, aber schon garnichts getrimmt -> heutztage für so ein Label eigentlich auch eher ein NoGo!
Doch, doch, schaue es Dir auf dem Tablet oder Smartphone an. Der responsive Reflex, einfach das Browserfenster zu verkleinern, gilt hier nicht.
Natürlich gibt es technisch, typographisch usw. sehr viel "bessere" Websites. Aber im Vergleich zu dem, was auf 90% der Websites mit WordPress verbrochen wird, da bleibe ich dabei, ist es hohe Schule.
Ja, Edi - mit der responsiven Eigenschaft hat du vollkommen recht.
Vielleicht war ich auch sonst etwas "hart" in meinem Urteil - nur hohe Schule ist mir dann dennoch etwas zu hoch gegriffen ;-)
mr_krabs: sorry für das off-topic!
Naja, mit ein wenig Suche finden auch Laien einige gute Tuts für sowas. Ist ja kein Hexenwerk ;)
also bei mir geht die Seite "Mode" auf dem Smartphone nicht. nur in netter Hinweis das sie nicht unterstützt wird. und das beim meistgenutzten Browser Firefox. Bei Chrome gehts. Ganz ehrlich, die Seite ist vielleicht in manchen Bereichen ein Hingucker(Modeseite auf nem Guten Rechner mit schnellen internet und neustem Browser), aber gestalterisch und von der Usability her ziemlich chaotisch.
Naja, mit ein wenig Suche finden auch Laien einige gute Tuts für sowas. Ist ja kein Hexenwerk ;)
ja das würde ich echt gerne....wenn ich wüsste wonach ich suchen muss:???:
(ich persönlich finde die seite auch zu durcheinander.... bräuchte aber diesen "Hochroll-Effekt" - bin bisher bei meinen Seiten ohne solche schnikischnacks ausgekommen, aber nun wünscht sich das wer und ich habe leider keine Ahnung wie ich das mache:-()
schau dir das mal an http://jsfiddle.net/gabrieleromanato/ChDdE/.
Ich würde es mal so testen:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset="utf-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
#test {
width: 100px;
height: 100px;
position: relative;
top: 1000px;
background: green;
}
</style>
<script type="text/javascript">//<![CDATA[
$(function(){
$('#scroll').click(function() {
$('html,body').animate({
scrollTop: $('#test').css('top')
}, 800, function() {
$('html, body').animate({
scrollTop: 0
}, 800);
});
});
});//]]>
</script></head>
<body>
<p><button id="scroll">scroll</button></p>
<div id="test"></div>
</body>
</html>Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!