Skip navigation.

My Opera News

Behind the scenes at My Opera

Sneak preview of upcoming release

, , , ,

A few weeks from now we will release a another My Opera update. :smile: In this post I will share some previews and tell you a bit about the background for making the changes.

My Opera screenshot

The upcoming release contains a lot of small fixes and improvements, as always, but there will also be a bigger change to the site navigation. Simplifying the navigation is something we have been wanting to do for a long time now, because we have seen that a lot of people have problems navigating between their personal page and the community pages.

Remaking the navigation was a big challenge. However, it was quite clear to me from the start that the solution would be to have one unified menu at the top of all pages, but I was not sure how to make it look good on both the community pages and the personal blogs, until recently...

The first screenshot shows how the new navigation looks on the community pages. As you can see the black login bar at the top is gone and the main menu has changed into only three options: "My page", "Explore" and "Opera". Each menu item has a drop down menu with the most common links (yes, it also works without Javascript). Mobile browsers will show tabs instead of drop downs.

My Opera screenshot

The last screenshot shows how the new menu looks on a personal blog. As you can see it's the exact same menu as on the community pages (just a bit smaller, to keep it unintrusive).

Having this unified menu at the top of all pages makes it much easier (and faster) to navigate between the different sections on the site. The logo and menu will also provide a stronger My Opera brand to all pages and make them look more like one community.

Some of you will surely ask: "What will happen to the top menu if I use my own CSS? Have you changed any HTML?".

Yes, we have changed the HTML for the top menu but it will still look fine on your page because we always include the menu CSS. The top menu will be available in a black and a white version, like before.

The new release also contains more exiting stuff. For example, we are moving the "spotlight" and "watch" buttons from the (no longer existing) black top bar into the page itself. This makes the buttons much more visible and hopefully more used.. :smile:

My Opera November 2007 Release: ChangelogOptimizing for speed, phase 1

Comments

Gary Denness 22. November 2007, 17:18

To be honest, it looks a bit chunky. I'd prefer a slimmer nav bar. I like the design concept in general though.

But, por favor!! Let the new fixes cure the Windows Live Writer issue! Or any there any tips as to how I can post to my blog from WLW? I used to be able to, but an update to MyOpera killed it in October!

Keep up the good work though! :beer:

Dan Alexandru 22. November 2007, 17:20

You should consider XMLHttpRequest for the watch and spotlight and image rating etc.. it's uncomfortable to submit.

HTTPS login?

Fredrik Andersson 22. November 2007, 17:22

XMLHttpRequest is coming later. it's in our plans :smile:

HTTPS login have also been discussed, yes.

Geoff Girardin 22. November 2007, 17:22

I enjoy this. I enjoy this profusely.

DrLaunch 22. November 2007, 17:23

Looks great! Any chance I could see how it looks with Sleek Shady beta? I use a lot of relative positioning in that theme. Even some positioned background images.

Fredrik Andersson 22. November 2007, 17:30

drlaunch, it basically looks fine.
the new top menu is still a work in progress, but as it is right now you will have to adjust the position of the body background image from 62px to 80px.

DrLaunch 22. November 2007, 17:31

Oh. And the updates are giving me a great idea for a menu hack I could do my self. That is moving the menu to the right in the top bar.

Edit: Thanks for explaining, Fred.

Mick-E 22. November 2007, 18:18

The logo and menu will also provide a stronger My Opera brand to all pages and make them look more like one community.


That was the first thing that struck me when I took a closer look. :up:

babox 22. November 2007, 18:23

What about the new affiliate system? :smile:

Ice Ardor 22. November 2007, 18:58

I really like the navbar... it tells me exactly what I need to know (even if it can take a couple jumps to get from blog to community). Make sure that if I have a new Private Message, to show that without having to hover over My Page, or else I won't notice it as much (I'd have to intentionally look under My Page to check my messages. And usually when I would be going to My Page, I'd be doing that because I'm trying to get somewhere, so my eyes aren't looking for Private Messages.

unknown 22. November 2007, 19:06

What about a way to integrate plug ins or widgets, for example twitter?

Tamil 22. November 2007, 19:08

:up: :wait:

Nicolas Mendoza 22. November 2007, 19:16

IceArdor: yeah we have been discussing that issue about notifications :wink: Wait and see...

Dan Alexandru 22. November 2007, 19:48

Mmm, sounds like watched forum threads might appear as notifications in the bar, too :wink:

lamarca 22. November 2007, 20:03

good news!

Mart 22. November 2007, 20:36

:sherlock:

Peter 22. November 2007, 20:52

I always liked something new to fiddle around with. :D

Oleg 22. November 2007, 20:57

Heeey! Great thing! :up: I love that new light top bar! The whole page now looks more clear, simple and elegant!

