Quick Tipps: Drop Down Menü für Tags

Diesmal fand ich Drop Down Menüs für Tags. Wer ganz viele Stichworte hat und die auch mal anders präsentieren mag, wird hier fündig.

Drop Down Menü für Tags
Tags als Drop Down

Ein Drop Down Menü für Tags fand ich. Hilfreich für einige, die Tags als Ordnungshilfe für Reisen, Buchautoren, technische Geräte etc. nutzen.


So sehen die Tags als Dropw Down aus

Tags als Dropw Down .

Code für Tags im Drop Down Menü

entweder gleich in das Template -meist die sidebar.php – geben oder das Exec PHP Plugin verwenden.

<?php
echo "<h2>Tags - als Drop Down Musterbeispiel</h2>";
echo "<select id='tagselect' name='tag-dropdown' onchange='document.location.href=this.options[this.selectedIndex].value;'>
<option selected=\"selected\" value=''>";
echo attribute_escape(__('Tag wählen:'));
echo "</option>";
$posttags = get_terms('post_tag');
if ($posttags) {
        foreach($posttags as $tag) {
                echo "<option value='";
                echo get_tag_link($tag->term_id);
                echo "'>";
                echo $tag->name;
                echo "</option>";
        }
}
echo "</select>";
?>

Der Code ist XHTML valide und man kann entweder mit select oder mit einer speziellen CSS class das ganze in der style.css gestalten.

Hier das CSS des Beispiels 

#content select#tagselect{
border:1px solid #f0f0f0;
background-color:transparent;
color:#fff;
padding:3px 4px;
font-variant:small-caps;
font-weight:bold;
background-image:url(images/xyz.jpg);background-repeat:no-repeat;background-position:0 0;}
#content select#tagselect option{border-bottom:1px solid #fff;
background-color:#e3edf1;
color:#202324;
padding:3px; }
#content select#tagselect option:hover{background-color:dedede;
color:#fff;
border-bottom:1px solid #000;
background-image:url(images/xyz.jpg);background-repeat:no-repeat;background-position:0 100%;}

Soweit ich eruierte sieht dies nur im Firefox und Flock dann auch so aus, allen anderen Browsern ist die eine oder andere Angabe einfach egal. ;)

Viel Freud damit und war es hilfreich einfach weitersagen ;)
follow me on twitter monikatsRSS Abonnieren

ebenfalls interessante Artikel

14.10.08 Tipps und Tricks, · Gelesen: 3896 · heute: 5

4 Kommentare zu: "Quick Tipps: Drop Down Menü für Tags"

  1. Hallo, oh dankeschön … das habe ich gesucht und du warst die erste Seite bei der Suchmaschine meiner Wahl *Grins* Allerdings habe ich deine Seite eh schon in den Favoriten. Und es war sicher nicht das letzte Mal das ich hier war …

    Raulifauli14.03.09 22:17 | # |

  2. …aber eine frage hab ich noch … ist es eigentlich möglich so eine Liste nur für bestimmte tags zu machen und eben andere auszuschließen`?

    Raulifauli14.03.09 22:21 | # |

  3. prinzipiell Ja Raulifauli
    aber ich habe derzeit einfach keine Zeit dies zu tun ..leider,
    frage einen Coder, der kann Dir dies sicher erstellen,
    eventuell im forum.wordpress-deutschland.org

    lg

    texto15.03.09 12:28 | # |

  4. Eine schöne elegante Lösung seine Tags dem Leser anzubieten, wobei ich mir eine Art Stichwortverzeichnis für Tags auch gut vorstellen kann.

    Oliver20.03.09 23:12 | # |

  • Name and Mail are required.