Skip navigation.

Blog Designs ~

Giving back to the great MyOpera community!

Share and find themes easily

,

The moderators of Blog Designs have teamed up to make themes easy to create, share, find and install. We've added a repository of themes, two tabs where you can add your themes or group and a chat room where you can discuss CSS. We've also created some guidelines to ensure themes are easy to share and install.

Visitors:Web counter

Creating your own theme

Before you can create your own theme you need to learn how to create your own theme. Here's a list of resources about the subject:


Installing your themes

In order to make the theme easy to maintain and easy to install you should create a group and add the theme source code to the group's custom css. Include the code block below in the group description to make it easy to install.

[U][B]Installation[/B][/U]

To install this theme you need to [I]import[/I] it to your account's custom CSS, [I]select a TOPBARCOLOR top bar[/I] and [I]apply BASETHEME as your theme[/I]. To do so you need to follow these steps:

[LIST]
  [*]Copy the following code to your clipboard: 
  [FONT=courier new]@import url(http://files.myopera.com/GROUPURL/user.css);[/FONT]
  [*]Click [I]My page[/I] -> [I]Appearance[/I]
  [*]Select [B]BASETHEME[/B] as your theme
  [*]Click [I]custom style sheet[/I]
  [*][I]Paste[/I] the the code from your clipboard in the text field
  [*]Select [I]STYLESHEETSETTING[/I]
  [*]Click [I]SAVE[/I]
  [*]Click [I]« Back[/I]
  [*]Click [I]Change color of the My Opera top menu[/I]
  [*]Select a [B]TOPBARCOLORHERE[/B] top bar
  [*]Click [B]SAVE CHANGES[/B]
[/LIST]

Go to your page and reload it to see the changes.

[U][B]License[/B][/U]

The THEMENAME theme is the COPYRIGHT of AUTHOR. Permission granted to use this theme ((optional:) under [URL=LICENSEURL]LICENSE[/URL]).

[U][B]Credits[/B][/U]

THEMEGRAPHIC COPYRIGHT/LICENSE: [URL=SOURCEURL]CREATORNAME[/URL].
THEMEGRAPHIC COPYRIGHT/LICENSE: [URL=SOURCEURL]CREATORNAME[/URL].


Change the words written in UPPERCASE to the information required by your theme.

Giving permissions

Using a license is optional. You can select a license for your theme here. If you give your theme a license we don't have to ask for permission to publish it in the Blog Designs repository. We can also publish your theme upon request.

Software licenses like GPL, LGPL and BSD are particularly good for themes since themes really are source code. GPL basically makes the theme "free software" and will require that any themes importing your theme or copying your source code remain "free software". LGPL basically does the same but allows other to import it to their custom theme without licensing it. BSD basically allows people to do what they want with your source code as long as they don't use your name in the promotion of the themes based on it. Regular Creative Commons licenses can be used as well, if you'd like.

You'll need to comply to the licenses of the original owner to use source material. If the source content doesn't have a license, it's copyrighted by law. But the use of the graphic in a theme could be considered fair use if people know what/who the source is. If people most likely don't know, you should include information about the source in the descriptions and source code.

Share with the community

If you want your theme included in the community wide list of themes include the word "Theme" in the group title.

Once you've created several themes we'd recommend publishing them in your own group repository. Create a group, take screenshots of your themes and upload them to a group album. Include a link to each theme's respective group in the description. Include "blog designs" in the group title to include your group in the community wide list of authors.

Collaboration

You can also invite others to work on your theme. But the following things are very important to remember when doing so:

Any change you do to the theme CSS will change instantly across all installations of the theme when you click SAVE. Import the theme to your blog CSS or another group's CSS while developing. Be very sure you know what you're doing when saving the main theme source code.

When you save the main theme source code you can't undo. Post all main versions of the source code either in the theme blog or in the theme forums. If you do something wrong you can recover the previous source code from the blog or forums.

Anyone you set as a moderator of your theme group can change the main source code. Be very sure you trust the people you appoint as moderators. Be very sure they know these guidelines as well.

Runner ThemeRepository added

Comments

steven 12. March 2009, 21:55

:up:

grohos12 20. March 2009, 20:32

great. thanks a lot.

Vy Nguyen 27. March 2009, 12:55

:yikes: How did you put the counter up there???? :rolleyes: Cooooooool! :cool:

DrLaunch 27. March 2009, 13:16

The question you really should ask is how I managed to add extra tabs.

The answer to both is absolute positioning.

#mybloglinks ul { 
position: absolute;
top: -28px;
right: 340px;
}


But Internet Explorer doesn't display elements with absolute positioning, so don't go all freaky and rearrange everything in your blog.

