Hey Witty Friends. :]
I want to make this to
teach anyone on Witty some codes and tricks. :D So feel free to
fav this to check back for some help.. I can always help you!
:D
You will post all of these in the SOURCE. by the editing part of
making a quote. Make sure they are between <br /> Paste them in between
the r and the /.
The only code I used for this quote
was the text shadow one.
The font I am typing in has
shadows. The code for making shadows:
<span style="text-shadow:
1px 3px 9px black;">
You can change anything in between
the quotation marks. All codes (or all of them I can think of)
start with '<span
style=" ' and end with ' ;"> ' You can make the
shadows bigger or smaller by changing the numbers.
'Px' and
'Pt' stands for
pixels. Where it says 'black' you can change it to any other
color, like 'pink'
for example. Or, you can change it to a number-color. Typing in
#ff0000 where
'black' is will make
your shadows red, or any other color depending on the numbers.
This works for backrounds, layouts, borders, fonts, etc. where it
already has a name of a color.
Here are some other codes that are
important to know:
To change the font to something that isn't in the options for
making a quote: <span style="font-family: 'segoe
print';">
You would type in the font you want where 'segoe print'
is. You don't need the half- quotations there, but you
need the full ones.
To change the color of the backround: <div style="background-color:
black;">
Again, you can change where it says black to any other color, or
a number color.
To make the spacing of lines closer: <div style="line-height:
10px;">
You can change the 10px, but I would only recommend doing this if
you really want a unique quote.
This makes the letters closer: <div style="letter-spacing:
-3px">
Again, I would only recommend changing the -3px if you want
your spacing REALLY close or close to normal.
Here is a dotted border: <div style="border: 8px dotted
pink; margin: auto; overflow: auto; width: 400px; height: 400px;
background-color: white;">
You can change the size of pixels, height, and width. Where it
says 8px is how thick it is. Make it bigger or smaller with
400px. The inside of it is white, and you also can change that
color.
Here is a plain black border: <div style="border: 8px inset Black;
margin: auto; overflow: auto; width: 400px; height: 400px;
background-color: white;">
Same thing goes for this one.
And LASTLY, this website will
generate fades for you, easy and fast. http://patorjk.com/text-color-fader/
