design

Design-hjelp: Farge bak overskriften

Nå skal jeg forklare hvordan man får fargebakgrunn bak overskriften, som dette: 

1. Gå inn på Design > Rediger stilsett.
2. Sett inn denne koden under der hvor du redigerer skriften:

h3 {

background-color: #000000; 

}

3. Endre "000000" til hvilken fargekode du vil ha. Ferdig!

Sånn ser mitt ut innvendig (resultatet er oppe der):

Pass på at du ikke mister noen { for da kan det hende det ikke fungerer. Prøv deg frem! 

designhjelp: hvordan få knapper i sidemenyen

Istedenfor å ha en meny under headeren kan du ha det i sidemenyen, med knappene under hverandre.
Det er veldig enkelt!

 



1. Du går på Maler (HTML) og begynner med forsiden.
2. Søk etter (CTRL+F): <p>${ProfileDescription}</p>
3.
Rett under linjen du fant skal du lime inn denne koden:

<a href="LINK TIL INNLEGGET"><p style="width:160px;text-align:center;border:1px solid black;padding:1px;font-weight:bold;color:black;background:white;filter:alpha(opacity=50);opacity:.50;Popstar;cursor:pointer;">NAVN PÅ KNAPP</p><br>

4. Fyll inn riktig tekst. Lagre. Gjør det samme på innlegg, kategori og arkiv også hvis du vil at knappene skal synes når folk klikker på for eksempel en kategori eller en måned i arkivet.

5. Hvis du vil ha flere knapper er det bare å kopiere koden og fylle inn det som trengs og lime det inn etter den første knappekoden.

Hjelpsomt?

designhjelp: hvordan få andre farger i kommentarene

Det var mange som var veldig positive til flere tips og hjelp med designet, så her kommer ett til!

Hvis du er lei av å ha gult for blogg.no-brukere, blått for deg selv og hvitt for resten, så er det ganske enkelt å gjøre noe med det! Disse kodene skal inn i stilsett (CSS). Jeg har de mellom textarea og wrapper, men jeg vet ikke om det har så mye å si.

}
#comments .owner {
border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
background: #e0ebff;
}
#comments .user{
border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
background: #fff2e5;
}
#comments .other{
border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
background: #f1ffea;
}

Husk bare EN sånn: { eller } mellom hver linje, ikke flere etter hverandre.

owner = du som eier bloggen
user = blogg.no-bruker
other = resten

Det er etter der det står background som avgjør fargen for kommentaren.

Dotted gjør linjen rundt kommentaren prikkete. Hvis du vil ha en rett strek bytter du ut med solid. De andre mulighetene er: dashed, double, groove, inset, ridge og outset. Det er det bare å teste ut selv!

 

Kommer du til å prøve?

designhjelp: hvordan få 'søk i bloggen'

Det er nyttig å kunne søke etter innhold i blogger! Jeg skal vise hvordan det enkelt kan gjøres.



1. Gå inn på Maler (HTML) og begynn med forsiden.
2. Søk (CTRL+F) etter: <div id="side" class="yui-u"
3.
Rett under linjen du fant skal du lime inn følgende kode:

<h3>Søk i bloggen</h3>
<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="12" maxlength="64" />
<input type="submit" value="Søk" />

4. Lagre, og gjør det samme på innlegg, kateogri og arkiv også om du vil det.

 

Skal jeg forsette med designhjelp?

 

design-hjelp: endre favicon (den rosa sirkelen med b i)

Vil du fjerne blogg.no sin rosa sirkel med den hvite b-en inni? Det er ikke vanskelig å endre det i det hele tatt!



1. Gå på design > maler, og begynn med forsiden. Søk etter link rel="shortcut icon"
2.
Under ser du dette: href="http://static.blogg.no/blogs/favicon.gif" og der adressen står, skal du bytte til din nye bildeadresse (URL).

Så hvis jeg vil ha dette ikonet: så må det jo først være opplastet på nettet for at jeg skal kunne finne URL-en. (Du kan laste opp til blogg.no ved å ta post > bilde). Høyreklikk på bildet og kopier adressen.

3. Lim inn adressen i malene dine hvor jeg viste deg, altså erstatt den uthevede teksten vist i punkt 2.
4. Gjør det samme på innlegg, kategori og arkiv.

Voilà!

Du kan finne mange favicons ved å google det, der er det mange "samlebrett". Lagre et av dem, åpne et redigeringsprogram og skill ut det bildet du vil ha. Lagre, last opp.


bildekilde: her

Eller så kan du lage eget her: http://www.favicon.cc og der er det også andre som du kan ta.

hits