Banner und Buttons
Du möchtest den Rechner verlinken? Prima! Wie das geht, egal ob mit Bild oder ohne, erkläre ich auf dieser Seite.
Um auf die Abirechner zu linken benutze einfach folgenden HTML-Code:
<a href="http://www.fmbjoern.de/abinotenrechner.html">
zum besten Abirechner (für NRW/HE/RP)</a>
Natürlich kannst Du den Link auch direkt auf den für Dein Bundesland geeigneten Rechner setzen, dazu musst Du nur abinotenrechner.html mit der entsprechenden Seite ersetzten, also bspw. abinotenrechner.nrw.html.
Um eins meiner Logos anstelle eines Textlinks zu verwenden, benutze einfach den folgenden Code und ersetze ### mit dem Code neben dem gewünschten Bild:
<a href="http://www.fmbjoern.de/abinotenrechner.html">
<img src="http://logos.fmbjoern.de/abicalc/###"
alt="zum besten Abirechner" style="border:none;" /></a>
Alle Logos sind © fmbjoern.de! Die Datein liegen als transparente PNGs auf dem Server und können im IE 5 eventuell nicht wie gewünscht dargestellt werden.
# ⬆ Das AbiCalc-Logo
Das erste Logo ist als PNG mit transparentem Hintergrund gespeichert, die anderen beiden sind nicht transparent. Der Rahmen gehört nicht zum Bild.
abicalc_logo_trans.png
abicalc_logo_white.png
abicalc_logo_gray.png
# ⬆ Logos für die Bundesländer
Diese Logos sind alle als transparente PNGs gespeichert. Weiter unten erfährst Du, wie Du sie sehr einfach an Deine Websitefarben anpasst, hier wurden sie alle auf weiß gestellt.
abicalc_nrw.png
abicalc_he.png
abicalc_rp.png
# ⬆ allgemeine Abirechner-Logos
Ebenfalls transparent. Zur Verdeutlichung auf weiß gestellt.
abicalc_berechne.png
abicalc_derbeste.png
# ⬆ fmBjoern-Logos
Die aktuellen fmBjoern-Logos findest Du unter logos.fmbjoern.de.
# ⬆ Hintergrundfarbe ändern
Bei den AbiCalc-Logos kannst Du ganz einfach das Logo an Dein Seitendesign anpassen, da es in transparenter Form vorliegt. So sorgst du beispielsweise für einen schwarzen Hintergrund:
statt
Nutze den Code von oben und wähle Dir ein Bild aus. Dann musst Du nur noch im img-Tag den folgenden Abschnitt anstelle von style="border:none;" einfügen:
style="background-color:#000; border:none;"
Schon ist Dein Bild genau auf Deine Seite abgestimmt!