Vad är CSS? Guide till CSS på din blogg
Vad är CSS?
CSS är en förkortning för Cascading Style Sheets och används när man ska underlätta designen av en hemsida eller din blogg design.
En hemsida som är helt byggd i HTML kan man designa rätt lätt. Men så fort en ändring ska utföras måste man ändra i HTML koden på varje sida, på varje "html-tagg" som det kallas. Om du har en sida på några hundra sidor förstår man att det kan bli rätt problematiskt och tidskrävande att utföra alla dessa ändringar.
Det är där CSS kommer in. Det fungerar som en mall till alla dina taggar på alla dina sidor. Om du har aktiverat CSS på din sida så krävs det inte mer än att du ändrar en gång för att ändringen ska ha effekt på alla dina sidor.
Hur Fungerar CSS?
I HTML koden på dina sidor finns i toppen en sektion som kallas HEAD. den definieras av <head> taggen. I <head> finns det olika taggar som kallas META-Taggar. En META-Tagg som används när man talar om CSS är:
<LINK href="cssfilen.css" rel="stylesheet" type="text/css">
Den taggen visar vart din CSS befinner sig på servern. I exemplet ovan är CSS-filen i samma mapp som index filen.
När en besökare går in på din sida laddas först index filen. Webbläsaren söker igenom din CSS fil och HTML fil och jämför definierade taggar och attribut.
Om du t.ex. har en länk på första sidan
<a href="http://www.hemsida.se"></a>
Så kollar den om du har satt något atribut på en <a>-tagg i din CSS.
När den söker igenom din CSS ser den det här:
a {color: #FFFFFF;}
Din <a>-tagg har fått färgen vit och då tillämpar den det på taggen så att den för besökaren blir vit.
Hur använder jag CSS på min blogg?
Många bloggtjänster tillåter att man ändrar i CSS filen. På Blogg.se hittar du CSS filen här:
Behöver du hjälp med din CSS? Ställ frågorna i forumet:
Grundläggande om CSS på Webdesignskolan
Kommentarer
min vita ram på bakgrunden
Hej
Jag skulle behöva hjälp med att ändra en sak. hehe
jo jag har ändrat min bakgrund och så allt detta är jag nöjd med.
men på bakgrunden är det typ en vit fyrkant där min header och blogg text är
och jag skulle vilja ändra den om det gick.
för jag har sätt många som har typ tre sådana rutor och inte en stor.
hoppas att du kan hjälpa mig och förstår
tack i förhand
Stilmall
Hej Hej ja har 3 saker ja behöver hjälp med, får panik :(
1. ja skulle vilja ha min meny kant i kant me headern på vänster sida längst upp. ( ja vet inte hur man ska förklara )
2. De vita som ligger bakom header de skulle ja vilja sänka så att headern låg på de rosa o inte på de vita. Så att de vita inte sitter ihop me header.
3 när ja gör de vita bredare så flyttas texten åt höger o bilderna får inte mer plats som ja ville. Så de blir en stor glipa mellan där man skriver inlägget o menyn....
Stilmall
Hej Hej ja har 3 saker ja behöver hjälp med, får panik :(
1. ja skulle vilja ha min meny kant i kant me headern på vänster sida längst upp. ( ja vet inte hur man ska förklara )
2. De vita som ligger bakom header de skulle ja vilja sänka så att headern låg på de rosa o inte på de vita. Så att de vita inte sitter ihop me header.
3 när ja gör de vita bredare så flyttas texten åt höger o bilderna får inte mer plats som ja ville. Så de blir en stor glipa mellan där man skriver inlägget o menyn....
Kodmalls-hjälp!
Hejsan jag har en fråga, hoppas du kan svara!
Jag har precis fixat en ny design, men när jag klickar upp ett specifikt inlägg eller ska kommentera ett, så blir det inte bara så att det inlägg + kommentarerna syns, utan ALLA inlägg syns och kommentarsfältet blir längst ned. Om du inte förstår kan du ju kolla på min blogg och testa kommentera så förstår du säkert...
Det är jätteirriterande!
Så tacksam för svar :) Kram.
Ser inte helt ok ut, nej. Ser
Ser inte helt ok ut, nej. Ser ut som du har lyckats få in två mallar i en kodmall. Svårt för mig att göra nånting men leta efter den första </html> taggen och ta bort allt ovanför, se till att spara allt till en backup först om det skulle förstöra nånting. :)
Hälsningar,
Henrik
HUR!!!
SNÄLLA!!!
Hjälp mig med att få så snygg header och blogg som du och många andra har. Alltså sånna som inte finns när man ska välja design/tema! Snälla, hjälp! jag vill inte ha en så tråkig blogg som jag har! Jag skulle bli tacksam om du hjälpte mig.
Ha det!
/Josefine
P.S. kom till min blogg, http://zuperjozzan.blogg.se så blir jag mycket gladare!
Förbättra sidan
Hej!
Jag undrar hur jag enkelt kan skapa en vit platta som ligger under varje widget i min sidmeny?
Använder ett tillgängligt Wordpress-tema och har aldrig jobbat med CSS förut. Blir det för komplicerat för mig?
Hilsen
Hjälp med flikar?
Hejsan vilken bra blogg du har, jag undrade om du kunnde hjälpa mig och svara på en fråga som jag har, Jag håller på försöka lägga in flikar under headern och allt har gått fint. MEN jag har skrivit ett inlägg som heter om mig som inte är publicerat och undrar hur man ska göra med länkningen. Om man vill ha flera inlägg under samma flik, måste man skapa en ny kategori då? Jag vill att dessa inlägg bara ska hamna INNE i dem NYA flikarna... inte publiceras eller hamna under en kategori... går det?
Hoppas att du förstod vad jag menade och att du kan hjälpa mig! Jag är jätte tacksam!
Reklam i custom.css?
Hej, jag undrar hur man lägger in reklam i ett custom.css-dokument?
MvH
Carlenius
Reklam
I en CSS mall finns det bara specifikationer för hur HTML visas i webbläsaren. För att visa reklam på en sida krävs det förstås olika saker, beroende på om du har en banner eller liknande i Flash eller en .GIF bild. Det krävs alltid att du först lägger den i din HTML kod, det går inte att bara göra den i CSS.
Vet inte om jag förstod din fråga rätt.
Bästa hälsningar,
/Blogghjälp
blogg
ååh tack..hur hitta du till min sida?
Letar alltid efter snygga
Letar alltid efter snygga designer på bloggar, snubblade över din då.
Mvh
Skriv ny kommentar