And, yes, all pages are now looks like the community site because of the My Opera logo! Great job! Can't wait to see it in action...

Dustin Wilson 22. November 2007, 20:57

Excellent! Can't wait to try out the update myself. :D

Igor 22. November 2007, 20:58

Great but we can see new messages arrived in new user interface?

Seji 22. November 2007, 21:00

Trackbacks! Trackbacks! My kingdom for trackbacks!

Fredrik Andersson 22. November 2007, 21:56

yes, you will be able to see if you have received any new messages

mari-maya 22. November 2007, 22:54

learning while you walk,who doesn't do that? so,hope we will see what will that look like :smile:

The Dark Furie 22. November 2007, 22:58

Looks cool to me. :D

moving the menu to the right in the top bar


Oooh, I wanna piece of that. :up:

-( + )- 23. November 2007, 05:16

Looks great. Can't wait. :up: :D

Jeff ™ 23. November 2007, 05:30

New update looks sweet! :up: :coffee:

Ayush 23. November 2007, 05:52

Loogs great! :up:

:wait: for the new features and bugs :D

Cosimo Streppone 23. November 2007, 08:19

Looks great!
I really like it. Cleaner and more "planned".
Bravo Fred!

.: Wall Pearl : 23. November 2007, 10:07

Great! :up:

:wait: 4 update.

Klemen Ban 23. November 2007, 10:54

complimentsCounter++;
I like the My Opera logo instead of current "opera powered" and the drop down menus are great too.

Ayan 23. November 2007, 11:57

I also want Windows live writter thing !!! It's important !!! :D

Nicolas Mendoza 23. November 2007, 13:13

Ayan07: How is Windows Live Writer not working for you? (remember to keep the slash at the end of the url)

The Dark Furie 23. November 2007, 13:19

Will MMS blogging be one of the fixes? And HTML in comments? *fingers crossed*

.ed 23. November 2007, 18:15

endors.ed

Matt Cox 23. November 2007, 22:43

never gets old.ed

Christopher DaSilva 24. November 2007, 01:20

I want HTML in comments!! :cry:

Hey! :yikes: How can I make my comment box & blog to have the same font as this comment box??

Igor 24. November 2007, 08:11

But html in comments work yet, you simply have to remember the code. :wink:

The Dark Furie 24. November 2007, 08:13

No they don't! p:

Igor 24. November 2007, 08:19

This work :wink: 2007-09-04.jpg_thumb.jpg

And this is the code (without spaces): [ ATTACH = http://files.myopera.com/igorditerni/albums/163017/thumbs/2007-09-04.jpg_thumb.jpg ] 2007-09-04.jpg_thumb.jpg [ /ATTACH ]

The Dark Furie 24. November 2007, 08:21

That's BB code as far as I know, and even some of that doesn't work.

Igor 24. November 2007, 08:29

I 'd like more an HTML editor in M2. p:
But you are right, some code doesn't work. :down:

Ciao, Igor

raj1078in 24. November 2007, 18:26

Hi,
I am using Opera Mini 4 on my Sony Ericsson P990i since past few months. Its a very good browser. I am able to to use most of the websites except one. There is a website called www.reliancemoney.com. It gives the error “Failed to connect to the internet. Go to operamini.com/help with your desktop browser or contact you service provider.” This website uses .asp page for authentication. If I somehow get the homepage, when I click on Login i get the same error. I had tried it lot of time…The website opens successfully on my computer at the same time without any issues.

I feel that due to Timeout error from the server side I am getting this error. I am able to surf all the banking and other websites except this one. I have been trying harder to get into it.

Surprisingly one more thing I found out that after business working hours say 5 PM I am able to open the website from Opera Mini.

Is there any way where by i can increase the timeout period in Opera Mini 4.0 or is there any other solution to this problem.

Please help me in this regard.
My email id is raj1078in@gmail.com

Mart 24. November 2007, 18:49

Post in the forums and/or file a bug report. This thread has nothing to do with Opera Mini and i can't imagine why you'd post here.

Christopher DaSilva 24. November 2007, 19:35

I want this font! :cry:

Ayush 24. November 2007, 19:43

Originally posted by dannii:

How can I make my comment box & blog to have the same font as this comment box??


In User.CSS
*{font-family:Georgia!important}

Mart 24. November 2007, 19:50

Check the CSS then

Christopher DaSilva 24. November 2007, 21:19

:cry: Thanks a lot!! :cry: You are so sweet! :yes:

Isn't this the coolest font ever??? :lol:

joeuno 24. November 2007, 22:18

any chance we ll be able to STUMBLEUPON :smile:

The Dark Furie 24. November 2007, 22:53

We can.

Christopher DaSilva 25. November 2007, 00:28

Mik, I WANT THIS BLOG'S CSS :cry:!!!!! It's so minimalistic!! And artsy!! awww

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.