.com Forum · General

I posted this a couple years ago but there's a lot of new users now so thought I'd post it again.

Some tricks to make your Notes section look nice or to highlight important things that will draw your eye right to it when you log in. I'll post screenshots of designs I've done in the past and give the code so you can copy it if you like it. Feel free to change it as well.

quote

---

<center>

Sizes

<font size="2pt"> Written Part </font><br>
<font size="3pt"> Written Part </font><br>
<font size="5pt"> Written Part </font><br>
<font size="8pt"> Written Part </font><br>

Colors

<font color="#3399FF">Hello</font><br>
<font color="red">My</font><br>
<font color="deeppink">Name</font><br>
<font color="green">Is</font><br>
<font color="orange">Reina</font><br><br>

Text Decoration

<b>Bold</b><br>
<i>Italic</i><br>
<u>Underline</u>
<br>
<br>

Fonts

<font face="Century Gothic">Century Gothic </font> <br>
<font face="Impact">Impact </font> <br>
<font face="Franklin Gothic Book">Franklin Gothic Book </font> <br>
<font face="Verdana">Verdana</font><br>

Mixtures of All of the Above!

<font face="Century Gothic" size="5pt" color="red">Strawberries!</font><br>
<font face="Tahoma" size="4pt" color="#A99A86">Grullo!</font><br>
<font face="Arial Narrow" size="9pt" color="#C8A2C8">Lilac!</font><br>

Images

<img src="i55.tinypic.com/16hl0z6.jpg"><br>
<img src="i53.tinypic.com/25f62d2.jpg"><br>

Spaced Text! Also works as enlarging the width of the box.

<pre>s p a c e d</pre>
<pre> w h a t e v e r </pre>

<br>
</center>

Right Aligned Text

<p align="right">Right Aligned Text!<br>
<font face="Terminal" size="1pt">AWESOMENESS MANG!</font></p>


<center>

<font color="#333333" size="4pt">Thanks for looking;</font><br>
<font color="hotpink" size="3pt">hope you found it helpful.</font>

</center>

---

An easy way to remember it is if you know how to do BBcode (the codes you use on Showdog with [ and ] ), it's pretty much the same except you have to use these: < and > instead of the square brackets.



SPECIAL CHARACTERS

Alt codes don't work in SD notes. Example: ALT 0164 ( ¤ )
BUT, these codes do work:





And another special character:
Except that is an image: i38.tinypic.com/35mpgg9.jpg



Widening the Notes Box Use the <pre> tag, like this:

<pre> now type or just put a bunch of spaces in between here </pre>
Make sure you have both "pre" tags, the one at the front and the one at the end. The computer won't recognize the command if there is only one tag either at the front or the end.

If you press space more than once in the forums, you'll notice that it shortens it to one space between each word. If you use the "pre" tag in the notes, this won't happen. This is why it widens the Notes box!

Another example...

quote

---

<center>

<font face="Century Gothic" size="4pt" color="#222222"><b> SETTLING DATES </b></font><br>

<br><font face="Verdana" size="2pt" color="#3399FF"> December 1 </font><br>
&bull; Ranomafana <b>x</b> Israella<br>
<font face="Century Gothic" size="1pt">South African Boerboel</font><br><br>


</center>

---

WARNING. This does not work in Showcats notes! It messes up the page.

bumporshkies

*Boodkmarks*
Thanks! This is relaly helpful.

Wow! Thank you!! I LOVE THIS!

-Lily

is there a way to make the text big, and change the color? or is there a way to make it Century Gothic and Pink??

Yes, you just combine them together.

<font face="Century Gothic" color="#FF0066">Hello!</font>

or <font size="6" color="red">Size 6 and red.</font>

Places to get your color codes could be a photo editing program. For those that don't have it, here's a good one: www.w3schools.com/html/html_colors.asp Or just type in "HTML color codes" in Google.


Reina

This is great thanks!!!!

Amy

Bump

Great thanks

bump

I don't think I put this up... how to put links in that are clickable rather than having to copy and paste them to get to them. Here is a screenshot of my notes at the moment.



And the HTML:




The link tag without any "instructions" (not filled out) is:

I made them images so they don't mess up if I have to edit this post.

The way to fill them out is in between the quotation marks put the entire link and then in between the tags put your description. Example:

<a href*="htt*p://ww*w.com">HELLOOOOOO</*a> (without all the stars) will just look like HELLOOOOOO but clickable in your notes and it will take you to the link. The link is the instructions for the computer to read and do the work for you.

Do you know if these work in our kennel slogans?

THanks!

No they do not work in kennel slogans. BBcode only.

I think this could be bumped

Alexandria

pomp this may be helpful uin the future

bump

bump

I don't believe this works anymore on the new layout.