Skip navigation.

Ramblings

a test …

Adding a disclaimer to your blog

, , , , , ,

Some of you have asked how I added a disclaimer to my blog. It's basically a simple CSS addition.

By going to My Account -> Change design -> custom stylesheet adding the following CSS in the form presented and making sure Use my custom style sheet together with the current theme is selected you can quickly add a nice and shiny disclaimer showing on top of all your blog. Nice and easy :wink:

Using the :before selector on the main element lets you add a fake element right before the main content starts. The content: attribute lets you even fill out the text.

So, go ahead, and feel free to show me how you use it!


#mainwrap:before {
      content: "The views expressed in this blog are my own and do not necessarily reflect the views of any former, current or future employers or employees of mine.";
      color: black;
      background-color: #ffff99;
      font-style: italic;
      border: solid #aaaa77 1px;
      padding: 10px;
      white-space: normal;
      margin-bottom: 15px;
      margin-right: 210px;
      float: none;
      width: auto;
      display: block;
}

Have the cake and eat it tooWiden your widget wits

Comments

nicomen 22. August 2006, 06:18

Note, supposedly this doesn't work in MSIE, but on the other hand, what does.

Just another excuse to upgrade to Firefox or Opera

olekasper 22. August 2006, 07:00

What I guess would be more cross browser is simply to use a sticky post and style it however you like. It'll have class="stickypost".

vetler 22. August 2006, 08:02

Neat... Now make it appear only on the blog page. :smile:

nicomen 22. August 2006, 13:29

In that case you can use a sticky post :wink:

hefa 28. August 2006, 07:12

Thanks! I modified the layout and text slightly for my blog. :smile:

fred 9. September 2006, 20:03

"Now make it appear only on the blog page"...

- That's easy. You can use .blogfront #mainwrap:before
There's class names available for almost everything on my opera. :wink:

drlaunch 15. December 2006, 08:22

Hmm. So I can't insert HTML into CSS? Too bad.

nicomen 15. May 2007, 08:37

Not sure it's really too bad though... could've opened lots of holes

SqueakeyCat 27. July 2007, 18:03

how do i get to "my prefrences" page?

nicomen 28. July 2007, 11:44

My account -> Change design -> custom stylesheet

corrected the article too...

SqueakeyCat 28. July 2007, 16:02

but i don't c the custom stylesheet on the page when i go there...is that bcuz i'm already using a custom page?

nicomen 29. July 2007, 10:38

It's just a link in the first line of text

SqueakeyCat 29. July 2007, 17:22

ty, got it

philry4n 1. October 2007, 15:17

http://my.opera.com/id/blog/ hmmm the disclaimer and the profile picture is colliding :frown:

edit : fixed

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
December 2009
M T W T F S 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