Seite 1 von 1
Änderungen am MG Autumn Style
Verfasst: 12.11.2012 19:49
von 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.
Re: Änderungen am MG Autumn Style
Verfasst: 12.11.2012 20:37
von Crizzo
Jane Eliot hat geschrieben: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:
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
Re: Änderungen am MG Autumn Style
Verfasst: 14.11.2012 15:11
von 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ß!
Re: Änderungen am MG Autumn Style
Verfasst: 14.11.2012 20:44
von Crizzo
Gib den Schatten mal diesem Element: .np-body
Grüße
Re: Änderungen am MG Autumn Style
Verfasst: 16.11.2012 15:55
von Jane Eliot
BlackHawk87 hat geschrieben: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...
Re: Änderungen am MG Autumn Style
Verfasst: 16.11.2012 16:33
von Crizzo
Jane Eliot hat geschrieben:
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.
Re: Änderungen am MG Autumn Style
Verfasst: 16.11.2012 17:13
von Jane Eliot
BlackHawk87 hat geschrieben:
\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!
Re: Änderungen am MG Autumn Style
Verfasst: 16.11.2012 17:14
von Crizzo
Jane Eliot hat geschrieben: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.