anpera.net

anpera.net

experimental server @home
Aktuelle Zeit: Mo 22 Apr, 2019 03:23

Alle Zeiten sind UTC + 1 Stunde




Ein neues Thema erstellen Auf das Thema antworten  [ 7 Beiträge ] 
Autor Nachricht
 Betreff des Beitrags: Skin-Bastelarbeiten
BeitragVerfasst: Fr 19 Nov, 2010 20:49 
Offline
Eingeweihter
Eingeweihter
Benutzeravatar

Registriert: Mo 01 Sep, 2008 10:29
Beiträge: 99
Wohnort: Niedersachsen
Geschlecht: Männlich
LoGD: http://www.sotbd.de/about.php?op=source
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 ? ^^


Zuletzt geändert von Shaddar am Sa 20 Nov, 2010 22:25, insgesamt 1-mal geändert.

Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Skin-Bastelarbeiten
BeitragVerfasst: Fr 19 Nov, 2010 23:27 
Offline
Marquis Pherae
Marquis Pherae

Registriert: Mi 09 Feb, 2005 16:01
Beiträge: 3914
Wohnort: Basel
Geschlecht: Männlich
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.


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Skin-Bastelarbeiten
BeitragVerfasst: Fr 19 Nov, 2010 23:35 
Offline
Eingeweihter
Eingeweihter
Benutzeravatar

Registriert: Mo 01 Sep, 2008 10:29
Beiträge: 99
Wohnort: Niedersachsen
Geschlecht: Männlich
LoGD: http://www.sotbd.de/about.php?op=source
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 ^^


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Skin-Bastelarbeiten
BeitragVerfasst: Sa 20 Nov, 2010 08:34 
Offline
Freak
Freak

Registriert: So 29 Jan, 2006 09:41
Beiträge: 1927
Wohnort: Schweiz
Geschlecht: Männlich
Skype: louis.huppenbauer
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.


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Skin-Bastelarbeiten
BeitragVerfasst: Sa 20 Nov, 2010 16:35 
Offline
Eingeweihter
Eingeweihter
Benutzeravatar

Registriert: Mo 01 Sep, 2008 10:29
Beiträge: 99
Wohnort: Niedersachsen
Geschlecht: Männlich
LoGD: http://www.sotbd.de/about.php?op=source
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. ^^


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Skin-Bastelarbeiten
BeitragVerfasst: Sa 20 Nov, 2010 18:27 
Offline
Freak
Freak

Registriert: So 29 Jan, 2006 09:41
Beiträge: 1927
Wohnort: Schweiz
Geschlecht: Männlich
Skype: louis.huppenbauer
Spiel mal etwas mit padding und margin rum, vielleicht haben die ja auch einen Einfluss drauf ;)


Nach oben
 Profil  
Mit Zitat antworten  
 Betreff des Beitrags: Re: Skin-Bastelarbeiten
BeitragVerfasst: Sa 20 Nov, 2010 18:42 
Offline
Eingeweihter
Eingeweihter
Benutzeravatar

Registriert: Mo 01 Sep, 2008 10:29
Beiträge: 99
Wohnort: Niedersachsen
Geschlecht: Männlich
LoGD: http://www.sotbd.de/about.php?op=source
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


Nach oben
 Profil  
Mit Zitat antworten  
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Ein neues Thema erstellen Auf das Thema antworten  [ 7 Beiträge ] 

Alle Zeiten sind UTC + 1 Stunde


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste


Du darfst keine neuen Themen in diesem Forum erstellen
Du darfst keine Antworten zu Themen in diesem Forum erstellen
Du darfst deine Beiträge in diesem Forum nicht ändern
Du darfst deine Beiträge in diesem Forum nicht löschen
Du darfst keine Dateianhänge in diesem Forum erstellen

Suche nach:
Gehe zu:  
cron
POWERED_BY
Deutsche Übersetzung durch phpBB.de
anpera.net - Impressum