Auteur Topic: welk css bestand voor achtergrond plaatjes?  (gelezen 54 keer)

heersje

  • Gebruiker van Leuven-Template
  • Sr. Member
  • *
  • Berichten: 93
    • Bekijk profiel
    • Weer-Weather-Meteo Vossem
welk css bestand voor achtergrond plaatjes?
« Gepost op: 11 januari 2019, 14:07:16 »
Weercollega's,

in de FAQ staat
Citaat
In de CSS staat de naam van de afbeelding die gebruikt wordt om de hele achtergrond, achter de template pagina, te vullen.
=achtergrond]https://leuven-template.eu/dokuwiki28/doku.php?id=nl:faq:csschanges&s[]=achtergrond
Maar welke CSS? ik kan het niet vinden. Stel dat ik een achtergrond image wil toevoegen aan een van de kleurkeuzes in de instellingen, welke CSS pas ik dan aan. Ik zie dat in mood20.css in ieder geval niet de background images worden aangehaald.

groet jean-paul

heersje

  • Gebruiker van Leuven-Template
  • Sr. Member
  • *
  • Berichten: 93
    • Bekijk profiel
    • Weer-Weather-Meteo Vossem
Re: welk css bestand voor achtergrond plaatjes? OPGELOST
« Reactie #1 Gepost op: 11 januari 2019, 20:52:54 »
het lijkt mij dat de aanpassing in ws Load Settings.php moet plaatsvinden

op regel 50 staat dit
$SITE['colorStyles'] = array ('weather adapted', 'green','blue','pastel','red','orange','none','ws_clouds','ws_cloudsn','ws_mist','ws_moon','ws_pclouds','ws_rain','ws_snow','ws_storm','ws_sun','ws_thunder');
als je aan die array nu bijv paars toevoegt, je een plaatje background-paars.jpg in img zet en een extra entry maakt voor paars in een van de css bestanden (stylemood20.css) zou je mogelijk een paarse pagina gemaakt hebben. Toch? Ik ben er in ieder geval achter dat het toevoegen van een background-pastel.jpg al werkt mogelijk omdat die dus al in deze array gedefineerd is.

groet Jean-Paul

Update: inderdaad heb het net ff getest en dit werkt

« Laatst bewerkt op: 11 januari 2019, 20:59:55 door heersje »

wvdkuil

  • Administrator
  • Hero Member
  • *****
  • Berichten: 609
    • Bekijk profiel
    • Template Support
Re: welk css bestand voor achtergrond plaatjes?
« Reactie #2 Gepost op: 11 januari 2019, 23:36:46 »
Weercollega's,

in de FAQ staat
Citaat
In de CSS staat de naam van de afbeelding die gebruikt wordt om de hele achtergrond, achter de template pagina, te vullen.
=achtergrond]https://leuven-template.eu/dokuwiki28/doku.php?id=nl:faq:csschanges&s[]=achtergrond
Maar welke CSS? ik kan het niet vinden. Stel dat ik een achtergrond image wil toevoegen aan een van de kleurkeuzes in de instellingen, welke CSS pas ik dan aan. Ik zie dat in mood20.css in ieder geval niet de background images worden aangehaald.

groet jean-paul
Als u een plaatje van een bestaande kleur-(mood)-keuze, b.v. mist wilt veranderen hoeft u alleen de bestaande  achtergrond te vervangen.

De achtergronden staan in weatherXX/img/   voor mist is dat  img/background-mist.jpg
De exacte CSS aanpassingen voor iedere "mood" of kleur staan in weatherxx/styleMood20.css

Alle "moods' kun je testen door , in uw geval https://weer.heerschap.net/weather28/testMood.php

Het verzinnen en toevoegen van extra "moods" heeft geen enkele zin, er is geen code om dynamisch andere moods dan de bestaande te gebruiken.

Succes, Wim



 
Vantage VUE / MB-Nano https://weer.sluispark.be/
Vantage VP2 / USB logger / Meteobridge https://www.weerstation-herent.be/

Support Leuven-Template at  https://support.leuven-template.eu/
Support PWS_Dashboard (HWS-Template) http://pwsdashboard.weather-template.com/

heersje

  • Gebruiker van Leuven-Template
  • Sr. Member
  • *
  • Berichten: 93
    • Bekijk profiel
    • Weer-Weather-Meteo Vossem
Re: welk css bestand voor achtergrond plaatjes?
« Reactie #3 Gepost op: 12 januari 2019, 08:42:01 »
Dank Wim,

jammer, wilde net op zoek gaan waar de weergegevens voor de mood ingelezen worden (regen bij nacht wilde ik proberen toe te voegen, voor de fun). Ik heb nu als experiment aan de array season toegevoegd en heb momenteel een "koud" plaatje background-season.jpg wat ik in maart dan door een lenteplaatje kan vervangen. Ik heb ook een entry season toegevoegd aan styleMood20.css.

Maar inderdaad het makkelijkste is om een background-xyz.jpg te vervangen en dan de mood xyz te kiezen en evt als je wil de kleurtjes  van xyz wat aan te passen in styleMood20.css.

En verder: er zit niet voor alle keuzes van de mood een achtergrondplaatje in het standaard template. Zo is er bv geen background-green.jpg. Maar niet getreurd, als je groen mooi vindt en je uploadt zelf een plaatje background-green.jpg dan werkt dat ook prima.

Begrijp weer een beetje beter hoe de template in elkaar zit.

groet Jean-Paul