Grafiken/Sonderzeichen für die Navigation des Blogges/Webseite (& Facebook)

Sonderzeichen, Textgrafiken, die Browserkompatibel sind? Und im Zuge dessen, einfach eingefügt an jeder Stelle, wo Sie es wünschen, auf Facebook, die Seite, den Blog, Ihren eigenen Auftritt, noch weiter grafisch aufpeppen? Nichts leichter als das. Folgen Sie mir in kurze Zeilen, in eine Vielzahl an Zeichen, die mit Copy & Paste von Ihnen genommen werden wollen.

Das Unique Design

Wie jeder Webmaster, der sich wenigstens ansatzweise im Design übt, so habe auch ich das unentwegte Ziel, eine Seite aufzuziehen, wie sie einzigartiger nicht sein könnte. Es sind meine Worte, ein Teil meiner Persönlichkeit, die mit den simplen php und CSS Codes verknüpft sind. Und als solches, will ch das Ergenis ebenso auffallend, so „unique“, wie auch ich es nur bin. Der erste Schritt war der zu Thesis. Obwohl ich denke, wenn ich es wirklich wollte, könnte ich mir auch ein Theme ganz selber schreiben. Nur ist das nicht meine Intention, denn auch so habe ich die Möglichkeit, überall eigene Codeschnippsel oder kleinste Veränderungen nur einzustreuen, die mich dem mir gewünschten Ergebnis immer näher bringen.

Egal, wie weit Sie selber noch davon entfernt sind. Machen Sie sich keine Sorgen. Alles kommt mit der Zeit, wenn genug Interesse vorhanden ist. Vor drei Jahren noch, da habe ich mit einem simplen Homepagebaukasten angefangen. Dann ging es hinüber zu einem Webtagebuchanbieter, dann zu blogspot und später schließlich zur eigenen Installation. Und nun sind wir hier gelandet, was noch lange nicht das Ende ist, aber schon einen ganzen Schritt weiter, wenn ich an meine Anfänge zurückdenke.

Die Navigation

Es gibt an der Navigation nicht so viel zu verändern, wie wir es gerne hätten. Sicher, wir können sie ganz einfach nach untern verlagern oder eine zweite unten einbetten. Nur nach dem Sinn darf man dann zu Recht fragen. Die Farbe, die Schrift, je nach Ihrem Theme, vlcht ist es auch Thesis, haben Sie auch da schon die Möglichkeit nachzubessern.

Vor knapp zwei Jahren habe ich mich selber mal auf die Suche gemacht, da ich es auf einem anderen Blog gesehen hatte. Dort waren Grafiken eingebunden in die Navigation. Also anstatt der Worte, waren dort Grafiken einmalig mit verbunden. Nur war und wäre dies ein wenig problematisch in Bezug auf Ladezeit und vielleicht auch Listung. Sicher ein KB dort schaden nicht, aber rechnen Sie selber einmal hoch, was Sie erwartet, wenn es überall nur ein paar KB sind, die Sie einbinden. Hintergrund, sidebar h3 und was nicht alles möglich ist. Dann haben Sie über kurz oder lang einen Laderiesen, wie er es zwar gleichzieht mit vielen großen Seiten, aber ihr Gewichtungsvorteil, die Ladezeit, ist damit futsch.

