Ändra färg och typsnitt på rubriken i inläggen

Här kommer en liten snabb förklaring på hur man ändrar utséendet för rubrikerna i alla inläggen.

1. Börja med att gå in i din stilmall, och leta upp kodavsnittet som heter /** Entry headers **/


Nu ska jag förklara vad det betyder och vart du ändrar vad.

font-family: Här ändrar du typsnittet för dina rubriker.
(Jag har Courier New som typsnitt, men har även satt ut två stycken "reserv-typsnitt", utifall någon som tittar på bloggen inte skulle ha Courier New installerat. Men det är egentligen bara nödvändigt om du har ett väldigt ovanligt typsnitt. Det är alltså det första typsnittet du skriver, som gäller i första hand. Glöm inte kommatecken mellan de olika typsnitten.)

font-size: Här väljer du vilken storlek du vill ha på typsnittet i rubriken.

color: Här ändrar du färgen på texten i rubriken. Det gör du med hjälp av en färgkod. Om du vill ha hjälp med att hitta färgkoder så kan du titta på den här färgkartan

font-weight: Här ändrar du hur fet texten ska vara. Du kan ändra genom att skriva tex normal eller medium, eller så kan du skriva ett hundratal om du vill få det mer exakt.

På slutet har jag lagt till 3 extra kodrader. Med hjälp av dem får jag en prickad, röd linje under min rubrik som ni kan se. Vill ni också ha det så kan ni kopiera denna kodrad och lägga till på slutet:

border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #af040a;
}

border-bottom-width: Hur tjock/fet linjen ska vara
border-bottom-style: Om du vill ha prickad eller rak linje osv. Ex: dotted, dashed, solid m.m 
border-bottom-color: Vilken färg linjen ska vara



Kommentarer
Postat av: elin

guuuuuuuuuud vad bra, jag har letat efter detta på nätet hela dagen :D:D fan vad bra det känns nu och tack så himla mycket :D:D

2010-08-17 @ 16:43:06
URL: http://ellazzz.blogg.se/
Postat av: Mary

har också letat efter det här hela dagen!!!!!! TACK TACK

2010-09-05 @ 00:49:03
URL: http://fiemma.blogg.se/
Postat av: amanda

taack för tipset, jätte bra verkligen!!

2010-11-07 @ 13:49:28
URL: http://ama
Postat av: Viki

Tack för tipset, nu vet jag hur man gör! :D

Du är superduktig gällande design!! :D <3

2010-12-09 @ 00:13:20
URL: http://vikisblogg.blogg.se/
Postat av: felicia

Tack, detta hjälpte!!:D

2010-12-26 @ 15:39:24
URL: http://feliciakarlssons.webblogg.se/
Postat av: Elsa

åhhhhhhhhhh! tack!

2011-02-06 @ 19:17:48
URL: http://elsaoamanda.blogg.se/
Postat av: olivia

hej,fin blogg!!



har en liten fråga vet du hur man ändrar rubriken i unika inlägg (alltså inte alla inlägg)

2011-06-06 @ 11:39:03
URL: http://mimo.blogg.se/
Postat av: Ida

Asså jag bara ääääääälskar dom här bloggtipsinläggen! Typ bästa tipsen jag hittat!!!!

2011-07-09 @ 17:41:38
URL: http://idamini.blogg.se/
Postat av: ronja

tack så himmlllllaaa mycket. sjukt bra beskrivning verkligen!

2011-09-22 @ 18:10:52
URL: http://ronjarudolfh.blogg.se/
Postat av: Ida

Tack så jättemycket för hjälpen!:)

2011-11-09 @ 18:36:54
URL: http://idabrjson.blogg.se/
Postat av: Wilma

shit, du är bra på att förklara!! =)

2011-11-20 @ 10:41:50
URL: http://wilmaoevelinas.blogg.se/
Postat av: Anonym

tack så himla mycket för hjälpen nu hjälpte du mig med ett problem jag alltid haft ! :D förutom hur man gör så rubriken är med små bokstäver, men skitsamma !

2011-11-30 @ 17:39:22
Postat av: IMAGONS - Hobbyfotograf

fin blogg, tack för hjälpen!

Har du photoshop?

Vart laddade du ner det om du gjorde det?

VIlken kamrera har du?

Tacksam för svar! :D

2011-12-05 @ 17:47:00
URL: http://imagons.blogg.se/
Postat av: moa

Hejsan!

Utan detta inlägget hade jag inte fattat hur jag skulle göra. Tack tack!

2011-12-14 @ 16:46:30
URL: http://moasfotobok.blogg.se/
Postat av: maja

