Note to Self:
08.06.11:
Add 'musical notes' to the 'special characters section... you have a rough draft txt doc in ? /Language {programing}/css/ I think.. Landis
musical quarter note: & # 9833; = ♩
musical eighth note: & # 9834; = ♪
musical single bar note: & # 9835; = ♫
musical double bar note: & # 9836; = ♬
flat note: & # 9837; = ♭
natural note: & # 9838; = ♮
sharp note: & # 9839; = ♯
Remove spaces for correct entity.
by Ron at answers.yahoo - Landis.

I have No idea if this will work or where it will show up.. LOL..
Nope, didn't even show up???? Maybe my call for 'style' within the div tag?
Aha.. duh... jumping betwn different languages, I didn't enclose the call for class 'postit-yello' (my box definition) in double qoutes, actually, I didn't enclose it at all.. lol : )
Works! -- -- Exactly where I wanted too..: )

Now, I'm going to play with placement. Can I get it to 'float'?? How about over other text??

<head> meta.. blah, blah...
<style type="text/css">

  1. div.postit-yellow {
  2. /* this works great, but... inserting onto a table or 'cell' shifts other things. Need to try puting on top of page and specifing location with margin properties.. another day. 08.06.11 - Lnadis */
  3. position:relative;
  4. width:280px;
  5. padding:0px;
  6. border:2px solid gray;
  7. border-radius:10px;
  8. /* margin:60px; /* changes position relative to where it's inserted, Nope, puts a border or 'margin' on all 4 sides. need to use margin-right etc */
  9. margin-left:60px; /* had to make this more than 10px because of the rotation, in this example, it hangs off the left of page */
  10. /* margin-top Minus 100px is an attempt to 'move' the box outside of the td it's in */
  11. margin-top:100px;
  12. /* margin-top Minus,,, Yep... It works, cool ! Landis */ /*had to make it positive for this example, it was half off the top of page : )*/
  13. background-color:yellow;
  14. /* rotation-point:50% 50%; /*as of 08.06.11, not yet supported */
  15. /* rotation:45deg; /*as of 08.06.11, not yet supported */
  16. /* transform:rotate(30deg); /*might not be supported yet either, 08.06.11 */
  17. /* Rotation, for now, this is how (08.06.11) */
  18. transform:rotate(20deg);
  19. -ms-transform:rotate(10deg); /* IE 9 */ /*Does NOT work on any ie bellow 9.. ie and ms suck! */
  20. /* Minus Rotation - this is an atempt to see if a Negitive Rotation works or does it only work 'clock-wise' ie -10 would be 350deg */
  21. /* Yes, again, cool. Minus (-10deg) works... */
  22. -moz-transform:rotate(-10deg); /* Firefox */
  23. -webkit-transform:rotate(30deg); /* Safari and Chrome */
  24. -o-transform:rotate(30deg); /* Opera */
  25. /* Rotation, for now.. Freaking Works... Cool - 08.06.11 Landis (got this from w3schools.com */
  26. }
  27. hr.sharpie
  28. {
  29. width:90%;
  30. background-color:black;
  31. border:2px solid gray;
  32. /* border-color:gray; /* will use 'grey' , but seems to like 'gray' with an A - Actually this is Not even Used - *see above border */
  33. border-radius:25px;
  34. height:5px;
  35. }
</style>
</head>

copyright: Landis G. Reed II published under GNU license, you may use it, don't abuse or take credit... Спасибо. Landis.