Vy Nguyen 27. March 2009, 14:25

I see. Thanks!

steven 29. March 2009, 08:30

and to put a yahoo ping-box on the right bar...? :worried:

DrLaunch 29. March 2009, 11:04

:yuck:

steven 29. March 2009, 11:19

:cry:

DrLaunch 29. March 2009, 11:40

OK. OK. I'll put your pingbox there so our visitors can chat with you. P:

But seriously. I don't want any useless crap like a pingbox, a visitor map and a image guest book on the front page. It'll distract people away from the real goal of this post. Which is to make people share their blog designs.

If you want to chat with someone, visit their profile to see their IM user name and add it to your IM client.

steven 29. March 2009, 11:56

:yes: :yes: :yes: :yes: :yes:
you're the BEST :wink:

DrLaunch 29. March 2009, 12:29

It was a joke, to show the absurdity of adding a pingbox to the front page. Of course I'm not adding one. Pingboxes are more useless in a group than adding
* { display:none;
to the CSS.

DrLaunch 29. March 2009, 12:29

It was a joke, to show the absurdity of adding a pingbox to the front page. Of course I'm not adding one. Pingboxes are probably the most useless thing you can put in a group apart from adding
* { display:none;
to the CSS.

steven 30. March 2009, 08:03

Not there, but on the the blog page, on the lateral bar !
I am not sure which idea is better or worse, anyway on that bar there is a chat(shout) box of Opera itself
One more wouldn't bother anyone !

YOU speach IS ABSURD ...you are acting and speaking like a child Lauch ???????
Grow UP, speak politely
I AM TWICE YOUR AGE :irked:

DrLaunch 30. March 2009, 10:43

I'm seriously glad on your behalf. Personal attacks are not good netiquette. Attack the point, not the person.

Yahoo! Pingboxes were meant for personal blogs and personal pages. A Pingbox will allow you to chat with the person that added the Pingbox. But not other visitors. It's a private chat session.

If you'd like a pingbox on your blog sidebar or your profile page, I can be helpful in making the CSS or guiding you through the process of adding one. However, I'm not adding one here. You can visit each members profile to contact them privately.

It seems like you'd rather want a group chat with the visitors of this page. I'm regularly in #webapps on OperaNet, and can answer CSS questions there. I'll have to talk with Southern Cross and Class10a1 about enabling the shout box. If you can find a IRC chat widget in Flash, I'm adding it after consulting with Southern Cross and Class10a1.

Vy Nguyen 30. March 2009, 11:06

@DrLaunch: If you're really gonna ask me, then the answer is : "NO". I don't think we need such thing here. As you said, it would only distract people from the main point of the page: "Themes Sharing" not "Chatting". :yes: Anyways, Southern Cross might want one. I don't know. Talk to him. :D

Martin Gregerson 14. April 2009, 15:26

Nice, thank for this infos. Will help to make my first theme ;-)

felixp 21. April 2009, 00:22

thanks.:yes:

Benjamin Krasuse 22. April 2009, 17:55

Nice, just what i need, thanks alot!! :-)

Adrian Boetcher 24. April 2009, 15:33

wow, thanks alot!!!

MG 25. June 2009, 08:08

thanks alot :up:

kiyoko 7. September 2009, 19:07

hello, may you please tell me how can I apply the effect on blog title's text? I mean the blurry shadow outside the text. thanks~ :D

DrLaunch 7. September 2009, 21:36

It's in our CSS source code. Here's how to find it, using Opera:
  1. Press Ctrl + U
  2. Look for an address that ends with /user.css
  3. Copy the URL and paste and go to it in your address bar
  4. Look for a code block that says shadow in it


And here it is:
#top h1 { font-family:"Hero"; text-shadow: 1px 1px 3px #000; font-size:33px; }
#subtitle { font-family:"Hero"; text-shadow: 1px 1px 3px #000; font-size:28px; }

You can remove the stuff you don't want. If you just want the shadow, you're left with this:
#top h1 {
text-shadow: 1px 1px 3px #000;
}

#subtitle {
text-shadow: 1px 1px 3px #000;
}

kiyoko 7. September 2009, 22:08

thank you so much! :up:

FirestarXXX 26. September 2009, 01:14

i can't do mines :frown: ive tried 5 times still does not work

Vy Nguyen 26. September 2009, 16:00

Well, it should!
But anyways, what browser are you using? If it's IE, then that'll be the problem.

FirestarXXX 26. September 2009, 18:49

..

How to use Quote function:

  1. Select some text
  2. Click on the Quote link

Write a comment

Comment
(BBcode and HTML is turned off for anonymous user comments.)

If you can't read the words, press the small reload icon.


Smilies