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

Inhalt unter der Menüleiste (07.06.2013 00:09:00)

Auch bei einer Npage Designvorlage ist es möglich, unter der Menüleiste noch zusätzlichen Inhalt unterzubringen. Es reicht dazu etwas JavaScript auf der Basis von jQuery und etwas CSS-Code, damit es auch hübsch aussieht.

Ein kleines Beispiel, allerdings ohne CSS-Code findet man hier:

Orginaldesign mit Zusatz im Menu


Bewertung: (4,50 Punkt(e) / 2 Bewertung(en))

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