Ändra bakgrundsfärg på sidmenyn?

classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

Ändra bakgrundsfärg på sidmenyn?

Hooves
Kan man ändra bakgrundsfärgern enbart på sidmenyn?
Jag har försökt hitta i css utan att lyckas.
Reply | Threaded
Open this post in threaded view
|

Re: Ändra bakgrundsfärg på sidmenyn?

Johnny Gejdner
Administrator
This post was updated on .
Hej,
Gäller för mallen du har idag, "professional"
Leta upp följande i din CSS-mall

#header a {
text-decoration: none;
color: #FFFFFF;
}

Lägg till
background-color: #FF0000;

Skall se ut så här.
#header a {
text-decoration: none;
color: #FFFFFF;
background-color: #FF0000;
}

#FF0000 ger röd färg och är bara ett exempel, välj din egen färg.
Beroende på vad du väljer för bakgrundsfärg så måste du kanske ändra textfärgen, detta gör du genom att ändra
color: #FFFFFF;
#FFFFFF = vit textfärg.
Vänliga hälsningar / Best regards
Reply | Threaded
Open this post in threaded view
|

Re: Ändra bakgrundsfärg på sidmenyn?

Hooves
Tack för ditt svar men blev nog missförstånd, när jag gjorde som du beskrev ändrade sig färgen på menyn i ovankant. Jag vill kunna ändra färgen på sidokolumnen om det går?

Med vänlig hälsning
Tanja
Reply | Threaded
Open this post in threaded view
|

Re: Ändra bakgrundsfärg på sidmenyn?

Johnny Gejdner
Administrator
This post was updated on .
Aj då, ursäkt jag missförstod dig.

Leta upp följande i din css och lägg till background-color: och din färgkod, exempel #2ee62e (grön)
/* Sidebar */

#sidebar {
        float: left;
        width: 300px;
margin:0px;
padding: 0px;
padding-bottom:20px;
border-bottom: 1px solid #ddd;
background-color: #2ee62e;
}
------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------
Beroende på vad du väljer för bakgrundsfärg så kanske du vill ändra färg på länkarnas hover-effekten?
Leta upp i så fall följande kod, och lägg till color: och din färgkod.

#sidebar a:hover {
        text-decoration: underline;
}

och lägg till color: och din färgkod ex  color: #FFFF00; (Gul)
#sidebar a:hover {
        text-decoration: underline;
        color: #FFFF00;
}


http://www.webbmek.n.nu/
Vänliga hälsningar / Best regards