Englisch Version | Deutsche Version
Welcome, Guest
Username: Password: Remember me

TOPIC: [SOLVED] JP Design Header Background image wechseln

JP Design Header Background image wechseln 10 months 2 weeks ago #1

  • Kathi
  • Kathi's Avatar
  • Offline
Hi,
wenn ich das Bild wechseln möchte im Header..
Bild A bei PC Ansicht und Bild B wenn ich Mobil/Tablett zugreife.
Ich mit der custom.css schaffe ich es mit meinen bescheidenden html Wissen nicht.
Das Problem ist, entweder habe ich nur das Bild A oder nur Bild B
der wechsel klappt irgend wie nicht.
Kann da jemand eventl. helfen?

Liebe Grüße
The administrator has disabled public write access.

JP Design Header Background image wechseln 10 months 2 weeks ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Das geht mit einer css/custom.css
@media only screen and (max-width: 768px) {
.header::before {
background: rgba(0, 0, 0, 0) url("http://ihre-domain/images/ihr-bild.jpg !important") no-repeat fixed 50% 0 / cover ;
}
}
The administrator has disabled public write access.

JP Design Header Background image wechseln 10 months 2 weeks ago #3

  • Kathi
  • Kathi's Avatar
  • Offline
Warum wurde mein Beitrag gelöscht?
Habe ich gegen irgend welche Forenregeln verstoßen?
The administrator has disabled public write access.

JP Design Header Background image wechseln 10 months 2 weeks ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Wegen Doppelpost.
Eine Frage genügt in der regel.
Oder welchen Beitrag meinen sie?
The administrator has disabled public write access.

JP Design Header Background image wechseln 10 months 2 weeks ago #5

  • Kathi
  • Kathi's Avatar
  • Offline
Ich hatte keinen Doppelpost gemacht, lediglich geschrieben, das es nicht funktioniert.
Dazu hatte ich den Link zur Seite beauty-elements.de zum testen eingestellt

Das Original von Ihnen funktioniert nicht und das was ich habe auch nicht

/*Hintergrund wechsel bei mobiler Ansicht*/
@media only screen and (max-width: 480px) {
.header::before {
background: rgba(255, 255, 255, 0) url("beauty-elements.de/images/logos/facenaturebemobil.jpg!important") no-repeat fixed 50% 0 / cover ;
}
}
Mehr war es eigentlich nicht..
The administrator has disabled public write access.

JP Design Header Background image wechseln 10 months 2 weeks ago #6

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hallo, probieren sie mal folgenden Code
@media only screen and (max-width: 480px) {
.header::before {
background: rgba(0, 0, 0, 0) url("images/beautybg/sw-facenaturebe.jpg") no-repeat fixed 50% 0 / cover !important;
}
}
The administrator has disabled public write access.
The following user(s) said Thank You: Kathi

[SOLVED] JP Design Header Background image wechseln 10 months 2 weeks ago #7

  • Kathi
  • Kathi's Avatar
  • Offline
Problem solved.
The administrator has disabled public write access.

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen