Semmelstatz an Design anpassen

schafott

Hallo.

Durch das Plugin semmelsatz habe ich die Möglichkeit die meistgelesenten Artikel in meinem Blog darzustellen. Leider nicht in dem Design, wie es mir gefällt. Denn obwohl es unter <div="sidebar"> läuft, wird es nicht angepasst.

Das ist der Code:

PHP

<ul><?php print number_format(sem_showMostReads(5)); ?></ul>

Was muss ich verändern?

Außerdem wird aus irgendwelchen Gründen nach den aufgelisteten Artikeln eine Null angezeigt. Wieso? Wie kann ich diese entfernen?

schafott.blog

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

tboggi

Du gibts an, dass du in der css drin hast

PHP

<div="sidebar">

Dies ist aber nicht vollständig.

Das müsste sein:

PHP

<div class="sidebar">

oder

PHP

<div id="sidebar">

Wenn das noch nicht reicht, guck mal in deiner css ob du ein

PHP

#sidebar ul {
 ...}

oder

PHP

.sidebar ul {
 ...}

hast.
Ich glaube es geht sogar auch ne:

PHP

ul.sidebar {

Da werden die ul's des div's dann nochmal genauer formatiert.

schafott

sorry. ich meinte

Code

[COLOR=#000000][COLOR=#006600]<[/COLOR][COLOR=#0000CC]div id[/COLOR][COLOR=#006600]=[/COLOR][COLOR=#CC0000]"sidebar"[/COLOR][COLOR=#006600]> [/COLOR][/COLOR]

.
habe es bloß falsch hingeschrieben.

ja, es gibt ein

Code

[COLOR=#000000][COLOR=#FF9900]#sidebar ul {[/COLOR][/COLOR]

.

Soll ich nun in der datei die klasse genauer definieren?

tboggi

genau, die raute steht für "id" der Punkt für "class".

Ich würde jetzt zB mal versuchen:
color: #9c0000;

das ist ne rotfarbe, dann kannst du gleich sehen, ob das der richtige style ist.

Wenn ja, dann kannst du deinen wünschen freien lauf lassen

Ansonsten: weitersuchen

schafott

Ok.

Aber ich verstehe nicht ganz, was ich machen soll. Dies ist meine style.css

Code

#sidebar {
    width:250px;
    float:right;
    padding:10px 10px 30px 10px;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
         color: #000000;


       }


#sidebar h2 {
    letter-spacing:2px;
    font-size:1.4em;
    color:#333;
    border-bottom:1px solid #f6f6f6;
    padding:0 0 3px 0;
}


#sidebar ul {
    list-style:none;
    margin:0 0 20px 0;




}


#sidebar li {
    padding:3px;
    border-bottom:1px solid #f6f6f6;
}


#sidebar li a {
    color:#333;
    text-decoration:none;
}


#sidebar input {
    width:240px;
    padding:5px;
    background:#fdfdfd;
    color:#444;
    border:1px solid #f6f6f6;
    font:11px Verdana;
}


#sidebar input:focus {
    background:#fff;
    border:1px solid #eee;
}


#sidebar li a:hover {
    color:#000;

Alles anzeigen

und in sidebar.php ist der style so definiert:

Code

<div id="sidebar">

Was soll nun verändert werden?

tboggi

du fügt in der

#sidebar ul

noch ein:

color: #9c0000;

hochladen - angucken.

Wenn jetzt die Schrift rot ist, hast du die richtige div id gefunden.

und nun must du den style einfügen, den du haben möchtest.

wie soll denn die ausgabe aussehen ??

schafott

Ok, es funktioniert. Jedoch erscheint nur die überschrift rot.

Die links bleiben wie sie waren.

Das ganze soll genauso wie die anderen Sachen auf der Sidebar aussehen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Semmelstatz an Design anpassen

Jetzt mitmachen!