hur gör jag om jag vill ändra på själva innehålls-texten i inlägget?

2011-12-17 @ 17:22:05
URL: http://majastarchild.blogg.se/
Postat av: maja

hur gör jag om jag vill ändra på själva innehålls-texten i inlägget?

2011-12-17 @ 17:22:32
URL: http://majastarchild.blogg.se/
Postat av: jonna♥

Tack så otroligt mycket! Kolla själv på min blogg hur det ser ut nu, tack vare din hjälp!.. ♥

2011-12-27 @ 15:58:59
URL: http://drakeplopp.blogg.se/
Postat av: Hanna-chan

HERREGUD TACK SÅ MYCKET! :D

2011-12-30 @ 16:14:39
URL: http://klockanhalvtre.blogg.se/
Postat av: buan

Härligt!!

2012-01-04 @ 20:34:24
URL: http://buans.blogg.se/
Postat av: sandra rasby

TACK! :D nu har jag äntligen börjat få grepp på kodmallar x) ha de bra!

2012-01-07 @ 08:03:18
URL: http://ssandrarasby.blogg.se/
Postat av: Rebecka

superduper tack! :D

2012-01-17 @ 11:59:39
URL: http://hakanhellstrom.blogg.se/
Postat av: milla

OMG TACK. har försökt lista ut i min egen design rätt länge nu.. tack!!<3

2012-02-05 @ 10:10:59
URL: http://lyon.blogg.se/
Postat av: Linnea

Gör du design? Isåfall du vill inte göra en åt mig :D?

2012-02-16 @ 19:48:18
URL: http://linneaochsindy.blogg.se/
Postat av: inez

det finns ingen sån där entry header sak i vår stilmall

2012-02-20 @ 15:21:13
URL: http://nightynight.webblogg.se/
Postat av: Isabella

Tack för tipset! Men linjen blir ju jätte långt går det inte att fixa så att linjen bara är lika lång som rubriken??



Och en annan fråga, mitt kommentarsfält eller vad man kan kalla det har försvunnit, när man trycker på kommentera så finns inte rutan där man kommenterar. Jag vet inte vad som är fel har typ testat allt!!



tacksam för svar!!

2012-02-22 @ 22:42:07
URL: http://isabellaaeriksson.blogg.se/
Postat av: Elin

taaaaack :)

2012-03-06 @ 20:34:56
URL: http://alltenligtelin.blogg.se/
Postat av: Miriam

Tack så sjuuukt mycket! Håller på med designen till min blogg och det här hjälpte otroligt mycket :DD

2012-03-23 @ 23:09:17
URL: http://miriamofsweden.blogg.se/
Postat av: Bella

Ååå tack!! Har letat efter detta sjukt länge!1

2012-04-09 @ 17:15:48
Postat av: Sandra

sjukt mycktet tack. :D

2012-06-13 @ 01:06:09
URL: http://damii.blogg.se/
Postat av: Desirée

Superduperbra!! Tack så hemskt mycket!! :)

2012-06-25 @ 01:51:19
URL: http://desireemathsson.blogg.se/
Postat av: Matilda

Jättebra tips! Men hur ska man göra så att strecken under rubriken flyttas upp? Den hamnade lixom inte under texten... Tacksam för svar!

2012-08-01 @ 15:33:53
URL: http://mrm.blogg.se/
Postat av: Angie

Hejsan!
Galet fin blogg har du och du beskrev ovanstående riktigt bra, jag har bara en lite fråga. På min blogg när jag lagt till de där prickarna under rubriken blir det från ena kanten till den andra (alltså lika lång som bredden på inläggen är) men såg att din inte var riktigt så och nu undrar jag om du vill hur man gör för att få raden av prickar kortare så den alltså bara är under orden i rubriken och inte hela vägen.

Skulle vara supertacksam för svar! :)

2012-11-17 @ 14:00:34
URL: http://agneesekedahl.blogg.se/
Postat av: Moa Aregran

Hur ändrar man så det automatiskt blir stora bokstäver u rubriken?
Tack för hjälpen!!

Svar: Lägg bara till den här raden: text-transform: uppercase;
Klart! :)
idawa.blogg.se

2013-09-15 @ 09:15:49
URL: http://moaaregrans.blogg.se/


- Har du frågor? Ställ dem gärna via ask.fm, tack :)

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Trackback


IDA
En 21-årig, feministisk socionomstudent med hövve på skaft (vad nu än det betyder). Jag tycker om att rita, baka och äta sega ostkrokar. Jag är även livrädd för fåglar.