Counter neben Kategorien

sepono

Hallöchen!
Ich benutze das Vertigo-Theme von Brian Gardner und bin damit sehr zufrieden. Allerdings geht mir dort eine Kleinigkeit ab, undzwar der Counter neben den Kategorien.

Wenn ich den einsetze, wie zum Beispiel hier:

PHP

<li id="Categories">
	<h2>Kategorien</h2>
		<ul>
			<?php wp_list_cats('sort_column=name[COLOR="Red"]&show_count=1[/COLOR]'); ?>
		</ul>
	</li>

dann zeigt der Counter zwar die Anzahl der geschriebenen Beiträge pro Kategorie an, allerdings untereinander.

Beispiel:

[SIZE="5"]Kategorien
[/SIZE]
Allgemein
(6)
Software
(93)
Und noch viel mehr
(1)

das sieht ehrlich gesagt sehr bescheiden aus, ich möchte den Zählerstand neben den Kategorien haben, also:

Allgemein (6)
Software (93)
Und noch viel mehr (1)

Weiß jemand wie ich das bewerkstelligen kann, denn in der sidebar.php wird das offensichtlich nicht eingestellt ...

Grüße Torsten

http://mac-privat.com

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Monika

style.css suche dort nach

Code

#sidebar ul li a {


	display: block;


	color: #000000;


	text-decoration: none;


	margin: 0px;


	padding: 5px 0px 5px 0px;


	border-bottom: 1px solid #C0C0C0;


	}

Alles anzeigen

und nimm das display:block raus,

dann kann die Anzeige daneben stehen,
ob dann was anderes nicht mehr so aussieht wie jetzt könnte sein

lg

sepono

Genau das ist das Problem - jetzt wird alles nebeneinander gezeigt, schaut chaotisch aus ...

Gibts noch eine andere Möglichkeit ?

Monika

in der style.css steht gleich oberhalb:

Code

#sidebar ul li {


	display: inline;


	padding: 0px;


	margin: 0px;




	}

Alles anzeigen

nimm dort das display:inline raus

und unterhalb bei
sidebar ul li a das display block
kann sein, dass dann die Linien nicht durchgängig sind, das kann man lösen indem man

ul li einen border gibt und eine bestimmte Breite

lg

sepono

Soweit ist es klar mit "display: inline und display: block", aber was ist mit

Zitat

kann sein, dass dann die Linien nicht durchgängig sind, das kann man lösen indem man
ul li einen border gibt und eine bestimmte Breite

gemeint - ich verstehe echt nur Bahnhof ...

Grüße Torsten

Morris

Das Problem ist, dass der Zähler nicht innerhalb des links steht. Da dieser aber "block" formatiert ist (um z.B. diverse hover Eigenschaften nutzen zu können) wird hinter diesem ein Zeilenumbruch gemacht, wodurch der Zähler in die nächste Zeile rutscht.

Nimmst du die "block" Formatierung raus wird das hovern über die links in deinem Fall nurnoch den eigentlichen Text mit einer anderen Hintergrundfarbe hinterlegen, nicht aber die ganze "zelle".

Ich habe es für mich bei einem Projekt so gelößt, dass ich die Coredatei so umgeschrieben habe, dass der Zähler im Link steht. Ist aber generell nicht zu empfehlen.

Grüße
Mo

Olafb

CSS zurück auf Anfang, dann dazu:

PHP

#Categories ul li a {
	display: inline;
}

sepono

Hmm, ich habe eben probiert aber leider hauts nicht hin - ich mache sicher Fehler. Ich poste hier mal den Code, vielleicht könnt ihr mir damit helfen ...

sidebar.php

PHP

<!-- begin sidebar -->


<div id="sidebar">


	<ul id="sidebarwidgeted">
	<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
	
	<li id="Recent">
	<h2>Letzter Beitrag</h2>
		<ul>
			<?php get_archives('postbypost', 10); ?>
		</ul>
	</li>


	<li id="Categories">
	<h2>Kategorien</h2>
		<ul>
			<?php wp_list_cats('sort_column=name'); ?>
		</ul>
	</li>
		
	<li id="Archives">
	<h2>Archiv</h2>
		<ul>
			<?php wp_get_archives('type=monthly'); ?>
		</ul>
	</li>
		
	<li id="Blogroll">
	<h2>Mac Links</h2>
		<ul>
			<?php get_links(-1, '<li>', '</li>', ' - '); ?>
		</ul>
	</li>


	<?php endif; ?>
	</ul>
	
