How to Replace The O in the Top Menu with your Avatar or Santa

You see at the top of my page the O in the top menu has been replaced by Santa, however when you click Santa you are still taken to the Activity page as you were when the O was there.

How to replace the O:

  • Upload your avatar or image to your MyOpera files folder. (ideally no bigger than 128 x 128 pixels, 40 x 40 fits quite well)
  • If using only your custom user CSS add the following code:
    #header {   
              background-image:none;
              background:transparent;
              margin-top:0px;
              border:none;
              z-index:9998;
              }    
    #logo   
              content:URL(http://files.myopera.com/UserName/files/image.png);
              }
    

    Where UserName is your MyOpera user name and image is the name of your picture or avatar.
    Save your CSS. Job Done! (The code above will also make the Top menu bar transparent. You can leave it as it was by removing the background:transparent line in the #header code block.)

  • If using one of the standard MyOpera themes, go to 'Customize Design', then 'Edit CSS'. Add the above code to the empty text box on the page and click the 'Use my custom style sheet together with the current blog design' radio button at the foot of the page and click 'Save'. Job Done!

    If you would like Santa for your page during the festive season, you can get him at the foot of my Web Site Home Page.

    If you find this useful please leave a comment.

    Please note the image will not appear if the viewer is using IE or FireFox, but will if they are using Chrome, Opera, or Safari.

Advertisements

About steveriches

You have to dream, before your dreams can come true. ..................................... If all you own is a hammer, every problem starts looking like a nail. ..................................... If Life was easy, we would all live forever. .....................................
This entry was posted in Uncategorized and tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , , , . Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s