Script Klaus - Farbeinstellungen

zunshiner · 08.04.2013, 06:45:55

Nachdem es jetzt funktionell passt, möchte ich noch ein wenig am optischen basteln. Meine Webseite ist eher orange als blau, deswegen hätte ich gern die Menüs und Menüpunkte mit oranger Hintergrundfarbe.
Beim Obermenüpunkt hat das auch gut funktioniert, ich habe dazu bei den 3 Dateien
- background.jpg
- left.jpg
- right.jpg
mit MS Paint entsprechend die Fabren geändert.

Jetzt werden die Menüoberpunkte mit orange als Hintergrund angezeigt, die Menüpunkte darunter sind aber nach wie vor in blauem Hintergrund.

Weiß jemand, wie das zu ändern ist?

http://www.waigowetter.de/index.php?option=com_wrapper&view=wrapper&Itemid=100

Beiträge zusammengeführt, weil der Autor sich selbst geantwortet hat statt seinen letzten Beitrag zu ändern: 08.04.2013, 09:11:51

Die Antwort von Klaus aus dem anderen Thread habe ich im Eifer des Gefechts nicht gesehen:
"....das kannst du alles unter /weather/includes/in.configuration.php im CSS unter "Styles anpassen" machen.
Hab es selber noch nicht probiert. Aber bei anderen Kollegen hier funktioniert es.
Einfach mal einen Wert ändern und sehen was passiert...."

Das werde ich heute abend ausprobieren.

wneudeck · 08.04.2013, 11:40:41

Hallo,

ZitatEinfach mal einen Wert ändern und sehen was passiert...."

So einfach geht es nicht unbedingt.
Suche Dir im CSS folgende Stellen

Zitat#weather-navigation ul.topnav li ul.subnav
   {
     list-style: none;
     position: absolute;
     left: 2px;
     top: 26px;
     background: #80b4cc;
     margin: 0px;
     padding: 0px;
     display: none;
     float: left;
     width: 248px;
     border-top: none;
     border-right: 1px solid #5e9ebf;
     border-bottom: 1px solid #5e9ebf;
     border-left: 1px solid #5e9ebf;
     clear: both;
   }

und

Zitathtml #weather-navigation ul.topnav li ul.subnav li a
   {
     height: 20px;
     width: 200px;
     margin: 0px;
     float: left;
     background: #ebe920;
   }

und ändere dort "background"
Wenn Dir die verbleibende Umrandung nicht gefällt, musst Du selber noch weitersuchen.

zunshiner · 08.04.2013, 20:51:44

Hallo Werner,
wunderbar, wie nicht anders erwartet, war dein Tipp goldrichtig.
DANKE !

Die Umrandung lasse ich so, das ist ok.

Dete · 15.08.2013, 15:20:38

Hallo,

ich hoffe, dass mein Anliegen hier in der richtigen Thematik steckt. Sonst bitte verschieben.
Es geht nun mehr um die Darstellungsunterschiede in verschiedenen Browsern als um Farbeinstellungen.

Das Vorhersage-Skript habe ich nun auch bei mir soweit eingebaut.
Im Firefox (Vers. 23.0) wird das Skript im Frame ohne Rahmen mit der Hintergrundfarbe dargestellt.
So ist es von mir auch gewünscht.

Im IE 8 hingegen wird es anders dargestellt.
Da ist der Hintergrund im Frame weiß und auch ein Scrollbalken wird unten angezeigt.

Zur Verdeutlichung füge ich zwei Bilder bei.
Weitere Browser habe ich nicht probiert.
Kann mir da jemand helfen?

[gelöscht durch Administrator]

TheWeatherMan · 15.08.2013, 16:08:50

Hallo Frank,

ergänze einfach mal die Eigenschaften:
- Rahmen: frameborder="0"
- Scrollbalken: scrolling="no"

Das Problem mit der Hintergrundfarbe bekommst Du auch ganz einfach in den Griff:
Ändere die Hintergrundfarbe auf der Seite, die Du einbinden willst.

Hier ein Beispiel:
Code für die Seite, die eingebunden werden soll (trägt den Namen "test.html"):

Code Auswählen

<body style="background-color:#CCCCCC"><p>Ich werde eingebunden!</p></body>

Code für den iFrame:

Code Auswählen

<iframe src="test.html" width="250" height="300" frameborder="0" scrolling="no">Ihr Browser unterstützt leider keine iFrames!</iframe >

Viele Grüße
Jan!

Dete · 15.08.2013, 20:07:30

Hallo Jan,

Danke für deine Tipps

Das mit der Hintergrundfarbe im Framefenster habe ich hinbekommen.

Für diejenigen, die das auch ändern wollen:
In der php-Datei: weather - Includes - "inc.configuration.php" habe ich folgendes zugefügt (fett gemacht):

Zitat# Standard Textfarbe
$DefaultColor = '000';

# Textfarbe für Fehlermeldungen
$ErrorColor = 'f00';

# Standard CSS Style
$Style = '
    body
{
     background-color: #00ccff;
}

   #weather-navigation
{

Der horizontale Scrollbalken ist im IE8 aber noch vorhanden. (Das finde ich nicht ganz so tragisch).
Ich wollte es nicht auf "scrolling:"no" setzen, da es das scrollen gänzlich verhindert...auch vertikal.
Zudem habe ich das Framefenster bei mir auf Höhe: height="63%" gesetzt.
Das Framefenster soll bei mir nicht soooo weit nach unten in die Seite ragen...schon gar nicht wenn der Text nur kurz ist (zB: lokales 3-Tage-Wetter)
Sollte der Text länger sein (zB. Wetterfühligkeit) muss sowieso vertikal gescrollt werden.

Code Auswählen

<iframe src="..........." height="63%" width="95%" frameborder="0" scrolling="auto"> Ihr Browser unterstützt leider keine iFrames!
</iframe>

TheWeatherMan · 15.08.2013, 22:17:37

Hallo Frank,

freut mich, wenn ich helfen konnte.
Was mir noch eingefallen ist: Den horizontalen Scrollbalken kann man mit
overflow-x:hidden (CSS) ausblenden.

Viele Grüße
Jan!

Wetterstationsforum.info - Archiv

Neuigkeiten:

Script Klaus - Farbeinstellungen

zunshiner

wneudeck

zunshiner

Dete

TheWeatherMan

Dete

TheWeatherMan