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

Nicolas Mendozanicomen Tuesday, August 22, 2006 6:18:25 AM

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

Just another excuse to upgrade to Firefox or Opera

Ole Kasperolekasper Tuesday, August 22, 2006 7:00:54 AM

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".

Vetle Roeimvetler Tuesday, August 22, 2006 8:02:12 AM

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

Nicolas Mendozanicomen Tuesday, August 22, 2006 1:29:51 PM

In that case you can use a sticky post wink

Henrik Falckhefa Monday, August 28, 2006 7:12:08 AM

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

Fredrik Anderssonfred Saturday, September 9, 2006 8:03:25 PM

"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

Knut Remi "DrLaunch" Løvlidrlaunch Friday, December 15, 2006 8:22:48 AM

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

Nicolas Mendozanicomen Tuesday, May 15, 2007 8:37:17 AM

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

KimberlySqueakeyCat Friday, July 27, 2007 6:03:13 PM

how do i get to "my prefrences" page?

Nicolas Mendozanicomen Saturday, July 28, 2007 11:44:34 AM

My account -> Change design -> custom stylesheet

corrected the article too...

KimberlySqueakeyCat Saturday, July 28, 2007 4:02:47 PM

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?

Nicolas Mendozanicomen Sunday, July 29, 2007 10:38:50 AM

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

KimberlySqueakeyCat Sunday, July 29, 2007 5:22:36 PM

ty, got it

Ryan Octavianusphilry4n Monday, October 1, 2007 3:17:00 PM

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

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

February 2012
M T W T F S S
January 2012March 2012
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