Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag29.07.2011 um 12:36 (UTC)    
Titel: Homepage Schatten

Hey ihr Lieben,
ich bräuchte mal Hilfe und zwar wollte ich gerne einen Schatten hinter meiner Homepage haben
also einfach nur links und rechts. Ist das möglich? Hier im Forum kann ich dazu irgendwie nichts finden.

LG Jenny
Beitrag29.07.2011 um 23:37 (UTC)    
Titel:

Hallo,

mit CSS 3 soll es für Html Elemente eine Eigenschaft box-shadow geben. Momentan lässt sich dies nur bei einigen Browsern, welche den vorgesehenen Standard bereits unterstützen bzw. über deren Browserspezifische Eigenschaften realisieren. Ich glaube allerdings, das lässt sich sogar beim IE über die Eigenschaft ms-filter hintricksen:

Zitat:

<style type="text/css">
#element_with_shadow
{
/*Für alle Browser, welche den vorgesehenen Standard bereits unterstützen*/
box-shadow:10px 10px 10px 10px #XXXXXX;

/*Für IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#XXXXXX')";

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#XXXXXX');

/*Für Webkitbrowser*/
-webkit-box-shadow: 10px 10px 10px #XXXXXX;

/*Für FF*/
-moz-box-shadow: 10px 10px 10px #XXXXXX;
}
</style>

Farbe des Schatten
Ich habe die Werte mal so eingesetzt, das man auch was sehen sollte.

Beim IE bin ich mir nicht sicher, ob das klappt. Die anderen sollten zumindest bei den aktuellen Browsern funktionieren. Ansonsten kannst du nur warten, bis der Standard offiziell ist. Bis Microsoft das dann allerdings im IE umgesetzt hat, ist auch Weihnachten 2050.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering


Zuletzt bearbeitet von o-4-n am 30.07.2011, 00:39, insgesamt einmal bearbeitet
Beitrag30.07.2011 um 10:11 (UTC)    
Titel:

Hey,
danke erstmal für die Antwort aber leider funktioniert der Code nicht. Ich hab auch versucht die Werte ein wenig
um zuändern aber irgendwie will der Code nicht so wie ich...gibt es da vllt. noch eine andere möglichkeit?
Beitrag30.07.2011 um 11:30 (UTC)    
Titel:

Mach dir doch deine Grafiken mit dem entsprechenden Schatten.
einmal rechts die schwarz-graue und links die weiß-schwarze.
Dann hast du doch alles.
______________
Beitrag30.07.2011 um 11:57 (UTC)    
Titel:

Hallo,

tomb-raider-extreme hat Folgendes geschrieben:
leider funktioniert der Code nicht.

Der Code funktioniert! Ich habe es gerade getestet und wie ich es mir gedacht habe, das geht sogar im IE.

Schau:
http://o-4-n.de.tl/schattenbox.htm

tomb-raider-extreme hat Folgendes geschrieben:
gibt es da vllt. noch eine andere möglichkeit?

Mit Css nein! Da bleibt nur noch das was spisy gesagt hat.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag30.07.2011 um 12:15 (UTC)    
Titel:

Das ist ziemlich wunderlich Very Happy
Der Code müsste doch bei " Text über dem Design" eingefügt werden oder?
Beitrag30.07.2011 um 14:18 (UTC)    
Titel:

tomb-raider-extreme hat Folgendes geschrieben:
Das ist ziemlich wunderlich Very Happy

Das es im IE klappt? -Ja
Das es überhaupt klappt? -Nein

tomb-raider-extreme hat Folgendes geschrieben:
Der Code müsste doch bei " Text über dem Design" eingefügt werden oder?

Richtig! Und nachdem ich meine Kristallkugel gefragt habe Laughing , glaube ich auch zu wissen, was du falsch gemacht hast.
Spaß bei Seite bevor ich hier jetzt ins blaue rein rate, versuch es doch einfach nochmal. Wenn es dann nicht klappt, lass den Code drin, damit man sich das anschauen kann!
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag30.07.2011 um 17:02 (UTC)    
Titel:

Ich hab den Code nochmal eingefügt und lasse ihn jetzt auch einfach mal
drin aber es passiert trotzdem nichts...

Also ich benutze Firefox und eig. müsste es doch auch so klappen
oder nicht Rolling Eyes
Beitrag30.07.2011 um 17:29 (UTC)    
Titel:

He, meine Kristallkugel ist gut! Naja war vielleicht auch mein Fehler, da ich davon ausgegangen bin, das das klar ist.
Du hast kein Element mit der id: "element_with_shadow"
Bei dir dürfte das die Tabelle mit der Klasse: "edit_main_table" sein.

Zitat:
<style type="text/css">
.edit_main_table
{
/*Für alle Browser, welche den vorgesehenen Standard bereits unterstützen*/
box-shadow:10px 10px 10px 10px #000000;

/*Für IE*/
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#000000')";

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#000000');

/*Für Webkitbrowser*/
-webkit-box-shadow: 10px 10px 10px #000000;

/*Für FF*/
-moz-box-shadow: 10px 10px 10px #000000;
}
</style>

______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag30.07.2011 um 17:36 (UTC)    
Titel:

Total blöd oO
Hätte mir eigentlich auch auffallen müssen Very Happy
Aber jetzt funktioniert es endlich, muss aber dafür mein Design
umändern aber trotzdem vielen Dank !
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de