Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen

Antworten
#1
14.10.2016 11:09
avatar  Ludger
#1 Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
avatar
Ludger
Mitglied

Hallo zusammen,

unterschiedliche Headerbilder (Forum/Portal) konnte ich mit dieser CSS Erweiterung erzielen

1
2
3
4
 
.portal #obere_leiste .usercontent {
height: 180px;
background: url("https://files.homepagemodules.de/b135428/f180t21135p485575n16_ItgWjAZp.jpg");    
}
 



das klappt nur wenn die Grafik über "Global > Hintergrundbild der Kopfzeile" hochgeladen bzw. eingestellt wird.

Baut man es mit dem img Code in die Kopfzeile ein klappt es nicht

element.style

div.usercontent

greifen in der CSS Erweiterung leider nicht

was bitte könnte ich noch versuchen

viele Grüße
Lud

 Antworten

 Beitrag melden
#2
14.10.2016 17:05
avatar  Olaf
#2 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
Ol
Olaf
Mitglied

Ganz einfach für das Portal:

1
2
3
 
.portal .header {
.....
}
 


Für das Forum:

1
2
3
 
.header {
.....
}
 



Eventuell das "background:url" mit "!important" eine Wertigkeit höher setzen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
#3
14.10.2016 17:29
avatar  Ludger
#3 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
avatar
Ludger
Mitglied

leider nein Olaf

da tut sich nichts - auch nicht mit dem !important:

viele Grüße
Lud

 Antworten

 Beitrag melden
#4
14.10.2016 17:39
avatar  Olaf
#4 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
Ol
Olaf
Mitglied

Bei mir funktioniert es.
Ich habe mal zum Test Deine Headerbilder benutzt.
http://138600.homepagemodules.de

1
2
3
4
5
6
 
