Änderungen am MG Autumn Style

[Jane Eliot]

Hallo,

[ externes Bild ]

ich möchte mir den Style MG Autumn anpassen und habe zwei, drei kleine Fragen dazu. Ich möchte oben (siehe Screenshot) im Header den Text und den Schriftzug weg haben da ich beides nicht benötige. Nur finde ich die Stelle nicht wo ich das herauslöschen kann!

Des weiteren möchte ich gerne links, rechts und unten einen Schatten wie im orginalen Template haben. Dort wurde das Ganze mit einer Grafik gelöst. Das hier habe ich in der "stylesheet.css" gefunden:

Code: Alles auswählen

.leftshadow{
        background: url('./images/shadow_left.gif') repeat-y;
        padding: 0px;
        /*margin-left: 10px;*/
        width: 9px;
        vertical-align: top;
}

.rightshadow{
        background: url('./images/shadow_right.gif') repeat-y;
        padding: 0px;
        /*margin-right: 10px;*/
        width: 9px;
        vertical-align: top;

Da ich aber anstatt dem weißen Hintergrund eine Hintergrund Grafik eingefügt hatte sah das mit der kleinen (Schatten-)Grafik nicht mehr gut aus. Es müsste doch irgendwie möglich sein das Ganze per CSS zu lösen? Und wenn ja, wie?

Vielen Dank schonmal!

Liebe Grüße,
Jane E.

[Crizzo]

Hallo,

[ externes Bild ]

ich möchte mir den Style MG Autumn anpassen und habe zwei, drei kleine Fragen dazu. Ich möchte oben (siehe Screenshot) im Header den Text und den Schriftzug weg haben da ich beides nicht benötige. Nur finde ich die Stelle nicht wo ich das herauslöschen kann!

Wirf mal einen Blick in die overall_header.html deines Styles.

Da suchst du nach was ähnliches wie dies hier:

Code: Alles auswählen

<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>

und:

Code: Alles auswählen

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>

Das kannst du jetzt löschen oder alternativ, denn ein Seitenname in Textform anzugeben macht immer Sinn, mit position:absolute ins Nirwana schubsen.

Da ich aber anstatt dem weißen Hintergrund eine Hintergrund Grafik eingefügt hatte sah das mit der kleinen (Schatten-)Grafik nicht mehr gut aus. Es müsste doch irgendwie möglich sein das Ganze per CSS zu lösen? Und wenn ja, wie?

Wäre es da nicht viel einfach den Schatten durch eine .PNG32-Datei oder einer .gif-Datei zu ersetzen, die hinter dem Schatten transparent ist und somit dein Hintergrund durchscheint?

Ansonsten kann du es mit einer CSS3-Eigenschaft ausprobieren: http://www.css3.info/preview/box-shadow/ Viele Browser können das schon, die es nicht können, zeigen dann einfach keinen Schatten an.

Grüße

[Jane Eliot]

Hallo BlackHawk87,

vielen Dank! Habe das oben im Header nun mit der Option "Löschen" gemacht und es hat super geklappt!

Ich habe mich nun wegen dem Schatten nun ein bisschen mit dem "box-shadow"- Befehl befasst.
Kannst du bitte mal schauen?

http://enchantedperiods.funpic.de/

Ich hab jetzt einen Schatten rechts und links erzeugt und das Ganze sieht in der CSS so aus:

Code: Alles auswählen

.leftshadow{
        -webkit-box-shadow: -10px 0px 10px red;
        -moz-box-shadow: -10px 0px 10px red;
        box-shadow: -10px 0px 10px red;
}

.rightshadow{
        -webkit-box-shadow: 10px 0px 10px grey;
        -moz-box-shadow: 10px 0px 10px grey;
        box-shadow: 10px 0px 10px grey;
}

Jetzt habe ich aber sowohl rechts als auch links diesen Abstand. Wie bekomme ich den weg? Sehe da nicht wo der Fehler liegen könnte...

Danke und Gruß!

[Crizzo]

Gib den Schatten mal diesem Element: .np-body

Grüße

[Jane Eliot]

Gib den Schatten mal diesem Element: .np-body

Grüße

Stehe gerade auf der Leitung, wie meinst du das genau damit?

In welcher .html Datei wird eigentlich auf ".leftshadow" und ".rightshadow" verwiesen?

LG, Jane E.


Edit: Die erste Frage mit dem .np-body hat sich erledigt! Mein Gehirn manchmal...

[Crizzo]

In welcher .html Datei wird eigentlich auf ".leftshadow" und ".rightshadow" verwiesen?

\mg_autumn\template\overall_header.html

Das hättest du durch einfaches Suchen in den Template-Dateien auch selbst herausfinden können.

[Jane Eliot]

\mg_autumn\template\overall_header.html

Das hättest du durch einfaches Suchen in den Template-Dateien auch selbst herausfinden können.

Danke, hat aber leider auch nichts gebracht! Jetzt habe ich zwar unten den Schatten so wie ich ihn will, aber ich bekomme ihn links und rechts nicht
zum Rand hin egal was ich versuche!

[Crizzo]

zum Rand hin egal was ich versuche!

Und das heißt jetzt genau was? Was hast du probiert und wie sah es dann jeweils aus? Code-Stellen + Screenshots.