Linje/punkter under rubriken



Jag fick en fråga om jag inte kunde visa hur man får punkter under menyn som så som jag har, självklart kan jag göra det. Det är faktiskt väldigt väldigt enkelt.

STEG 1

Klistra in koden här nedanför under .navheader {

border-bottom: 1px dotted #000000;

Då hamnar den under rubrikerna i menyn. Om du hellre vill punkterna på ett annat ställe, så klistra in koden någon annanstans. Om du vill ha punkterna under rubriken i inläggen t.ex., så klistra in koden under
/** Entry headers **/.

STEG 2

Nu tänkte jag förklara lite vad allting i koden går till och vad det betyder.

border-bottom: Det här betyder att punkterna hamnar under det du klistrar in den vid. Om du vill ha punkterna ovanför, så ändrar du bara bottom till top.
1px: Det här är storleken på dina punkter. Vill du ha större punkter så ökar du bara till ett större värde. 1px är dock det minsta.
dotted: Det här betyder att punkterna blir just punkter. Om du skulle vilja ha något annat än punkter, så ändrar du bara dotted till t.ex. solid (då blir det en linje istället). De vanligaste du kan välja mellan är dotted (punkter), solid (linje) och dashed (streck).
#000000: Det här är färgkoden. Om du skulle vilja ha en annan färg, så är det bara att byta ut siffrorna.

Hoppas ni förstod!