Fun with Notes

[Meh]

Fun things with notes

1) Changing the font and color

<FONT FACE="Lucida Blackletter, Seraphim" SIZE="2", color=red>

2) Changing the background color

</PRE></TD></TR></TABLE><CENTER><TABLE WIDTH=700><TR><TD WIDTH=700 BGCOLOR=white><PRE><FONT FACE="Lucida Blackletter, Seraphim" SIZE="2", color=red>

This causes a little green line where the first table was but it's hardly noticable.

3) Secert messages

exit the table at the end of a message...

</FONT>
</PRE></TD></TR></TABLE>

and start another one...

<TABLE WIDTH=700><TR><TD WIDTH=700 BGCOLOR=black><PRE><FONT FACE="Lucida Blackletter, Seraphim" SIZE="2", color=black>Sneaky

Cantr's background is black so this is invisible unless you view the source for page or highlight the bottom.

There is other HTML ways to hide messages {like HTML comments} that may also work.

4) Other

There's alot more that I haven't thought of or tried like setting a backgound gif {picture}. For instance the parchment Gif that the forum uses by default {you might not be able to see that if you changed your forum setting}.

And pictures used need to be sent to the staff so that they are local on the server. And it would be nice if the submitter posted thier new one on the server so others could use it.

You can also exapnd this into maps and portraits *clears throat* {like sketches of your character Missy }

[Meh]

A more up to date style that may be worth experimenting with


<P style="background-color: rgb(0,0,0); color: red;font-size: 12pt; text-align: center;font-family: courier">smile<i>smile</i></P>

This avoids much of the problems with messing around with html tables.

You have to be careful when using quotes in the title of a note as when you go back to edit them the title will get chopped after the first quote.

http://www.w3schools.com/css/

[Thomas Pickert]

Just to make everyone aware. Using HTML in notes is fine and allowed, but only as long as you do not screw anything outside of a note with it. Any HTML that will will change any things of the Cantr interface for other users is strongly prohibited.

None of David's examples do that.

[Nick]

A more up to date style that may be worth experimenting with


<P style="background-color: rgb(0,0,0); color: red;font-size: 12pt; text-align: center;font-family: courier">smile<i>smile</i></P>

This avoids much of the problems with messing around with html tables.

You have to be careful when using quotes in the title of a note as when you go back to edit them the title will get chopped after the first quote.

http://www.w3schools.com/css/

Now I know why all my notes screw up when theres html in the title... I guess I will have to get used to not using quotation marks in the title.

[Meh]

A more up to date style that may be worth experimenting with


<P style="background-color: rgb(0,0,0); color: red;font-size: 12pt; text-align: center;font-family: courier">smile<i>smile</i></P>

This avoids much of the problems with messing around with html tables.

You have to be careful when using quotes in the title of a note as when you go back to edit them the title will get chopped after the first quote.

http://www.w3schools.com/css/

Now I know why all my notes screw up when theres html in the title... I guess I will have to get used to not using quotation marks in the title.

I always copy the title down into a html comment <! comment > so I can paste it back in.

[Solfius]

I find you can leave out the quote marks and the note works fine without them

[Thomas Pickert]

That depends on the browser, but it works that way at least for IE6.0.

[Solfius]

yes, I thought about that when I posted, although I hadn't considered it before. I just thought it was a quirk of cantr and it sorted the note out

[prometheus]

Is there a way to change the whole body of the note black (so it is not green anymore) or any other color?
Also any better suggestions for lists in notes? Mine have to be entirely lists or things start getting weird.

[*Wiro]

I also want to know about the background color of the note itself. I suck at html.

[computaertist]

Is there a way to change the whole body of the note black (so it is not green anymore) or any other color?

Code: Select all

<div style="background-color:black; width:100%;">
The content of the note.
</div>

That will leave a band of green above and bellow the note, but that's probably fine compared to the trouble of getting rid of those bands.
You don't have to use named colors; hex codes like background-color:#000000 work the same and offer more precise color picking.

E: you might also try the hack of sticking <style>pre{background-color:black;}</style> at the top of the note, but I don't recommend that; it's not a sustainable solution for future things that could happen to notes, both individually (getting added to each other in compilation notes and such) and implementation-ally (one day notes might be rendered with css rather than <pre> tags).

[computaertist]

Also any better suggestions for lists in notes? Mine have to be entirely lists or things start getting weird.

I don't understand the question or problem. Better than using

Code: Select all

...the note before the list...
<ul>
<li>first item</li>
<li>second</li>
<li>so on...</li>
</ul>
...the rest of the note...

? If you use that, how does it get weird? If not, what are you calling lists?

[prometheus]

So like if I try to put a header bit (by leaving it out of the UL tags), then the unordered list, with titles for each of the sections of list, it gets all screwy with the spacing. And if the part that's between LI is too long (including the formatting text) it wraps it, and I can't figure out how to make it stop.

Title text of note.
(also I want an indent here but have to settle for spacing)List Section Title:

List one
List two
List Three(word wrap)

List Section Title
(Really wish I had a double indent here)

List One
List Two
List Three

Also it wont let me increase the indent on individual list items. So....

[computaertist]

I see, the struggles fighting the rendering of the <pre> tag. I've been through that. The old cure was to end the </pre> at the beginning (or just wherever the note was giving you trouble), but notes don't let you do that anymore.

So here's what I'd do now for what you describe, if I understood the desired results right:

Code: Select all

<style>
h2 {
text-indent: 50px;
}
li {
text-indent: 50px;
}
ul {
list-style-position:inside;
}
</style><div style="white-space: normal;">
<h1>Title text of note</h1>
<h2>List Section Title:</h2>
<ul>
<li>List one</li>
<li>List two</li>
<li>List three</li>
</ul>
<h2>List Section Title:</h2>
<ul>
<li>List one</li>
<li>List two</li>
<li>List three</li>
</ul>
</div>

And then adjust the text-indents as much as you like.

"white-space:normal" prevents the words from wrapping until they actually reach the edge of the note.
Notice it also causes the whole note to ignore line breaks, extra spaces, and tab characters, so you're have to use html to force those in when you need them.

I added "list-style-position:inside;" just to get the bullets to follow the indent with the words; they were getting left behind.


e: I might have misunderstood what you meant by a double indent. I gave the double indent to the list items, but on re-reading I realized you might have meant for the second list section title to have the double indent. If so, you can give it its own special style="text-indent:100ps" in the h2 tag, or something like that.

[pyrphoros]

Is it true that notes have length/size limit? Or it was just my browser?

(I am using mobile phone, the size of the plain text note in *.txt was 92 KB).

Is there any way to overcome the limit? Or separating them in two or more notes are the only option?

Thank you in advance.