Skip navigation.

The Dark Furie

The My Opera CSS Generator

Monday, 20. April 2009, 10:15:00

, ,

Welcome to the My Opera CSS Generator. This generator is designed to enable anyone to customize their blog themes without any specific knowledge of CSS. As such the codes produced are quite simple, but more than enough for most people to change the look and feel of their pages.

Note
This generator should show on the page in most good browsers (including mobile and console based browsers), however Internet Explorer users will have to download the browser advertised on the sidebar.

The GIGO adage applies to all themes created with this generator.

Some people have pointed out a problem using this generator while it's embedded in a post so try using this direct link.

What This Generator Can Do

  • Setting A New Banner Image
    Clicking "Change Banner" will open the Banner Settings box. This is where you enter the web address of the banner image you want to use.
    If you choose to use a small image, we suggest clicking the repeat option to tile it as a banner. Alternatively you could just place it on the right or left to get the desired look.
    The Hide Titles option does exactly what it says - it hides your blog title from view. This is best used when you've designed your own banner and included the title as part of it.
  • Background Settings
    Clicking "Change Background" will open the Background Settings box. This is where you enter the web address of the background image that you want to use.
    Choosing to repeat the image either horizontally, vertically or both will tile the image across your page.
    Clicking the Photoblog option will apply the same background image to your blog content. As the images can sometimes get in the way of reading the text this is best if only used by photoblogs.
  • Dark "Download The Opera Browser" Button
    This option replaces the current Download Opera button in your sidebar with a darker button created by Espenao.
    This is best when used on blogs that have Darkside as their basic theme.
  • Hide Share Links
    At the bottom of each My Opera blog post are some links that allow readers to easily share the post on social bookmarking sites such as Facebook or Digg. Clicking the "Hide Share Links" option simply hides those links from view. If you don't want them then just click that option.

[My Opera CSS Generator]

Instructions

This generator is the work of Furie and Moesring.
~
We hope that you enjoy using it and that it enhances your experiences of this community in some way.
  • Click the categories you wish to use.
  • Enter the web addresses for your banner or background where asked and click the options of your choice.
  • Click "Produce Code" at the bottom of the generator.
  • Copy the produced code.
  • Click My Page/Design/Custom Style Sheet.
  • Paste the the code into the text field.
  • Select "Use my custom style sheet together with the current theme".
  • Click SAVE.
  • Now go to your page and reload it to see the changes.

Example
And finally, an example of something quickly (two minutes to find the files and enter the names) thrown together using this generator. This example has the banner applied, the background image tiled horizontally but not vertically and the dark Opera Download button activated.

Have a play with this and see if you can create the blog theme that's right for you. It's simple enough to use and the possibilities are only limited by your imagination. Let us know if you have any questions not covered in this guide, or if you create something cool and want to show it off.
:cool:

Extra Information BoxesKnowledge

Comments

Furie 20. April 2009, 10:21

Welcome to the generator folks. Let us know if you have any problems, and please create something fantastic with our little tool. :D

Moesring 20. April 2009, 10:45

Note - This is a primary release with a couple of features missing.

I think the word you are looking for is "preliminary" - or "alpha/beta" P:

More from me when I get home. :yes:
Those afore-mentioned personal obligations are calling. awww

Quick question: is there a link? I don't see one (but that could be the university's fault) or is it just a sneak preview? :confused:

Furie 20. April 2009, 11:03

This is what happens when I don't have my gallon of morning coffee. awww I'm putting together the other options (and additions to current options) as we speak.

No link at the moment. The file is embedded in the post. Did it yesterday but I had to check the sizes when everything was open.

Also got a surprise for you involving this. :devil:

Dacotah 20. April 2009, 11:36

:cool:

Furie 20. April 2009, 11:38

Isn't it just. I could've done with something like this when I joined this site. :irked:

Dacotah 20. April 2009, 11:46

I am still to chicken to try to do it myself.

Furie 20. April 2009, 11:49

That's what this is for. It's still pretty basic but you can get some good results by playing around with it. :D

Dacotah 20. April 2009, 11:49

I put up video links on Cois's blog to that commercial video.
One for pc users and one for phonies. First time I tried to find a link for phonies, hope I did it right.

Furie 20. April 2009, 11:54

Works for me. :up:

rose-marie 20. April 2009, 14:28

Oh this is THE coolest thing! Very nice, indeed.
Thank you both! :yes:

Internet Explorer users will have to download the browser advertised on the sidebar.

I actually giggled when I read that! :o:

Moesring 20. April 2009, 14:44

This post looks quite a bit different now. Different in a good way, I mean. :up:

Also got a surprise for you involving this. :devil:

Did anyone tell you that I don't like surprises? :cry:
:sst: Except Minstrels. :happy:

Thank you both!

Don't thank me! :irked:
It is him and his ideas that deserve all the praise. I was just the dogsbody. :rolleyes:

drlaunch 20. April 2009, 15:38

Awesome! :D

Furie 20. April 2009, 15:47

Cut that out Moe. :irked: My talent lies in ideas and design, yours in coding things I could never do. This was a team effort. These people aren't just thanking us for the pretty presentation of the post, you know.

I'll finish up and send you the last options tonight. They're mostly additional things to add according to the boxes people click, but one involves a new checkbox in the banner section. Your real life things come first of course, so don't rush to do it.

As for the surprise, well you'll just have to wait and see, wont you.
:D

Tamil 20. April 2009, 16:07

:up: There is an option (Enable content sharing) in blog settings. :wink:

Dacotah 20. April 2009, 16:08

Glad it worked for you Mik. :D

gdare 20. April 2009, 16:22

Nice, I will (ob)use it as much as I find it useful for me... and for some people that might ask me for advice. Thanks a lot :happy:

MConor 20. April 2009, 17:09

:yes: Nice!! Now if only hadn't already learned to do most of it without it :lol:

Cois 21. April 2009, 09:29

Sounds much easier than playing with code all day :insane:

Furie 21. April 2009, 10:04

Banner options have been updated thanks to me possibly flooding Moe til he did them with tears in his eyes. :irked: Bad connections annoy me.

Moesring 21. April 2009, 12:29

Not wanting to state the obvious, but are you going to update the information to account for the newly-added options?

Furie 21. April 2009, 13:15

:lol: That's what I'm online for now. Just done it.

qlue 22. April 2009, 00:02

Mik! Your altruism is gonna seriously ruin my karma! :irked:.
But thanks! :happy:.

qlue 22. April 2009, 00:12

It's not working for me. awww.
Which browser should I use? :confused:

Class10a1 22. April 2009, 05:39

@Glue: It doesn't matter-as long as you have Adobe Flash Player installed on your PC.

Moesring 22. April 2009, 06:53

It's not working for me. awww.
Which browser should I use? :confused:

In order to make it work, all you need is a browser with JavaScript - no Flash player required. It should appear directly in this post but if not, there is a separate link to it at the top of the page. :yes:

If your browser doesn't support JavaScript, or you have disabled it, then you will be able to see the page but it won't do anything. You will also see a line saying "This page needs JavaScript". I've reworded the message to (hopefully) make it more apparent that it won't work (at all) without JavaScript.

In terms of browsers, the generator works fine on Opera Mini 3 and 4 as well as various desktop browsers.

Dacotah 22. April 2009, 07:40

Vy Nguyen, it's qlue or Qlue, not Glue :smile:

Class10a1 22. April 2009, 10:04

Oh, I see. Sorry. :D

Dacotah 22. April 2009, 10:38

:D

qlue 22. April 2009, 10:38

I found a solution. It doesn't appear to work with Operamini when it's embedded on this page. But going directly it works. :up:.

Moesring 22. April 2009, 11:25

At least it works for you now. :up:
I was getting worried because I thought the issue was with the page itself, not the embedding. :worried:

I may have a related issue that causes my Opera 9.64 to ignore the embedded page completely (but it is fine in Opera 10 and clones of that evil browser beginning with an F). Until using one of said clones today, I didn't even realise that the page was embedded because I only see the link. awww Luckily, I can still get to the page with the direct link, as well as the link in my Files page. :D

I know Opera 9.64 can handle embedded pages because I did it in a draft post in my own blog two months ago and didn't have any problems at all in any version of Opera (including Mini). For some reason, it just doesn't like it on this post. awww

Furie 22. April 2009, 12:17

It doesn't work when embedded on Opera Mini 3. You can click whatever but it just wont open the other sections when embedded. Mini 4.2 works fine for me though so use that.

I'm going to add a direct link to the notes section for people that are having trouble.
:up:

qlue 22. April 2009, 13:44

With Operamini 4.2 the page just resets itself when I click 'get code' awww.
Try adding the 'embed' tag like the way YouTube codes there embed coding. It's not an official tag, but it probably makes a difference. :irked:.

Furie 22. April 2009, 14:51

Works for me. You sure you're using the current Mini version? If you're having trouble that way, there's a link to the file in the Notes section. :up:

qlue 22. April 2009, 15:41

It works when I go direct to the site so it's no problem for me. :up:.
I've bookmarked it for future reference.