Nun, sei`s drum. Jetzt erst, vor kurzem stieß ich dann über eine weitere Möglichkeit. Eine, wie Sie auch für Facebook fuktioniert. Und ich zog den simplen Umkehrschluss und probierte es aus. Siehe da, keine Grafik, aber ein Sonderzeichen, das ebenso im Design punktet. Und das je nach Thema sogar ganz excellent.

Was Sie dafür brauchen ist eine simple Liste an Grafiken, die sie über kopieren, (strg+c) ganz einfach in die Kategoriebezeichnung mit reinpacken.

 Sie gehen also in die Kategorieansicht
Dort die entsprechende Kategorie aussuchen

Dann simpel das Sonderzeichen einfügen und das war es auch schon

Die Liste

Ja, genau, die fehlt auch noch. 😉

Eine kleine Liste, wo sie einfach rauskopieren können, je nachdem, wie Sie es brauchen. Also fangen wir kurz an. Sie müssen einfach ausprobieren was funktioniert und wie es wirkt. Einfach markieren, kopieren und dann an der gewünschten Stelle einfügen.

(Ich musste die Symbole in headline1, wegen der Größe packen. Also wenn Sie es in html einfügen, sollten Sie sich kurz den Code angucken und es wieder rausholen. Aber für Kategorien und Tags, funktioniert es auch ohne diesen Eingriff.)

Symbole:

☮ ✈ ♋ 웃 유 ☠ ☯ ♥ ✌ ✖ ☢ ☣ ☤ ⚜ ♪ ♫ ♬ Σ

♤ ♧ ♡ ♢ ♚ ♛ ★ ✪ ✯ ✰ ☻ ☺ ☄ ☾ ☼ ☁ ☂ ☃

℃ ℉ ° ❅ ϟ ☦ ✞ ☥ ⌘ ✡ ۞ ✄ ✆ ✉ ∞ ♂ ♀ ☿

❤ ❥ ❦ ❧ ✔ ✘ ▲ ▼ ◆ ◎ ☚ Δ ◕ ◔ Ω ʊ ღ Ⓐ

☭ ♒ 卐 ☪ ™ © ® ¿ ¡ ½ ⅓ ⅔ ¼ № ⇨ ❝ ❞ ❖

Smileys:

☹ ☺ ☻ ヅ ツ ッ シ Ü ϡ ﭢ

Liebe:

♥ ❤ ❥ ❣❦ ❧ ♡ ۵웃 유 ღ ♋ ♂ ♀ ☿

Kreuze:

☩ ☨ ☦ ✞ ✛ ✜ ✝ ✙ ✠ ✚ † ‡

Musik:

♪ ♫ ♩♬ ♭ ♮♯ ° ø

Sterne/Schnee:

⋆ ✢ ✣ ✤ ✥ ❋✦ ✧ ✩ ╰☆╮ ✪ ✫✬ ✭ ✮ ✯ ✰ ✡

★ ✱ ✲ ✳ ✴ ❂✵ ✶ ✷ ✸ ✹✺ ✻ ✼ ❄ ❅❆ ❇ ❈ ❉ ❊

Geld:

€ £ Ұ ₴ $ ₰ ¢ ₤ ¥ ₳ ₲ ₪ ₵ 元 ₣ ₱ ฿ ¤

₡ ₮ ₭ ₩ ރ 円 ₢ ₥ ₫ ₦ zł ﷼ ₠ ₧ ₯ ₨ Kč र

Pfeile:

➟ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➚ ➘ ➙ ➛

➜ ➝ ➞ ➸ ♐ ➲ ➳ ➳ ➴ ➵ ➶ ➷ ➸

➹ ➺ ➻ ➼ ➽ ← ↑ → ↓ ↔ ↕ ↖ ↗

↘ ↙ ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤

↥ ↦ ↧ ↨ ➫ ➬ ➩ ➪ ➭ ➮ ➯ ➱ ↩

↪ ↫ ↬ ↭ ↮ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶

↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃

⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐

⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⇜ ⇝

⇞ ⇟ ⇠ ⇡ ⇢ ⇣ ⇤ ⇥ ⇦ ⇧ ⇨ ⇩ ⇪

⌦ ⌧ ⌫ ⇫ ⇬ ⇭ ⇮ ⇯ ⇰ ⇱ ⇲ ⇳ ⇴

⇵ ⇶ ⇷ ⇸ ⇹ ⇺

Wetter:

☼ ☀ ☁ ☂ ☃ ☄ ☾ ☽ ❄ ☇

☈ ⊙ ☉ ℃ ℉ ° ❅ ✺ ϟ

Hände:

☜ ☞ ☝ ☚ ☛ ☟ ✍ ✌

Haken/Xe:

☑ ✓ ✔ √ ☐ ☒ ✇ ✖ ✗ ✘ ✕ ☓

That`s It

Das war es erst einmal. Wie Sie es nun verwenden, um etliche Posts in den sozialen Netzen aufzuwerten oder aber Ihren Blog, die Webseite noch ein bisschen mehr stylen. Am Ende ist es rein Ihre Wahl. Obwohl Sie natürlich auch beide Wege gehen können. 🙂

Über kurz oder lang werde ich noch mehr solcher Zeichen posten, so wie ich sie finde und sie der Veröffentlichung wert sind. 🙂

Lies doch mal