Hallo zusammen,
ich habe heute folgenden „Splashscreen“ (also die Startseite mit dem Logo, die nach ca. 2 Sek. wieder „ausfaded“) gefunden:
eyecandy retina-ready mobile template
Nun die Frage: Wie erstellt man so etwas? Ich bin einfach zu doof durch die Codierung zu schauen.
Ab Zeile 67 in der HTML:
[TABLE="class: webkit-line-content"]
splash">[TR]
[TD="class: webkit-line-number"][/TD]
[TD]<img id="splash-bg" src="[images/splash/splash.png](http://ritenv.com/templates/eyecandy/images/splash/splash.png)" alt="splash image"/>[/TD]
[/TR]
[TR]
[TD="class: webkit-line-number"][/TD]
[TD]<img id="splash-title" src="[images/splash/main.png](http://ritenv.com/templates/eyecandy/images/splash/main.png)" alt="splash title" />[/TD]
[/TR]
[TR]
[TD="class: webkit-line-number"][/TD]
[TD]</div>[/TD]
[/TR]
[TR]
[TD="class: webkit-line-number"][/TD]
[TD][/TD]
[/TR]
[TR]
[TD="class: webkit-line-number"][/TD]
[TD]<!-- end splash screen -->[/TD]
[/TR]
[/TABLE]Die Formatierungen sind in der style.less (CSS) ab Zeile 269:
[HTML]
#splash { background: @secondaryColor; width: 100%; height: 120%; position: absolute; top: 0; left: 0; z-index: 10000;
#splash-content { margin: 0 auto; }
img#splash-bg { width: 100%; height: 100%; position: absolute; opacity: 0.6; } img#splash-title,img#splash-footer { position: absolute; } img#splash-title { width: 141px; top: 50%; margin-top: -136px; left: 50%; margin-left: -70px; }}[/HTML]
Nun die Frage: In welchem Teil der js-Dateien steht der entsprechende Java-Code? Wie macht man so etwas? Ich bin überfordert … 