</div>


<!-- end sidebar -->

Alles anzeigen

style.css

Code

/* 
	Theme Name: Vertigo 2-Column
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/


body {
	background: #FFFFFF url(images/bg.gif) repeat-x;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/


a, a:visited{
	color: #800000;
	text-decoration: none;
	}
	
a:hover      {
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/


#header {
	background: #FFFFFF url(images/header.gif);
	width: 760px;
	height: 160px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#header img a{
	margin: 0px;
	border: none;
	}
	
#headerleft {
	background: #FFFFFF url(images/logo.gif);
	height: 160px;
	width: 160px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#headerright {
	width: 600px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
	
#headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
#headerright ul {
	margin: 0px;
	padding: 0px;
	}
		
#headerright a, #headerright a:visited {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px 6px 10px;
	text-decoration: none;
	}
		
#headerright a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/


#content {
	width: 760px;
	margin: 0px auto 0px;
	padding: 0px;
	}


#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#content h1 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	border-top: 2px solid #000000;
	}
	
#content h1 a  {
	color: #000000;
	text-decoration: none;
	}


#content h1 a:hover {
	color: #800000;
	text-decoration: none;
	}
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
#content h2 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 20px 0px 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #C0C0C0;
	}
	
#content h3 {
	color: #000000;
	font-size: 22px;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	margin: 25px 0px 0px 0px;
	padding: 20px 0px 10px 0px;
	}
	
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}


#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote{
	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	
/************************************************
*	Sidebar 		    			     	    * 
************************************************/


#sidebar {
	float: right;
	width: 240px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-top: 2px solid #000000;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}


#sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #C0C0C0;
	}


#sidebar ul li a:hover {
	background: #EFEFEF;
	color: #800000;
	}
	
#sidebar p{
	padding: 3px 0px 0px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
/************************************************
*	Footer Background							*
************************************************/


#footerbg {
	background: #333333;
	}
	
/************************************************
*	Footer  									*
************************************************/


#footer {
	width: 760px;
	height: 400px;
	background: #333333;
	color: #FFFFFF;
	margin: 0px auto 0px;
	text-align: left;
	position: relative;
	line-height: 17px;
	}
	
#footerbottom {
	height: 5px;
	background: #999999;
	position: relative;
	}
	
#footer p {
	color: #FFFFFF;
	padding: 3px 0px 0px 0px;
	list-style-type: none;
	margin: 0px;	
	}
	
#footer h2 {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	padding: 0px 0px 2px 0px;
	margin: 15px 0px 0px 0px;
	text-transform: uppercase;
	}


#footer a {
	color: #AAAAAA;
	text-decoration: none;
	}


#footer a:hover {
	color: #800000;
	text-decoration: none;
	}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}


#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #666666;
	}


#footer ul li a:hover {
	background: #666666;
	color: #FFFFFF;
	}
	
#footerleft {
	background: #333333;
	float: left;
	width: 240px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footermiddle {
	background: #333333;
	float: left;
	width: 240px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	}
	
#footerright {
	background: #333333;
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}


/************************************************
*	Search Form									*
************************************************/


#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #FFFFFF;
	width: 200px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 4px;
	margin: 7px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 430px;
	background: #E8E8E8;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}


.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}


.commentinfo{
	clear: both;
	}


.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}


#commentsformheader{
	padding-left: 0px;
	}


#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}


#commentsform form{
	text-align: left;
	margin: 0px;
	}


#commentsform p{
	margin: 0px;
	}


#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

Alles anzeigen

herzliche Grüße und nochmals vielen Dank für die Hilfe.
Grüße Torsten

Olafb

Besser wäre ein Link zum Blog, versuchen kannst du noch dies:

PHP

#sidebar #Categories ul li a {
    display: inline;
}

Erin

Hi Torsten!

Ich hab zZ das gleiche Problem wie Du. Ich möchte meine Navigation auch wegen des Hover-Effekts als Block anzeigen lassen, aber jedesmal wenn ich das mache, rutscht wie bei Dir der Counter nach unten und versaut alles.
Es liegt nicht daran, dass der Code falsch ist, sondern einfach daran, dass wir etwas "unmögliches" versuchen. Wir versuchen mit display:block einen kompletten Block linkbar zu machen in dem eben auch ein "nicht-link-part" [Counter] vorhanden ist. Das geht nicht.
Sagt man dem Block zusätzlich noch display:inline, dann schiebt er den "nicht-link-part" [Counter] zwar nach oben, aber dann ist der link part eben nicht mehr so breit wie der ganze Block. Wenn Du verstehst was ich meine, ist blöd zu erklären...