princessofdeath 24. April 2009, 13:39

it doesn't work on IE hahaha

MConor 24. April 2009, 15:47

Suprise Suprise :rolleyes:

Furie 24. April 2009, 16:01

Nothing works with IE. Even Microsoft's own Silverlight has trouble.

theoddbod 26. April 2009, 08:51

:cool:

Furie 26. April 2009, 11:26

The generator or the parade of IE comments? :left:

theoddbod 26. April 2009, 16:11

The generator, although i've not tried it yet p:

Furie 26. April 2009, 16:30

According to my Hitslink quite a few have. Well, they've come here and not commented anyway. :lol:

MConor 26. April 2009, 16:40

:lol:

Moesring 26. April 2009, 19:17

Figures. :rolleyes:

By the way, I'm still waiting for my surprise. :wait:awww

Furie 26. April 2009, 19:56

Just wait. It may take some time but it'll come. :whistle: It'll sort out both concerns as well.

ersi 27. April 2009, 06:31

"Hide Share Links"

This thing is actually possible at My Opera anyway. Under Edit Blog Settings, it's the checkmark "Enable content sharing". When unticked, the social networking buttons do not appear.

Furie 27. April 2009, 10:23

Yeah, Tamil mentioned it earlier. Thing is most people haven't got clue one about that option yet it's often requested so we included it here.

Moesring 27. April 2009, 10:38

I'm getting the feeling this surprise of yours might involve Espen. :worried:

If so, I thought we'd already decided that the rumour was going to be that you are/were sleeping with Espen? :rolleyes:

Furie 27. April 2009, 11:02

The ending to that is you talking to yourself about sleeping with Espen and someone linking him to it. :lol: I'm on page 8 now. :hat:

studio41 28. April 2009, 06:53

thank you!

ruivo heringer 2. May 2009, 06:13

I wanna congrats you, for this tricks, but, I'll say to you, that it don't work with me.

it look likes so simples, I made like you learned, but my blog, don't accepted the changes, and "goes crazy".

But tks, for your explanations here.


Kisses.

1 2 3 Next »

Showing comments 1 - 50 of 112.

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

Download Opera, the fastest and most secure browser

Photos

c1248785eae248cc9a07bcbc4ef57e99.jpg0e0ba55ae40541b1b136a66b853f458a.jpgeba4463569244d669cbad0c4e89c1e83.jpg036d4c1dd65b4be489336093d83dcdc9.jpgaa51b73b6de349329834fe097373c14b.jpge83c47e6dd474d21b463e0460f929c0f.jpg55befd6d920747138f9eb5729925ff2b.jpgd82bec6dcbba47a1a68883f9c8743049.jpgb192ea5066ad4b8ba18d25364228a47c.jpg
December 2009
S M T W T F S
November 2009January 2010
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

Highlights Of This Page

Blogging & CSS Help

  • My Blog Designs

    This group contains all of the new blog designs I've created for anyone to use.

  • Simplest CSS Template

    The simplest way to customise your blog.

  • Anonymous Comments

    My thoughts on the problems with the currents system used on this site, the problems with any anonymous comment and a way to improve this site's system.

  • Report Bugs And Problems

    A selection of links and help enabling anyone to report problems they have on the site.

  • Brand Identity

    A discussion of the things that can affect how people view you online.

  • Back Up Plan

    What would you do if you lost everything you'd ever written online over six years.

  • Mobile Blogging - How To

    A look at how I've written every post on this page directly from my phone.

  • Mobile Publishing Package

    A collection of mobile applications I put together to help people publish articles online.

  • Only Online

    Even if the thing you've accomplished is only online, why shouldn't you pat yourself on the back over it?

  • Acronyms Code Tutorial

    How to set up acronyms and explanations in your posts.

  • Easy CSS Template

    Extended version of the template I posted a while back.

  • Blog 9 From Outer Space

    You too can aim to have the worst blog in history.

  • Image Resizing

    How to resize a large image just using code.

  • Tags Tutorial

    A quick guide (requested) on how to use tags and why to do so.

  • Text Formatting - Dropcaps

    A guide on how to implement magazine style capital letters to your page.

  • The My Opera CSS Generator

    Tired of your current blog theme but don't know how to change it? Fed up of asking others to make you a new theme? With this generator you'll be able to make your own blog theme easily. I guarantee it.

  • Tips For New Members

    A selection of help for people who're new to the site or blogging in general.

  • Dark Professional Theme

    This theme has been designed for anyone to use. It's a plain black stylish theme that has several different skins regularly released for it. Try it out and see if you can find anything that suits you.