anpera.net
http://anpera.homeip.net/phpbb3/

Skin-Bastelarbeiten
http://anpera.homeip.net/phpbb3/viewtopic.php?f=25&t=5222
Seite 1 von 1

Autor:  Shaddar [ Fr 19 Nov, 2010 20:49 ]
Betreff des Beitrags:  Skin-Bastelarbeiten

Hallöchen alle zusammen, ich bins schon wieder ^^

Wir wollten uns mal etwas besonderes für unseren nächsten Skin ausdenken ...
Mein Problem ist nur, dass e noch kein CSS3 gibt xD

Der Skin ist an sich soweit fertig, wir wollen nurnoch den Rahmen um den Content ein wenig verschönern, um genau zu sein mit einigen Bildern. Ich überlege oder probier gerade wie ich das am Besten hinbekommen kann. Eine Tabelle um das ganze zu machen wäre insofern doof weil der Hintergrund des Contents schwarz ist, die Rahmengrafiken aber teils transparent sind und das nach außen hin doof aussehen würde. Um eine genaue Vorstellung davon zu bekommen: http://sotbd.de

Da ich da derzeit immer wieder dran rumbastel verlink ich noch ein paar der Rahmengrafiken:
- entfernt-

Habe versucht das ganze auch noch mit DIV-Containern einzutüten, bin da aber auch eher schlecht als recht weitergekommen ... Zudem sollten die einzelnen Rahmengrafiken auch untereinander korrekt abschließen ... jemand ne Idee für mich ? ^^

Autor:  Eliwood [ Fr 19 Nov, 2010 23:27 ]
Betreff des Beitrags:  Re: Skin-Bastelarbeiten

Kleine Korrektur: Natürlich gibts CSS3. Ein paar Module davon sind sogar schon zu gebrauchen - wenn auch öfters mal mit vendor-prefix. Natürlich können das nur neuere Browser.

Autor:  Shaddar [ Fr 19 Nov, 2010 23:35 ]
Betreff des Beitrags:  Re: Skin-Bastelarbeiten

Jagut, das stimmt natürlich. Aber die Eigenschaft Bilder für den Rahmen definieren zu können fehlt mir halt gerade, weswegen ich nach einer anderen Möglichkeit suchen muss, zumal man ja auch immer abwärtskompatibel bleiben sollte um keine Besucher zu vergraulen ^^

Autor:  Harthas [ Sa 20 Nov, 2010 08:34 ]
Betreff des Beitrags:  Re: Skin-Bastelarbeiten

http://www.css3.info/preview/border-image/ | Hier hast du einige Beispiele. Google Chrome zeigts bei mir perfekt an.
http://www.lrbabe.com/sdoms/borderImage/ | Siehe oben. Zudem hast du hier noch die jQuery-Implementierung dabei. Sehr interessant.
http://caniuse.com/ | Hier siehst du, wann welche Browser border-image unterstützen.

Klar - du solltest eine gewisse Kompatibilität zu älteren Browsern gewährleisten. Ich muss beispielsweise Webseiten sogar noch IE 6 tauglich halten, und glaube mir, das ist ein Horror.

Schau dir doch mal an, wie die Browser-Verteilung deiner Spieler aussieht. Gerade bei solchen "Design"-Elementen muss es auch nicht für jeden Spieler angezeigt werden. Wer einen alten Browser braucht hat Pech gehabt. Zudem ist die Funktionalität dadurch ja in keiner Weise beeinflusst.

Autor:  Shaddar [ Sa 20 Nov, 2010 16:35 ]
Betreff des Beitrags:  Re: Skin-Bastelarbeiten

Dank dir Harthas, die Seiten haben mir echt weitergeholfen :-)

Hatte zwar schonwas mit image-border gefunden, aber als ich es dann ausprobieren wollte kam nix ... Naja nu funzt es jedenfalls wie es soll und sieht doch mal gut aus :-D

Das einzige was ich mich noch frage, ob ich den Inhalt nicht weitr nach links und rechts strechen kann. Durch die Breite des Rahmes ist das alles bisschen nach innen gedrückt. Nach oben könnt ich das ja mit position relative; top: -35px; verschieben und mit na Browserweiche für den IE passt es auch so das die den normalen Doppelrahmen zu sehen bekommen. ^^

Autor:  Harthas [ Sa 20 Nov, 2010 18:27 ]
Betreff des Beitrags:  Re: Skin-Bastelarbeiten

Spiel mal etwas mit padding und margin rum, vielleicht haben die ja auch einen Einfluss drauf ;)

Autor:  Shaddar [ Sa 20 Nov, 2010 18:42 ]
Betreff des Beitrags:  Re: Skin-Bastelarbeiten

Also in letzter Zeit habe ich das Gefühl du bist meine Rettung Harthas xD
Einfach mal margin auf -40px und es sieht wieder so aus wie's soll :D

Wenn ich mal was für dich tun kann musste nur Bescheid sagen ^^
Man da werden sich die User aber heute freuen, so muss ein Geburtstag aussehen xD

Seite 1 von 1 Alle Zeiten sind UTC + 1 Stunde
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/