Ich hab mich auch damit abgefunden, dass der einzige Weg das zu lösen der ist, den Morris vorgeschlagen hat. Den Counter in den Link einzubinden, oder ihn zu entfernen...

datenbyter

Is ja´n Gewusel mit den Stylesheets - kann man das nicht einfach umgehen, indem man vor den Link im quellcode den guten alten HTML-Tag , und hinter den Zähler den Tag notiert ?

PS: spontane Idee, hab mir den Quellcode nicht angesehen - aber theoretisch könnte das die smarteste Lösung sein :-)

Morris

Wenn es um validen Code geht, gilt es von abzusehen
SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Zeilenumbruch

sonst ist es evtl. durchaus einen versuch wert.

Grüße
Mo

sepono

Ups, sollte ich es vergessen haben - kein Problem ...

[SIZE="5"]http://mac-privat.com[/SIZE]

Aber was Erin schreibt, leuchtet mir zwar irgendwie ein, aber irgendwie auch wieder nicht, denn im Standardstyle Kubrik funktioniert es ja auch.
Oder ist der Code von Theme zu Theme so verschieden ?

Also wenn wir wirklich etwas unmögliches möglich machen möchten und es funzt nicht, dann lasse ich es lieber - das Theme von Brian Gardner gefällt mir sogut, das ich ungern darauf verzichten möchte.
Aber wenn es doch möglich wäre, wäre es eine Super Sache ...

Grüße

Monika

Zitat von sepono

Ups, sollte ich es vergessen haben - kein Problem ...
[size=18]http://mac-privat.com[/SIZE]
Aber was Erin schreibt, leuchtet mir zwar irgendwie ein, aber irgendwie auch wieder nicht, denn im Standardstyle Kubrik funktioniert es ja auch.
Oder ist der Code von Theme zu Theme so verschieden ?
Also wenn wir wirklich etwas unmögliches möglich machen möchten und es funzt nicht, dann lasse ich es lieber - das Theme von Brian Gardner gefällt mir sogut, das ich ungern darauf verzichten möchte.
Aber wenn es doch möglich wäre, wäre es eine Super Sache ...
Grüße

der Code nicht aber die Angaben der style.css , um die es hier geht.

es gibt einen hover Effekt, der aussieht als würde er die ganze Zeile in Anspruch nehmen, dabei ist das NUR der hover Effekt eines Links...

das kann man nur machen, wenn man dem Link ein display block gibt, dieses display block ist aber eigensinnig und schiebt alles andere nach unten ;)

theoretisch kann mantricksen,
doch diese Trickserei mag der IE nicht, er crasht nicht, aber er zeigt den hover Effekt nicht an ...

das kann man wiederum umgehen, indem man den IE mit javascript vergewaltigt...

jetzt meine Frage:magst Du auch den hover Effekt haben -also wenn Du mit der Maus drüberfährst?

oder..
kannst Du damit leben, dass dies der IE nicht kann?

oder andere Möglichkeit ...

die Zahl steht in derselben Zeile wie der Link aber ohne hoverEffekt und dort ganz am Ende?

je nachdem was Du magst, kann ich mich Samstags irgendwann damit spielen..

lg

sepono

Hallo Monika!
Entschuldige das ich so spät antworte, war mit meinem Bike unterwegs - aber jetzt kann ich mich hier wieder voll entfalten ... :)

Also der Hover-Effekt ist ja an sich nicht schlecht, würde diesen gerne behalten. Das der Internet Explorer das nicht darstellen könnte ist mir eigendlich nicht so wichtig, da es bei mir sowieso nur um Mac geht und da gibt es ja keinen IE, ich kenne niemanden der diesen benutzt, und im Safari und Firefox würde es ja sicher angezeigt werden.

Wenn du wirklich heute am Samstag dich damit beschäftigen möchtest, würde ich mich sehr freuen. Ich habe schon überlegt, bei jedem Beitrag in die entsprechende Kategorie zu gehen und diese dann einen neuen Namen geben - ungefähr so: Software (9) und beim nächsten Beitrag dann Software (10) und so weiter. Aber das ist sicher nicht die elegante Art und mit der Zeit nervig.

Herzliche Grüße
Torsten

Monika

Code

/************************************************
*    Sidebar                                      * 
************************************************/