.portal .header{
background: url(https://files.homepagemodules.de/b137434/a_344_0be3ae7d.jpg) !important;
}
.header {
background: url("https://files.homepagemodules.de/b135428/f180t21135p485575n16_ItgWjAZp.jpg") !important;
}
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
#5
14.10.2016 17:53 (zuletzt bearbeitet: 14.10.2016 17:57)
avatar  Ludger
#5 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
avatar
Ludger
Mitglied

im Forum habe ich die Headerbilder mit diesem Code eingebunden

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script language="JavaScript">
<!---
today = new Date()
if((today.getHours() >=6) && (today.getHours() <9)){
document.write("<img src='https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg'>") //ab 6 Uhr bis 9 Uhr
}
if((today.getHours() >=9) && (today.getHours() <15)){
document.write("<img src='https://files.homepagemodules.de/b135428/f277t73545p535454n27_SCVZiOfg.jpg'>") //ab 6 Uhr bis 15 Uhr
}
if((today.getHours() >=15) && (today.getHours() <24)){
document.write("<img src='https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg'>") //ab 22 Uhr bis 24 Uhr
}
if((today.getHours() >=0) && (today.getHours() <2)){
document.write("<img src='https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg'>") //ab 0 Uhr bis 6 Uhr
}
if((today.getHours() >=2) && (today.getHours() <6)){
document.write("<img src='https://files.homepagemodules.de/b135428/f277t73545p535454n8_rYpWVCMQ.jpg'>") //ab 0 Uhr bis 6 Uhr
}
//--->
</script>  
 




mit / durch dieses Skript geht es leider nicht
stelle ich das Forums Headerbild im Admin Bereich über "Global > Hintergrundbild der Kopfzeile" ein, klappen die unterschiedlichen Headerbilder

viele Grüße
Lud

 Antworten

 Beitrag melden
#6
14.10.2016 17:59
avatar  Olaf
#6 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
Ol
Olaf
Mitglied

Entweder das Script oder den CSS Eintrag.
Ansonsten wird das Headerbild vom CSS Eintrag oder vom Script überschrieben.Eben was als letztes im Programm ausgeführt wird.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
#7
14.10.2016 18:00
avatar  Ludger
#7 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
avatar
Ludger
Mitglied

danke Olaf schönes WE

viele Grüße
Lud

 Antworten

 Beitrag melden
#8
15.10.2016 11:11
avatar  Olaf
#8 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
Ol
Olaf
Mitglied

Wobei das "document.write" sich im Script sehr ungünstig auswirken kann.Ich nehme auch an,daß das Script dadurch direkt in der Template eingesetzt werden mußte.
Einfacher und besser ist es,wenn die ".header" Klasse über CSS direkt angesprochen wird.So kann das Script auch in der "Kopfzeile" im Adminmenü eingesetzt werden und Du brauchst nicht Deine Template verändern.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script language="JavaScript">
<!---
today = new Date()
if((today.getHours() >=6) && (today.getHours() <9)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg")'); //ab 6 Uhr bis 9 Uhr
}
if((today.getHours() >=9) && (today.getHours() <15)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n27_SCVZiOfg.jpg")'); //ab 6 Uhr bis 15 Uhr
}
if((today.getHours() >=15) && (today.getHours() <24)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg")'); //ab 22 Uhr bis 24 Uhr
}
if((today.getHours() >=0) && (today.getHours() <2)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg")'); //ab 0 Uhr bis 6 Uhr
}
if((today.getHours() >=2) && (today.getHours() <6)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n8_rYpWVCMQ.jpg")'); //ab 0 Uhr bis 6 Uhr
}
//--->
</script>
 


So hast Du im Portal und im Forum das gleiche Headerbild.
Willst Du im Portal aber ein anderes Headerbild,dann machst Du in der CSS diesen zusätzlichen Eintrag:

1
2
3
4
 
.portal .header{
background: url(https://files.homepagemodules.de/b137434/a_344_0be3ae7d.jpg) !important;
}
 
 


Willst Du aber im Portal und im Forum zu Deinen Zeiten im Script das Headerbild verschieden haben,dann kannst Du das Headerbild vom Portal im Script mit angegeben:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<script language="JavaScript">
<!---
today = new Date()
if((today.getHours() >=6) && (today.getHours() <9)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg")'); //ab 6 Uhr bis 9 Uhr
$(".portal .header").css('background-image', 'url("LINK VOM BILD FÜR DAS PORTAL")');
}
if((today.getHours() >=9) && (today.getHours() <15)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n27_SCVZiOfg.jpg")'); //ab 6 Uhr bis 15 Uhr
$(".portal .header").css('background-image', 'url("LINK VOM BILD FÜR DAS PORTAL")');
}
if((today.getHours() >=15) && (today.getHours() <24)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg")'); //ab 22 Uhr bis 24 Uhr
$(".portal .header").css('background-image', 'url("LINK VOM BILD FÜR DAS PORTAL")');
}
if((today.getHours() >=0) && (today.getHours() <2)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n6_JlhXEbGW.jpg")'); //ab 0 Uhr bis 6 Uhr
$(".portal .header").css('background-image', 'url("LINK VOM BILD FÜR DAS PORTAL")');
}
if((today.getHours() >=2) && (today.getHours() <6)){
$(".header").css('background-image', 'url("https://files.homepagemodules.de/b135428/f277t73545p535454n8_rYpWVCMQ.jpg")'); //ab 0 Uhr bis 6 Uhr
$(".portal .header").css('background-image', 'url("LINK VOM BILD FÜR DAS PORTAL")');
}
//--->
</script>
 


So sind beide Headerbilder (Forum/Portal) zu Deinen angegebenen Zeiten verschieden.
Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
#9
15.10.2016 12:21
avatar  Ludger
#9 RE: Forums Headerbild / Portal Headerbild unterschiedlich erscheinen lassen
avatar
Ludger
Mitglied

du bist Spitze ... vielen Dank
es klappt ... bastele mir jetzt neue Bilder

viele Grüße
Lud

 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!