Tone
beobachtet
- Registriert
- 20 Juli 2013
- Beiträge
- 308
Moin,
ich wollte eine kleine Spielerei mit der Apple Startseite machen, das Problem ist das meine HTML Kenntnisse extrem eingestaubt sind, jedenfalls wenn ich die Seite speicher und öffne, werden mir die Texte in der Leiste Store, iPhone, iPad etc. nicht angezeigt und ich weiß grad nicht warum, zieht der sich das aus dem Netz oder wird da ne Schriftart verwendet die ich nicht installiert habe?
[src=html5]<li id="gn-store"><a href="http://store.apple.com/de" onclick="s_objectID="http://store.apple.com/de_1";return this.s_oc?this.s_oc(e):true" class=""><span>Store</span></a></li>
<li id="gn-mac"><a href="http://www.apple.com/de/mac/" onclick="s_objectID="http://www.apple.com/de/mac/_1";return this.s_oc?this.s_oc(e):true" class=""><span>Mac</span></a></li>
<li id="gn-ipod"><a href="http://www.apple.com/de/ipod/" onclick="s_objectID="http://www.apple.com/de/ipod/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPod</span></a></li>
<li id="gn-iphone"><a href="http://www.apple.com/de/iphone/" onclick="s_objectID="http://www.apple.com/de/iphone/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPhone</span></a></li>
<li id="gn-ipad"><a href="http://www.apple.com/de/ipad/" onclick="s_objectID="http://www.apple.com/de/ipad/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPad</span></a></li>
<li id="gn-itunes"><a href="http://www.apple.com/de/itunes/" onclick="s_objectID="http://www.apple.com/de/itunes/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iTunes</span></a></li>
<li id="gn-support" class="gn-last"><a href="http://www.apple.com/de/support/" onclick="s_objectID="http://www.apple.com/de/support/_1";return this.s_oc?this.s_oc(e):true"><span>Support</span></a></li>
[/src]
CSS:
[src=css]#globalheader.ipod li#gn-ipod a,
#globalheader.iphone li#gn-iphone a,
#globalheader.ipad li#gn-ipad a,
#globalheader.itunes li#gn-itunes a,
#globalheader.support li#gn-support a { background-position:right -144px !important; }
#globalheader.gn-last #globalnav.tabs6-nosearch li.gn-last a { background-position:-165px -144px !important; }
#globalheader.gn-last #globalnav.tabs7-nosearch li.gn-last a { background-position:-140px -144px !important; }
#globalheader.gn-last #globalnav.nosearch li.gn-last a { background-position:-126px -144px !important; }
/* TEXT */
#globalheader #globalnav li a span { display:block; width:100%; height:30px; margin:3px auto; background:url(/global/nav/images/globalnav_text.png) no-repeat 50% 0; _background-image:url(/global/nav/images/globalnav_text.gif); }
#globalheader.svg #globalnav li a span { background-image:url(/global/nav/images/globalnav_text.svg); }
#globalheader.decelerate #globalnav li a span,
#globalheader.ios3 #globalnav li a span { background-image:url(/global/nav/images/globalnav_text.png); }
#globalheader #globalnav li#gn-apple a span { background-position:50% 0; }
#globalheader #globalnav li#gn-store a span { background-position:50% -30px; }
#globalheader #globalnav li#gn-mac a span { background-position:50% -60px; }
#globalheader #globalnav li#gn-ipod a span { background-position:50% -90px; }
#globalheader #globalnav li#gn-iphone a span { background-position:50% -120px; }
#globalheader #globalnav li#gn-ipad a span { background-position:50% -150px; }
#globalheader #globalnav li#gn-itunes a span { background-position:50% -180px; }
#globalheader #globalnav li#gn-support a span { background-position:50% -210px; }[/src]
Sry falls zu blöd^^
ich wollte eine kleine Spielerei mit der Apple Startseite machen, das Problem ist das meine HTML Kenntnisse extrem eingestaubt sind, jedenfalls wenn ich die Seite speicher und öffne, werden mir die Texte in der Leiste Store, iPhone, iPad etc. nicht angezeigt und ich weiß grad nicht warum, zieht der sich das aus dem Netz oder wird da ne Schriftart verwendet die ich nicht installiert habe?
[src=html5]<li id="gn-store"><a href="http://store.apple.com/de" onclick="s_objectID="http://store.apple.com/de_1";return this.s_oc?this.s_oc(e):true" class=""><span>Store</span></a></li>
<li id="gn-mac"><a href="http://www.apple.com/de/mac/" onclick="s_objectID="http://www.apple.com/de/mac/_1";return this.s_oc?this.s_oc(e):true" class=""><span>Mac</span></a></li>
<li id="gn-ipod"><a href="http://www.apple.com/de/ipod/" onclick="s_objectID="http://www.apple.com/de/ipod/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPod</span></a></li>
<li id="gn-iphone"><a href="http://www.apple.com/de/iphone/" onclick="s_objectID="http://www.apple.com/de/iphone/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPhone</span></a></li>
<li id="gn-ipad"><a href="http://www.apple.com/de/ipad/" onclick="s_objectID="http://www.apple.com/de/ipad/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPad</span></a></li>
<li id="gn-itunes"><a href="http://www.apple.com/de/itunes/" onclick="s_objectID="http://www.apple.com/de/itunes/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iTunes</span></a></li>
<li id="gn-support" class="gn-last"><a href="http://www.apple.com/de/support/" onclick="s_objectID="http://www.apple.com/de/support/_1";return this.s_oc?this.s_oc(e):true"><span>Support</span></a></li>
[/src]
CSS:
[src=css]#globalheader.ipod li#gn-ipod a,
#globalheader.iphone li#gn-iphone a,
#globalheader.ipad li#gn-ipad a,
#globalheader.itunes li#gn-itunes a,
#globalheader.support li#gn-support a { background-position:right -144px !important; }
#globalheader.gn-last #globalnav.tabs6-nosearch li.gn-last a { background-position:-165px -144px !important; }
#globalheader.gn-last #globalnav.tabs7-nosearch li.gn-last a { background-position:-140px -144px !important; }
#globalheader.gn-last #globalnav.nosearch li.gn-last a { background-position:-126px -144px !important; }
/* TEXT */
#globalheader #globalnav li a span { display:block; width:100%; height:30px; margin:3px auto; background:url(/global/nav/images/globalnav_text.png) no-repeat 50% 0; _background-image:url(/global/nav/images/globalnav_text.gif); }
#globalheader.svg #globalnav li a span { background-image:url(/global/nav/images/globalnav_text.svg); }
#globalheader.decelerate #globalnav li a span,
#globalheader.ios3 #globalnav li a span { background-image:url(/global/nav/images/globalnav_text.png); }
#globalheader #globalnav li#gn-apple a span { background-position:50% 0; }
#globalheader #globalnav li#gn-store a span { background-position:50% -30px; }
#globalheader #globalnav li#gn-mac a span { background-position:50% -60px; }
#globalheader #globalnav li#gn-ipod a span { background-position:50% -90px; }
#globalheader #globalnav li#gn-iphone a span { background-position:50% -120px; }
#globalheader #globalnav li#gn-ipad a span { background-position:50% -150px; }
#globalheader #globalnav li#gn-itunes a span { background-position:50% -180px; }
#globalheader #globalnav li#gn-support a span { background-position:50% -210px; }[/src]
Sry falls zu blöd^^