Det var en tjej som frågade!

Hejsan!
Det var en tjej som undrade hur man gör så att bilderna blir vita om man tar musen över de och det ska jag visa nu!
Såhär gör man:

<title>{{ blog.title }} - {{ blog.description }}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="{{ app_url }}" />
<link rel="stylesheet" href="{{ blog.blog_path }}style.css" type="text/css" />
<link rel="alternate" href="{{ blog.blog_path }}index.rss" type="application/rss+xml" title="RSS" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
<style type="text/css">
img{opacity: 1;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;}
img:hover{opacity: 0.6;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

Du kopierar denna texten och lägger in på alla kodmallar under <head> och över </head>. 

Hoppas att detta hjälpte och att ni förstår. Funkar det inte så hjälper jag er gärna! :)

Bara ställ en fråga om det inte funkar jag svarar alltid!

RSS 2.0