Lucka 11 - Jobba med rubrikerna i menyn

Dagens tips kommer handla om bloggdesign då som sagt - lite baskunskap. Vi ska nämligen jobba med rubriker i menyn + lite om innehållet under rubrikerna :D

(det är den här menyn jag pratar om)

Okej vi kan börja med att få klart för oss vad rubrikerna i menyn har för kod (i kodmallen).

• Så om du vill lägga till en egen rubrik:

<div class="navheader">Namnet på rubriken</div>

<ul>

INNEHÅLLET HÄR

</ul>

Var du ska lägga in koden beror på var du vill ha den i menyn. Men tänk på att allt ska ligga efter koden

<div class="nav">

En liten förklaring:

1. Vi säger att du vill ha en text där det står lite om dig som person. Då lägger du in den här koden:

<div class="navheader">Info om mig</div>

<ul>

HÄR LÄGGER DU IN TEXTEN DU VILL HA, KANSKE EN BILD PÅ DIG SJÄLV M.M ALLTSÅ INNEHÅLLETT.

</ul>

Du placerar koden där du vill ha den, i detta fallet ovanför Senaste inläggen rubriken.

2. Här har jag då ringat in hur koden för Senaste inläggen ser ut. Emellan <ul> och </ul> ligger koden för alla inläggen som har publicerats den senaste tiden alltså innehållet.

Sen om du vill ha fler rubriker är det ju bara att lägga till koden igen och skriva in det innehåll du vill ha emellen <ul> och </ul> då som sagt

• Utseendet på dina rubriker:

Detta ändrar du i stilmallen under kodavsnittet  .navheader {

Där kan du ändra t.ex.

-bakgrundsfärgen = backgound-color: #färgkod;

-färgen på texten = color: #färgkod;

-typsnittet på texten = font-family: typsnittets namn;

-storleken på texten = font-size: 20px;

-hur tjock texten ska vara = font-weight: normal(normal) eller bold(tjock);

-Om det ska vara stora eller små bokstäver = text-transform: uppercase(stora) eller none(små);

Självklart kan man göra mycket mer men detta är väl grunden antar jag? Som ni ser har jag lite fler saker tillskrivna på bilden och ni får gärna testa er fram med detta för då lär ni er mer!

Om det var något ni saknade här eller vill fråga om får ni gärna kommentera :D

Hoppas ni hade någon nytta av detta tipset och Lycka Till!

men vart ska man skriva <div class="navheader"> i kodmallen?

bara undrar men vet du hur man flyttar på "tillbaka till starsidan" knappen?

<div class="navheader">Senaste inläggen</div>

<ul>

<tag:recentlist limit="20">

<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

</TAG:RECENTLIST>



DET SER JU UT SÅ HÄR men asså vi säger om jag ska ha en med bloggsvar hur ska det stå där det här stora bokstöver i koden!?



asså när det är kategorier stpr det tag:category

hur ska det stå annars!? ska man bara översätta till engelska elr vad!??

A

|

|

|

det ska va www.nooviii.blogg.se