How to make few basic changes to your Opera Space
By SerbianFighter. Friday, 11. November 2005, 03:48:49
So, few people have contacted me about this, and I promissed to explain at least the basic stuff, so here it is 
Where do I start?
1. Go to Preferences (http://my.opera.com/Username/account/)
2. Then go to Web page layout (http://my.opera.com/Username/account/layout.dml)
3. Then go to custom style sheet (http://my.opera.com/Username/account/usercss.dml)
Ok, I'm there... Now?
In Enter CSS: field enter some of the values I will explain below, and make sure you select Use my custom style sheet together with the current theme before clicking Save
Now, few basic codes
Header image:
In Enter CSS: field enter:
Explanation:
#527fbf is Hex value of this color. This color would be shown under image. To change it pick your color
http://www.example.com/image.jpg is Header image. You can host it eather in your files or on some free image hosting, such as Imageshack
Title text
In Enter CSS: field enter:
Explanation:
Georgia - Font face is font type that would be used. For example here is used Georgia, and on my Opera Mini blog is Impact. My suggestions are to use some of these fonts since they are the ones that everyone has installed: Impact, Verdana, Trebuchet Ms, Comic Sans MS, Garamond, GothicE, GothicG, GothicI. You can see them in action here
normal - There you can select basic weight of the font which is "Normal" , "Bold" or "Italic.
36px - Font size in pixels, I don't think you need more info on this.
#D8ECF5; is Hex value of this color. This color would be the color of title text. To change it pick your color
Subititle
In Enter CSS: field enter:
Explanation:
Georgia - Font face is font type that would be used. For example here is used Georgia, and on my Opera Mini blog is Impact. My suggestions are to use some of these fonts since they are the ones that everyone has installed: Impact, Verdana, Trebuchet Ms, Comic Sans MS, Garamond, GothicE, GothicG, GothicI. You can see them in action here
14px; - Font size in pixels, I don't think you need more info on this.
#D8ECF5 is Hex value of this color. This color would be the color of title text. To change it pick your color
Blog post's titles
In Enter CSS: field enter:
Explanation:
Georgia - Font face is font type that would be used. For example here is used Georgia, and on my Opera Mini blog is Impact. My suggestions are to use some of these fonts since they are the ones that everyone has installed: Impact, Verdana, Trebuchet Ms, Comic Sans MS, Garamond, GothicE, GothicG, GothicI. You can see them in action here
normal - There you can select basic weight of the font which is "Normal" , "Bold" or "Italic.
24px - Font size in pixels, I don't think you need more info on this.
#235E98 is Hex value of this color. This color would be the color of title text. To change it pick your color
Want more?
Ok, these stuff I mentioned are basics, stuff most people wants and asks for. You, of course, can change much more stuff, and if you would like to see what that exactly means view and read Additional information on your custom style sheet page (http://my.opera.com/Username/account/usercss.dml).
Where do I start?
1. Go to Preferences (http://my.opera.com/Username/account/)
2. Then go to Web page layout (http://my.opera.com/Username/account/layout.dml)
3. Then go to custom style sheet (http://my.opera.com/Username/account/usercss.dml)
Ok, I'm there... Now?
In Enter CSS: field enter some of the values I will explain below, and make sure you select Use my custom style sheet together with the current theme before clicking Save
Now, few basic codes
Header image:
In Enter CSS: field enter:
#top2 {
background: [COLOR=red]#527fbf[/COLOR] url([COLOR=green]http://www.example.com/image.jpg[/COLOR]) top right;
}Explanation:
#527fbf is Hex value of this color. This color would be shown under image. To change it pick your color
http://www.example.com/image.jpg is Header image. You can host it eather in your files or on some free image hosting, such as Imageshack
Title text
In Enter CSS: field enter:
#top h1 {
font-family: [COLOR=red]Georgia[/COLOR];
font-weight: [COLOR=deeppink]normal[/COLOR];
font-size: [COLOR=green]36px[/COLOR];
color: [COLOR=darkblue]#D8ECF5;[/COLOR]
}Explanation:
Georgia - Font face is font type that would be used. For example here is used Georgia, and on my Opera Mini blog is Impact. My suggestions are to use some of these fonts since they are the ones that everyone has installed: Impact, Verdana, Trebuchet Ms, Comic Sans MS, Garamond, GothicE, GothicG, GothicI. You can see them in action here
normal - There you can select basic weight of the font which is "Normal" , "Bold" or "Italic.
36px - Font size in pixels, I don't think you need more info on this.
#D8ECF5; is Hex value of this color. This color would be the color of title text. To change it pick your color
Subititle
In Enter CSS: field enter:
#subtitle {
font-family: [COLOR=red]Georgia[/COLOR];
color: [COLOR=darkblue]#D8ECF5[/COLOR];
font-size: [COLOR=green]14px;[/COLOR];
}Explanation:
Georgia - Font face is font type that would be used. For example here is used Georgia, and on my Opera Mini blog is Impact. My suggestions are to use some of these fonts since they are the ones that everyone has installed: Impact, Verdana, Trebuchet Ms, Comic Sans MS, Garamond, GothicE, GothicG, GothicI. You can see them in action here
14px; - Font size in pixels, I don't think you need more info on this.
#D8ECF5 is Hex value of this color. This color would be the color of title text. To change it pick your color
Blog post's titles
In Enter CSS: field enter:
.title, .title a:link, .title a:visited, .title a:active {
font-family: [COLOR=red]Georgia[/COLOR];
font-weight: [COLOR=deeppink]normal[/COLOR];
font-size: [COLOR=green]24px[/COLOR];
color: [COLOR=darkblue]#235E98[/COLOR];
}Explanation:
Georgia - Font face is font type that would be used. For example here is used Georgia, and on my Opera Mini blog is Impact. My suggestions are to use some of these fonts since they are the ones that everyone has installed: Impact, Verdana, Trebuchet Ms, Comic Sans MS, Garamond, GothicE, GothicG, GothicI. You can see them in action here
normal - There you can select basic weight of the font which is "Normal" , "Bold" or "Italic.
24px - Font size in pixels, I don't think you need more info on this.
#235E98 is Hex value of this color. This color would be the color of title text. To change it pick your color
Want more?
Ok, these stuff I mentioned are basics, stuff most people wants and asks for. You, of course, can change much more stuff, and if you would like to see what that exactly means view and read Additional information on your custom style sheet page (http://my.opera.com/Username/account/usercss.dml).
