find-templates

Grafikadressen

Grafikadressen im Design-Code ersetzen :



Warum die Grafikadressen im Code ersetzen ?
Löscht der Design-Anbieter seine Homepage, fehlen in Deinem Design alle Grafiken.
Wurden die Grafiken bei einem Hoster hochgeladen ? Nicht alle speichern sie ewig.


Wie kann ich die Grafiken speichern ?
Mit Mozilla-Browser hast Du 2 Möglichkeiten: Mit der Maus auf die Grafik. Mit Rechtsklick auswählen: "Hintergrundgrafik anzeigen". Die Grafik wird angezeigt. Mit Rechtsklick speichern.

Möglichkeit 2 für alle anderen Browser: Du gehst in den CSS Code. Die Grafiken findest Du immer bei background-image: url(http://grafikadresse.jpg);   innerhalb der Klammern ( ) .

  • Grafikadressen kopieren, die in Klammern ( ) stehen
  • Grafikadressen oben im Browser einfügen
  • die Grafik wird dir angezeigt
  • mit Rechtsklick auf dem Rechner speichern
  • das musst Du leider mit jeder Grafik machen
Bild


Wie füge ich meine Grafikadressen im Design-Code ein ?
Sind alle Grafiken auf dem Rechner ? Dann Einloggen im Baukasten
und auf "Bilder verwalten".  Lade alle Grafiken hoch. Nach dem Hochladen:

  • klicke den Bildernamen an
  • das Bild wird dir nun angezeigt
  • mit Rechtsklick die Grafikadresse kopieren
  • nun in den CSS-Code
  • suche die alte Grafikadresse mit gleichen Namen
  • ersetze die Grafikadresse durch deine eigene


Hilfeee - Die Grafik ist auf der Homepage nicht zu sehen
Zuerst prüfen wir, ob die Grafikadresse funktioniert. Füge die Grafikadresse in das Adressfeld des Browsers ein. Wird dann kein Bild angezeigt ? Dann gabs einen Fehler beim "Bilder hochladen". Gehe auf "Bilder verwalten" , lösche das Bild, lade es neu hoch.

Möglichkeit 2: Ein Fehler beim einfügen in den CSS-Code

  • prüfe, ob zufällig in der Klammer () Leerzeichen mit eingefügt wurden
  • prüfe, ob versehentlich das Semikolon ; entfernt wurde
  • die Codezeile mit der Grafik sollte so aussehen :
  • background-image: url(https://img.webme.com/pic/./....../name.jpg);




Heute: 5 Besucher