Kodguide i din Stilmall på blogg.se
STILMALLEN
/*BAKGRUND*/
body {
background:url("http://jennysmodemix.se/images/2010/background-valentina_112676463.jpg") repeat fixed 0 0 transparent;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}
/*LÄNKAR I INLÄGGEN*/
a {
color:#4E4E4E;text-decoration:none;
}
a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
text-shadow:0 1px 2px #000000; /* denna koden gör länken skuggad*/
}
/*Vill ni även att texten ska vara skuggan då lägger ni till denna texten: ovanför i a:hover*/
text-shadow:0 1px 2px #000000;
/*SJÄLVA BLOGGENS BAKGRUND - Den vita ytan*/
#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}
/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
/*TEXT dock om du anger <p> själv i kodmallen*/
p {
margin:0;
padding:0;
}
/*HEADER, rutan längst upp på bloggen*/
#header {
background:url("http://jennysmodemix.se/images/2010/header-valentina-by-jennysmodemix_112844033.png") repeat scroll 0 0 transparent;
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}
/*SIDOMENYN/*
#side {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}
/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR - glöm ej i så fall och ta bort background under side/*
#box {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #f5e8e6;
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}
/*SJÄLVA INLÄGGETS BAKGRUND - använd främst denna för inställningar*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}
/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}
/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}
/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}
/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}
/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}
/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}
/*HÄR ANGER DU LÄNKARS "UNIK HETER" */
.nav a {
color:#4E4E4E;
text-decoration:none;
}
a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}
/*HOVER - då du lägger musen över en länk, samt där du kan lägga in en egen muspekare*/
/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}
/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer, trackbacks osv*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}
/*SJÄLVA LÄNKARNA - egna önskemål */
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}
.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}
/*KOMMENTARSRUBRIK - Ex Postat av: Dinfotobutik*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}
/*KOMMENTARSTEXT*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}
/*KOMMENTARSTID och LÄNKAR - ex tidpunkten då kommentaren postades och blogglänk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}
/*Länkar - egna önskemål*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}
.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}
/*Kommentarrutan - kan inte ändra färg I själva textrutor osv*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}
/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}
/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}
/* inget du behöver ändra*/
.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}
/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}
/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar
/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}
/*PROFIL TEXT*/
#profile p{
}
/*HÄR ÄNDARAR DU BAKGRUNDENSBILDEN/FÄRGEN I KNAPPEN SÖK HÄR SAMT DÄR MAN SKRIVER I KOMMENTARER*/
input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}
/*KODEN DU LÄGGER TILL NÄR DU VILL HA EN DROPDOWN OVANFÖR HEADERN*/
#navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 3px 8px;
background-color: #f48f9d; /*Ändra färgen på menyflikarna här*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #fff; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: Century Gothic; /*Ändra typsnittet här*/
font-size: 11px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #f7adb7; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #f2717f; } /*Ändra färgen när man håller musen över undermenyn*/
FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.
Gällande hur man flyttar åt vilket håll är detta en enkel beskrivning
1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)
FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva före färgkoden
TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal osv)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text
ÖVRIGT
visibility: hidden; gömmer objektet
/*BAKGRUND*/
body {
background:url("http://jennysmodemix.se/images/2010/background-valentina_112676463.jpg") repeat fixed 0 0 transparent;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}
/*LÄNKAR I INLÄGGEN*/
a {
color:#4E4E4E;text-decoration:none;
}
a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
text-shadow:0 1px 2px #000000; /* denna koden gör länken skuggad*/
}
/*Vill ni även att texten ska vara skuggan då lägger ni till denna texten: ovanför i a:hover*/
text-shadow:0 1px 2px #000000;
/*SJÄLVA BLOGGENS BAKGRUND - Den vita ytan*/
#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}
/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
/*TEXT dock om du anger <p> själv i kodmallen*/
p {
margin:0;
padding:0;
}
/*HEADER, rutan längst upp på bloggen*/
#header {
background:url("http://jennysmodemix.se/images/2010/header-valentina-by-jennysmodemix_112844033.png") repeat scroll 0 0 transparent;
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}
/*SIDOMENYN/*
#side {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}
/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR - glöm ej i så fall och ta bort background under side/*
#box {
background:url("http://jennysmodemix.se/images/2010/side-bg-jennysmodemix_110101647.png") repeat scroll 0 0 #f5e8e6;
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}
/*SJÄLVA INLÄGGETS BAKGRUND - använd främst denna för inställningar*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}
/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}
h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}
/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}
/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}
/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}
/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}
/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}
/*HÄR ANGER DU LÄNKARS "UNIK HETER" */
.nav a {
color:#4E4E4E;
text-decoration:none;
}
a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}
/*HOVER - då du lägger musen över en länk, samt där du kan lägga in en egen muspekare*/
/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}
/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer, trackbacks osv*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}
/*SJÄLVA LÄNKARNA - egna önskemål */
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}
.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}
/*KOMMENTARSRUBRIK - Ex Postat av: Dinfotobutik*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}
/*KOMMENTARSTEXT*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}
/*KOMMENTARSTID och LÄNKAR - ex tidpunkten då kommentaren postades och blogglänk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}
/*Länkar - egna önskemål*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}
.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}
/*Kommentarrutan - kan inte ändra färg I själva textrutor osv*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}
/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}
/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}
/* inget du behöver ändra*/
.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}
/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}
/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar
/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}
/*PROFIL TEXT*/
#profile p{
}
/*HÄR ÄNDARAR DU BAKGRUNDENSBILDEN/FÄRGEN I KNAPPEN SÖK HÄR SAMT DÄR MAN SKRIVER I KOMMENTARER*/
input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}
/*KODEN DU LÄGGER TILL NÄR DU VILL HA EN DROPDOWN OVANFÖR HEADERN*/
#navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: left; } /* Ändra till right om du vill ha menyn till höger istället*/
#navbar li a {
display: block;
padding: 3px 8px;
background-color: #f48f9d; /*Ändra färgen på menyflikarna här*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #fff; /*Ändra färgen på texten här*/
text-decoration: none;
font-family: Century Gothic; /*Ändra typsnittet här*/
font-size: 11px; } /*Ändra storleken på texten här*/
#navbar li ul {
display: none;
width: 10em; /* Ändra bredden på undermenyn här */
background-color: #69f;}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1; }
#navbar li:hover li, #navbar li.hover li {
float: none; }
#navbar li:hover li a, #navbar li.hover li a {
background-color: #f7adb7; /*Ändra färgen på undermenyn*/
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
color: #ffffff; } /*ändra textfärgen på undermenyn här*/
#navbar li li a:hover {
background-color: #f2717f; } /*Ändra färgen när man håller musen över undermenyn*/
FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.
Gällande hur man flyttar åt vilket håll är detta en enkel beskrivning
1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)
FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva före färgkoden
STORLEK
width: anger bredd
height: anger höjd
width: anger bredd
height: anger höjd
TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal osv)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text
ÖVRIGT
visibility: hidden; gömmer objektet