#sidebar {


    float: right;


    width: 240px;


    margin: 25px 0px 0px 0px;


    padding: 0px 0px 20px 0px;


    border-top: 2px solid #000000;


    }


    


#sidebar ul {


    list-style: none;


    margin: 0px;


    padding: 0px;


    }






#sidebar ul li {line-height:1.3em;


    display:block;float:right;


    padding: 0px;


    margin: 10px 0 0 0;


    }


    










#sidebar ul li ul li{clear:right;float:right;
    /*display: inline;*/
    
    margin: 0px;
    width:240px;
border-bottom: 1px solid #C0C0C0;
padding: 5px 0px 5px 0px;}


#sidebar ul li ul li:hover{
background: #EFEFEF;
    color: #800000;
}
    
#sidebar ul li ul li a {float:left;
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px;
    width:220px;
    
    }


#sidebar ul li ul li a:hover {
    background: #EFEFEF;
    color: #800000;
    }
    
#sidebar p{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }

Alles anzeigen

damit rutscht die Anzahl auf das Ende der Zeile,
es ist fast die ganze Fläche weiter anklickbar und hover Effekt ist auch da,
ebenso der Border und der Abstand der einzelnen Blöcke,

??
so;)

HTML

/************************************************
*    Sidebar                                      * 
************************************************/


#sidebar {


    float: right;


    width: 240px;


    margin: 25px 0px 0px 0px;


    padding: 0px 0px 20px 0px;


    border-top: 2px solid #000000;


    }


    


#sidebar ul {


    list-style: none;


    margin: 0px;


    padding: 0px;


    }






#sidebar ul li {line-height:1.3em;


    display:block;float:right;


    padding: 0px;


    margin: 10px 0 0 0;


    }


    










#sidebar ul li ul li{clear:left;
    display: inline;
    
    margin: 0px;
    width:240px;
border-bottom: 1px solid #C0C0C0;
padding: 5px 0px 5px 0px;}


#sidebar ul li ul li:hover{
background: #EFEFEF;
    color: #800000;
}
    
#sidebar ul li ul li a {float:left;
    display: block;
    color: #000000;
    text-decoration: none;
    margin: 0px 4px 0 0;
    
    
    }


#sidebar ul li ul li a:hover {
    background: #EFEFEF;
    color: #800000;
    }
    
#sidebar p{
    padding: 3px 0px 0px 0px;
    margin: 0px;
    line-height: 20px;
    }

Alles anzeigen

damit ist die Zahl gleich neben dem Link
hover Effekt ist da
aber anklickbar ist nur die Fläche, die der Linktext braucht.

lg

sepono

Hallo Monika!
Herzlichen Dank für deine Mühe, ich probiere das gleich aus und berichte dann hier im Forum. Nochmals Dankeschön!

Grüße Torsten

pufaxx

und da leg ich mich krumm ...

... *snif* mag denn keiner einer mein schönes Filter-PlugIn ausprobieren? Hab ich doch extra geschrieben.

:-(

>>LINK

Mit dem PlugIn versetzt man die "Beitrags-Zählung" in den Link - und dann klappt nichts mehr um. Und - glaubt mir - es gibt Fälle, in denen die Zahl "in den Link rein muss", damit sie nicht wegklappt. Wenn man z.B. wert drauf legt, dass die gesamte "Knopf-Fläche" anklickbar ist, damit man nicht auf die "Buchstaben des Links" zielen muss, dann Konstellationen mit Hintergrundbild-für-Link etc. pp ...

Sprich: So ziemlich alle Navis, in denen die Links aus Layout-Gründen als Block-Element definiert sein müssen, haben dieses "Umklapp"-Problem für alles, was innerhalb der <li>...</li> aber außerhalb des <a></a> ist

Mein "Filter" hat noch den kleinen Nachteil, dass man die "Zahl" nicht anders "stylen" (z.B. färben) kann als den Link-Text, aber das wäre auch mit ein paar Handgriffen zu ändern.

copernica

Klappt wie am Schnürchen! :-D

Gabis Wordpress-Templates » Weblog

pufaxx

... freut mich ...

:-)

... ich bin grad am Überlegen - Ist natürlich schade, dass die "Zählung" quasi genau so aussehen "muss" wie der Link-Text - Was würdest Du Dir denn für ein Tag um die Zählung wünschen?

Ich würd vorschlagen. In Ordnung? Andere Vorschläge?

(Hatte zuerst an gedacht, aber ich glaub, das wäre eher unpraktisch)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Counter neben Kategorien

Jetzt mitmachen!