mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 06:12 Benutzername: Passwort: Auto-Login

Thema: Border als Dreidimensionale Schattierung im css vom 29.07.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Border als Dreidimensionale Schattierung im css
Autor Nachricht
Isabella20.10
Threadersteller

Dabei seit: 24.10.2007
Ort: 76228 Karlsruhe
Alter: 36
Geschlecht: Weiblich
Verfasst Di 29.07.2008 14:18
Titel

Border als Dreidimensionale Schattierung im css

Antworten mit Zitat Zum Seitenanfang

Hallo,
kann mir vielleicht jemand helfen?
Ich möchte eine Website sozusagen durch eine dreidimensionale Schattierung einrahmen und weis nicht wie. Im Web finde ich nur wie ich um Bilder Schattierungen mache.



mein css sieht so aus:

/* Page margins and background | Randbereiche & Seitenhintergrund */
body { background: #fff; padding: 0px; background-image: url(../../img/background.gif);background-repeat: repeat-x; }

/* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
#page{ border: 0px #667 solid; }
#page_margins {border:0; min-width: 756px; max-width: 80em; margin:auto;}

/* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
#header { position:relative; height: 120px; color: #fff; background: #fff url(../../img/header.jpg) repeat-x top; }
img#companyLogo {position:absolute; top: 15px; left: 10px; font-size:208%;}

#main { background: #fff ; padding-top: 1em;}

#footer { color:#9A9A9A; background: #363636 url(../../img/footer.gif) repeat-x center; padding: 1em 0 0 0; border-top: 1px #ddd solid; line-height: 1.5em; font-size:0.8em;text-align:center;}

#teaser {
margin:0;
background: #ffffff;
padding:4px 4px 4px 18px;
color: #5f5d75;
}

Kann jemand damit etwas anfangen? Ich habe leider nicht besonders viel Erfahrung mit css.
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Di 29.07.2008 16:14
Titel

Antworten mit Zitat Zum Seitenanfang

Meinst du sowas?
 
Anzeige
Anzeige
Isabella20.10
Threadersteller

Dabei seit: 24.10.2007
Ort: 76228 Karlsruhe
Alter: 36
Geschlecht: Weiblich
Verfasst Di 29.07.2008 17:04
Titel

Antworten mit Zitat Zum Seitenanfang

Nicht ganz, nicht als Rahmen sondern nur links und rechts. So ungefähr:
http://www.idn-online.de/bilder/schattierung.tiff
  View user's profile Private Nachricht senden
Nik-Flip

Dabei seit: 04.08.2008
Ort: Düsseldorf
Alter: -
Geschlecht: Männlich
Verfasst Mo 04.08.2008 15:12
Titel

Antworten mit Zitat Zum Seitenanfang

Isabella20.10 hat geschrieben:
Nicht ganz, nicht als Rahmen sondern nur links und rechts. So ungefähr:
http://www.idn-online.de/bilder/schattierung.tiff

Wenn du ein festes Seitenverhältnis benutzt, empfehle ich dir folgendes.
Du erstellst wie hier einen festen Hintergrund, so wie der da unten:




Per CSS positionierst du ihn dann:

Code:

body {
background: url(YXZ) center repeat-y;
}


Jetzt passt du nur noch den Content an die Breite von dem Hintergrund an (in diesem Fall 800px) und schon hast du einen schönen durchlaufenden Rahmen Lächel


Zuletzt bearbeitet von Nik-Flip am Mo 04.08.2008 15:14, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Bilder im A-Element haben trotz border:none einen border
CSS Bildlink: ohne border - hover: mit border
img {border: 0;} oder img {border: none;}
Bewegungsmarke und Dreidimensionale Marke
tiefeneindruck durch schattierung
CSS: Schattierung links un Rechts der Website - kl. Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.