download

Freebie: Initialen im Retro-Stil

Posted by Anke on 16/07/2012 Kommentar verfassen

Meine Seite erhält immer mal wieder eine optische Änderung, und derzeit bin ich auf dem Retro-Trip. Mir gefallen Initialen (auf Englisch “Dropcaps”) in Büchern, daher verwende ich sie auch gerne digital.

Diese hier (Vorschau; Link ist weiter unten) kannst du kostenlos herunterladen und verwenden – bitte beachte das Copyright:

Wie setzt man sowas bei Webseiten ein?

Nun, es gibt diverse schöne Plugins, die automatisch einen Codeschnipsel generieren und den ersten Buchstaben eines Absatzes in eine Initiale verwandeln. So wie hier am Anfang dieses Absatzes. Doch ich wollte eine bestimmte Grafik haben, also binde ich für jeden Artikel den passenden Buchstaben als Bild ein.
Zunächst musst du also die png-Grafiken aus der Zip-Datei entpacken und bei Deinem Webanbieter hochladen.

Dann wird beispielsweise ein M am Anfang des Absatzes mit folgendem Code eingebunden (wobei deinWebspace.de natürlich gegen deine Webadresse getauscht werden muss):

<img class="dropcap" src="http://deinWebspace.de/uploads/dropcap-m.png" alt="M" width="49" height="60" />

Dieser Code bleibt immer gleich, bis auf die Stellen, an denen der Buchstabe definiert wird. Also dropcap-m.png für das M, dropcap-z.png ergäbe ein Z, für die Umlaute müsstest du ae, oe bzw. ue eingeben. Bei alt=”M” musst du den Buchstaben ebenfalls anpassen.

Damit die Initiale auch am linken Rand des Absatzes erscheint und die richtige Platzierung erhält, brauchen wir die Definition class=”dropcap”, die du in der CSS-Datei deiner Seite um folgenden Codeschnipsel ergänzen musst:


 img.dropcap {
 display:inline;
 float:left;
 margin-right:5px;
 margin-bottom:0px;
 margin-top: 7px;
 }

Das wär’s!

Bitte beachte: Diese Anleitung setzt gewisse Html-/CSS-Kenntnisse voraus, und ich kann beim besten Willen keine Hilfeanfragen beantworten. Tante Google hilft gerne weiter :D

Bereit? Dann kannst du hier die Dateien herunterladen:

Download @box.net

Dieses Werk bzw. Inhalt steht unter einer Creative Commons Namensnennung-NichtKommerziell-KeineBearbeitung 3.0 Deutschland Lizenz.

Kategorie: Freebies | Tagged: Stichworte: download, freebie, Graphik, retro

Geburtstagskalender aus Farbkarten

Posted by Anke on 14/03/2012 Kommentar verfassen

arbkarten aus dem Baumarkt sind toll! Sie eignen sich zum Basteln, sind kostenlos… und hängen bereits seit ein paar Jahren als Geburtstagskalender in meinem Arbeitszimmer (klicken zum Vergrößern):

Es ist denkbar einfach: Mit großen Stempeln (hier waren es “Simply Sweet” Schaumstoff-Stempel von Doodlebug Design) und schwarzer Stempelfarbe (z.B. Staz-On) das Monatskürzel auf eine Farbkarte stempeln. Die Farbauswahl habe ich der saisonalen Stimmung/Temperatur der Monate angepasst. Ob die Buchstaben mal ein bisschen höher oder tiefer stehen, war mir egal, es durfte ruhig verspielt aussehen.

An den unteren Rand habe ich jeweils eine Liste mit den Monatstagen angeklebt. Meine Karten wölben sich schon ein bisschen, ich empfehle also guten Kleber zu nehmen…
Hier gibt’s die Liste als Download, falls jemand den Kalender nachbasteln möchte :)
Ausdrucken (entweder 12 Mal die erste Seite oder ganz korrekt 7x die erste, 4x die zweite und 1x die dritte Seite) und zuschneiden, so dass die Breite den Farbkarten entspricht.
Das derzeitige Datum markiere ich mir mit einem Book Dart aus Kupfer, dann sehe ich immer auf einen Blick, welche Geburtstage als nächstes dran sind.

Ach ja, das i-Tüpfelchen ist die Schmetterlinge jagende Katze über der Tür… die habe ich aus Retro-Tapetenresten geschnitten. Und sie überdeckt eine Macke in der Wand *g*.

Kategorie: Freebies, Meine Werke, Tutorials | Tagged: Stichworte: Deko, download, druckbar, Geburtstagskalender

Fortunaschwein

Posted by Anke on 28/01/2012 Kommentar verfassen

Der Name mag verwundern, doch er stammt von Kevin A. Murphy, der mich vor einigen Jahren per Mail fragte, ob ich eine Schrift entwerfen könnte, wie sie auf einer Neujahrspostkarte von 1906 zu sehen war. Darauf abgebildet: Die Göttin Fortuna, auf einem (Glücks-)Schwein reitend. Daher schlug Kevin den Namen “Fortunaschwein” vor…

Lizenzinfos ~ Donation Ware

Persönlicher Gebrauch: Kostenlos, aber ich freue mich natürlich über eine kleine Spende :) ~ Ich setze gerne einen Link zu allem, was mit meinen Fonts gestaltet wurde und/oder nehme es hier in der Galerie auf (Mail an anke.arnold *at* googlemail *punkt* com).

Musiker: Ein Belegexemplar Eurer CD reicht als Lizenzierung aus. Adresse siehe hier. Wenn möglich, bitte Copyright (“Font von Anke Arnold, www.anke-art.de”) im Booklet erwähnen.

Kommerzielle Nutzung kostet ab 25 Euro, bitte um Kontaktaufnahme

Download TTF Sachspende :) via PayPal

Font in use ~ 3 Einträge

Amy Arani, www.amyarani.com:
Nicht nur auf ihrer CD & Webseite, auch auf dem aktuellen Konzertplakat ist Fortunaschwein zu finden…Amy war so lieb, mir ihre CD zu schicken. Ihre Musik ist übrigens klasse!
SJ Tucker, www.skinnywhitechick.com:
Ebony Creek Web Design: