Andere Darstellung ausgewählter Kategorien

Hier können Probleme und alles andere in Deutscher Sprache gelöst werden.
Post Reply
Anitram
Regular
Posts: 430
Joined: Mon Nov 27, 2006 4:51 pm
Contact:

Andere Darstellung ausgewählter Kategorien

Post by Anitram »

Hallo,

dass ich mittlerweile begeistert von s9y bin, dürfte manchem inzwischen klar sein. :)

Nun suche ich etwas, ein Plugin oder ein Template, das mir ganz besondere Wünsche erfüllt. Ich möchte nämlich gerne ausgewählte Kategorien als "Karteikarten-Reiter" oben in der Leiste haben. Wenn dann die Leiste angeklickt wird, sollen nur die Artikel aus der Kategorie erscheinen.

Gibt es sowas schon, und wenn ja, wo finde ich so eine Lösung?

Ich danke Euch

Liebe Grüße
Martina
Mit den besten Grüßen aus Absurdistan!

Im "Entwicklungsstadium":
http://www.patente-kunst.de

Frei von jeglichen Konservierungsstoffen:
http://www.martina-kausch.de
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Re: Andere Darstellung ausgewählter Kategorien

Post by yellowled »

Anitram wrote:Ich möchte nämlich gerne ausgewählte Kategorien als "Karteikarten-Reiter" oben in der Leiste haben. Wenn dann die Leiste angeklickt wird, sollen nur die Artikel aus der Kategorie erscheinen.

Gibt es sowas schon, und wenn ja, wo finde ich so eine Lösung?
Das gibt es - meines Wissens, ich verliere gelegentlich den Überblick auf Spartacus :wink: - als Plugin noch nicht.

Es ist aber nicht so kompliziert, sich so etwas selbst zu stricken, so lange Du keinen übermäßigen Komfort (sprich: Konfiguration über Dialoge in der Verwaltungsoberfläche) erwartest, und selbst das wäre - s9y => 1.1 vorausgesetzt - wohl auch machbar. Da Du aber noch 1.0 verwendest und Dich augenscheinlich auch bereits an die Templatedateien »herangetraut hast«, nehmen wir mal die Variante für Versionen < 1.1.

Was Du zunächst brauchst, ist eine Navigationsleiste - wo möchtest Du die haben? Anbieten würde sich über oder unter dem Kopfbereich. Den Kopfbereich generiert folgender Code in Deiner index.tpl:

Code: Select all

<div id="serendipity_banner">
[...]
</div>
([...] steht da in der index.tpl natürlich nicht, aber da ich Deine index.tpl nicht vor Augen habe ... :))

Je nachdem, wo Du die Navigationsleiste haben möchtest, musst Du nun folgenden Code entweder vor (über dem Kopfbereich) oder hinter (unter dem Kopfbereich) obigem Code einfügen:

Code: Select all

<div id="navbar">
<ul>
<li><a href="{$serendipityBaseURL}categories/2-Gesellschaftliches" title="Kategorie: Gesellschaftliches">Gesellschaftliches</a></li>
<li><a href="{$serendipityBaseURL}categories/4-Fuer-die-Sinne" title="Kategorie: Für die Sinne">Für die Sinne</a></li>
</ul>
</div>
Ich habe jetzt mal als Beispiel die Kategorien »Für die Sinne« und »Gesellschaftliches" gewählt, Du kannst weitere/andere hinzufügen, in dem Du (eine) analoge Zeile(n) einfügst.

(Das ist jetzt natürlich die sehr simple Version für s9y < 1.1. Für => 1.1 gäbe es noch eine Variante, bei der man Anzahl, Link-URL und Link-Text über die Verwaltungsoberfläche konfigurieren könnte, aber dafür müsste auch mehr geändert werden (und Dein Blog müsste mit 1.1 laufen :)). Diese Lösung hier ist nicht »schlechter«, nur »anders« :))

Zusätzlich brauchst Du folgenden Code in Deiner style.css, damit diese Liste auch als horizontale Leiste dargestellt wird:

Code: Select all

#navbar ul {
   list-style-type: none;
   display: inline;
   margin-left: 0;
   padding-left: 0;
}

#navbar ul li {
   display: inline;
   padding: 0 10px;
}
Das sollte zunächst mal die gewünschte Leiste einfügen. Gegebenenfalls sind weitere optische Anpassungen an den generellen »Look« des Blogs im Stylesheet notwendig - da Du bereits ein Template angepasst hast, nehme ich an, das kannst Du selbst ..?

So. Und nun soll das Ganze auch noch eine Tab-Optik bekommen. Da gibt es natürlich zig Ansätze, mir persönlich gefallen die Designs von Christopher Ware dazu sehr gut:

http://www.exploding-boy.com/2005/12/15 ... n-designs/
http://www.exploding-boy.com/2005/12/21 ... u-designs/

Allerdings müsstest Du entscheiden, ob Dir davon eines zu Deinem Blog passend erscheint - falls nicht, musst Du Dir eines anpassen, was vermutlich darauf hinaus läuft, die zu Grunde liegenden Hintergrundgrafiken zu ändern.

Wenn's partout nicht tut, helfe ich natürlich gern weiter. Idealerweise solltest Du zunächst ohnehin nur den ersten Teil (noch ohne Tab-Optik) umsetzen. Wenn Du Dich mit einem grafisch eher schlichten Look für die Tabs begnügen kannst, kriegen wir die Tabs dann evtl. auch ohne zusätzliche Grafiken hin.

YL
Anitram
Regular
Posts: 430
Joined: Mon Nov 27, 2006 4:51 pm
Contact:

Post by Anitram »

Super! Ich danke dir!! :D Nun muss ich nur noch mein "altes" CSS finden, damit ich diesen "Kästcheneffekt" beim Hoover hinbekomme....

Aber du hast mir schon gewaltig geholfen. Im Augenblick setze ich das gerade um.




Uiiiiiiiii... super! Das ist genau das, was ich haben wollte! Nun brauche ich nur noch in mein altes css zu gehen, denn dort steht alles, was ich nun nur noch brauche. Warum das Rad zweimal erfinden? ;) Wenn ich jetzt nur wüsste, wo ich eine "alte" Sicherung habe. Toll!!
Mit den besten Grüßen aus Absurdistan!

Im "Entwicklungsstadium":
http://www.patente-kunst.de

Frei von jeglichen Konservierungsstoffen:
http://www.martina-kausch.de
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post by yellowled »

Anitram wrote:Wenn ich jetzt nur wüsste, wo ich eine "alte" Sicherung habe. Toll!!
Backups sind was für Feiglinge :twisted:

Gut - Vorwarnung, falls es noch Fragen geben sollte: Ich bin traditionell Samstags nie und Sonntags selten im Forum.

YL
Anitram
Regular
Posts: 430
Joined: Mon Nov 27, 2006 4:51 pm
Contact:

Post by Anitram »

:) Okay, name me Coward! ;) Ich stehe dazu.

Demnächst werde ich bei mir farblich einiges umstellen, dann wird sicherlich auch die Überarbeitung des CSS dazu kommen. Und wenn ich Hilfe brauche, dann "schrei" ich. Versprochen! :)
Mit den besten Grüßen aus Absurdistan!

Im "Entwicklungsstadium":
http://www.patente-kunst.de

Frei von jeglichen Konservierungsstoffen:
http://www.martina-kausch.de
Post Reply