Banner und andere Grafiken beschriften

Manchmal kann es sein, dass man eine Grafik nachträglich beschriften viel oder das man mit wenig Auwand die Beschriftung einer Grafik flexibel gestalten will. Dies kann man relativ einfach lösen , dem man die Grafik als Hintergrundbild einsetzt.

Beispiel 1

Diese Grafik hat eine Größe von 134 x 134 Pixel. Als GIF-Animation wäre eine anchträgliche bearbeitung möglicherweise aufwendig

Als GIF-Animation wäre eine nachträgliche Bearbeitung möglicherweise aufwendig.

So sieht das beschriftete Glitzerbild aus:

Ein schönes Glitzerbild

Der HTML-Quellcode sieht so aus: 

<div style="width: 134px; height: 134px; font-size: 14px; color: black; font-family: comic sans ms; background-image: url('https://file1.hpage.com/002351/24/bilder/5trgkfm3-gif-als-hintergrund.gif'); text-align: center; padding-top:10px;">
Ein schönes Glitzerbild
</div>

Partnerwebsites

Websites mit Mobirise

  1. Startseite der Mobirise Extension Demo Website auf github.bpgs.de
  2. Übersicht zu den Elementen des Themes Mobirise4 in Mobirise 4, Version 4.7.7 auf demo-zu-netcup.9f8.de
  3. Gesamtübersicht zu den Designblöcken des Mobirise5 Themes AMP auf mobirise5-theme-amp.9f8.de
  4. Mobirise4 mit dem Theme PurityM auf mein-wunschname.de.cool
  5. EASY TO USE! erstellt mit Mobirise 4.4.1 und dem Theme default auf mein-wunschname.webspace.rocks
  6. MOBIRISE3 THEME MOBIRISE3 auf lc-pico-phpfriends.bpgs.de
  7. Website erstellt mit Mobirise3 und dem Theme Mobirise(auch unter dem Namen default) auf lc-ver-bummel.bpgs.de

Neuigkeiten

Vergleich zum Orginal (24.04.2013 12:09:00)

Damit man meine Designanpassung mit dem Orginal vergleichen kann, habe ich einige Seiten im wesentlichen unveränder gelassen. das betrifft die Seite Orginaldesign ansehen sowie die Seite Orginaldesign mit Fußleiste. Bei der zuletzt genannten Seite habe ich allerdings eine Fussleiste eingefügt.

Das unterschieliche Aussehen der einzelnen Seiten wird über Npage Script realisiert.


Bewertung: (4,00 Punkt(e) / 1 Bewertung(en))

 
 
Kommentare
 
Keine Kommentare vorhanden.
 
 
Kommentar verfassen
 
Name:
E-Mail:
Betreff:
Kommentar :
 
 
Zum Seitenanfang