In case somebody wants to get the same modifications from my blog, copy the user.css at:
http://files.myopera.com/LorenzoCelsi/user.cssNel caso qualcuno volesse copiare le modifiche dal mio blog, copiate il file user.css da:
http://files.myopera.com/LorenzoCelsi/user.cssHere come some explainations:
---------------------------------------
/* for changing header */
What ever you put between /* */ is considered a comment, can be text or CSS blocks you want to temporary disablediv#top { background: url(
http://files.myopera.com/LorenzoCelsi/files/middleearth-top-myopera.jpg); }
This string tells the container "div" whose ID is "top" to use the image from "url" as backround. The symbol "#" means "ID" and the symbol "." means "CLASS"/* height of the blog header */
div#top2 { height:150px; }
This string forces the container "div" whose ID is "top2" to be 150px high/* title and subtitle */
div#top2 h1 { padding-top:80px; }
div#top2 h1 span { color:#ffffff; }
div#top2 p#subtitle span { color:#ffffff; }
Here you set the vertical position and colors for main title and subtitle. You can see a chain of nested elements, like "div#top2" that contains "h1" that contains "span". Empty spaces divide the nested elements/* colors of elements in the post area */
h1.title { color:#708090; font-weight:normal; }
h1.title a { color:#708090; font-weight:normal; }
p.tags a { color:#778899; }
p.readmore a { color:#778899; }
p.editthis a { color:#778899; }
span.postcomments a { color:#778899; }
div.content { color:#c0c0c0; }
Same as above. First two lines define color and weight of the post title. Then there are the post tags, the "read more", the "edit post" button, the "comments" button and finally the color of the post bodyNote: as told in the previous post, to pick the elements from the page I use Firefox with the Firebug extension, via the "inspect" feature. It can be done also reading the page code directly but it is much more painful.