|
sAINT_Valentine's Journal
|
no point
|
June 08, 2008, 10:05:pm
|
|
in even trying.
I feel sick.
I am selfish. I am ignorant. I am irresponsible, stupid, and a whole bunch of other things. Despite all of that, I love him, and that will never be enough.
|
|
|
Not Within Arms Length
|
May 29, 2008, 03:34:am
|
|
Not within arms length
I'd sever the stars from the sky
and place them in your hands
if I thought another wish / they'd see the light of day
but you stand beyond the sun
Beyond the reach of just a friend
maybe if I grew wings / maybe if you lost yours
these words would flow like water
if you'd let them scrape your heart
Not within arms length
embedded within my concise effort
a silent cry / I receive no comfort
and as I collapse we remain nothing more than friends
As I hold my breath / a throat full of cement
I'm disgusted by repetition, I accept this curse
of friendship / your friend / friendship
|
|
|
HTML b.s.
|
February 29, 2008, 01:15:am
|
|
I posted some extra HTML help, so it'll be easier to use on applications. I think I covered most things and then some from the VF HTML help messageboard thread.
Also, how to post pictures is located at the very end.
How to use HTML for your application!
Basic Font Editing:
<b>Bold</b>
<i>Italic</i>
<u>Underline</u>
<strike>Strike through</strike>
To center words/images/sections, use <center>whatever here</center>
Font Sizes:
The sizes of font on VF range from 1 to 7. Good sizes to use for the main text are 2 and 3; anything smaller will be hard to read, and anything larger will take up a lot of room. Sizes 4 and larger are good to use for headers/titles.
<font size=1>size 1</font>
<font size=2>size 2</font>
<font size=3>size 3</font>
<font size=4>size 4</font>
<font size=5>size 5</font>
<font size=6>size 6</font>
<font size=7>size 7</font>
Font Faces:
There are many different font faces you can use to make your application more aesthetically pleasing. To change the type of font, use the following code:
<font face="desired font name here">Text here</font>
A few examples:
<font face="Bradley Hand ITC">Text here</font> Looks like this
<font face="Papyrus">Text here</font> Looks like this
<font face="Chiller">Text here</font> Looks like this
For a listing of font faces, click here.
Font Colors:
Using different font colors makes your application look more interesting, and, of course, shows that you spent time editing it. This code will edit font color:
<font color=#Hex code here>Text here</font>
"Hex code" is short for hexadecimal code, a six-digit number that represents a certain color. Each color has its own hex code, from black (#000000) to white (#FFFFFF).
Examples:
<font color=#FF69B4>Text here</font> For hot pink
<font color=#32CD32>Text here</font> For lime green
<font color=#A020F0>Text here</font> For purple
And so on. For a listing of hex colors, click here.
And here is a list of color schemes for those that are having trouble matching up colors. Click.
Putting It All Together:
Now, say you want to change the color to a dark red, the size to four, and the font to Georgia. Instead of using each of the three font codes, you can simply combine them all, like this:
<font color=#8B0000 size=4 face="Georgia">Text here</font>
Which will get you this.
Borders:
There are many different types of borders you can use, besides the basic solid border.
solid.
Dotted
Dashed
Inset
Outset
Double
Ridge
Groove
You can also have a different border style for each side:
Different
To do that, simply list the four border names in the order you want them to appear. It goes in order from top, to right, to bottom, to left.
In example:
border: solid dashed double dotted;
Separating Sections:
It's annoying to read one big clump of text, which happens more than you might think. To make things easier on us voters, you need to separate the different sections of text, and one question from another. To do this, you can use line breaks, page breaks, or the <hr> code. You can even create DIV boxes to help organize your application.
For line breaks, use <br>
Which will
do this.
For page breaks, use <p>
Which willdo this.
<hr> will create the lines you see separating each of these HTML sections, like the one below
DIV boxes:
DIV boxes are a great way to organize your application, but they are a bit time consuming. You can change the border style, make them bigger/smaller, or make them scrolling or not, just by changing a few simple things.
For a small, basic DIV box, we'll start with this code:
<div style="border:; border-style:; border-color:; width:; height:; overflow:">Text here</div>
First we're going to give the box a solid white border, with the width as 1px.
<div style="border: 1px; border-style: solid; border-color: #FFFFFF; width:; height:; overflow:">Text here</div>
Then we'll change the width and height to 150px each.
<div style="border: 1px; border-style: solid; border-color: #FFFFFF; width: 150px; height: 150px; overflow:">Text here</div>
Then we'll set the 'overflow' to auto, which means the DIV box will scroll if there is a lot of text inside.
<div style="border: 1px; border-style: solid; border-color: #FFFFFF; width: 150px; height: 150px; overflow: auto">Text here</div>
Once we've got all of that edited, this is what your DIV box will look like:
Text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here, text here.
Here's an example of what you can do with a DIV box:
Name: Caitlin
Age: Eighteen
Location: Texas
Marital Status: Taken by this guy:
Occupation: Student. 
Links:
Use the following code to create a link:
<a href="http://www.SOMETHINGHERE.com">Site name</a>
For example:
<a href="http://www.vampirefreaks.com">VF</a> will get you this:
VF
You can also use an image as a link. To do that, use this code:
<a href="http://www.URL.com"><img src="URL of picture"/></a>
For example:
<a href="http://www.vampirefreaks.com"><img src="http://e.vampirefreaks.com/images/vf_title.gif"/></a> will get you:
Pictures:
Every application is going to require you to post pictures, and just pasting the link to one isn't going to cut it. Use the following code to post pictures:
<img src="URL HERE"/>
For example:
<img src="http://i9.tinypic.com/6twtny8.jpg"/> will get you this:
We all know not every picture is taken at the same size, and some of them are just way too large to post in an application. Stretching out the page is going to make things look bad. So, now, how to resize pictures.
<img src="http://i9.tinypic.com/6twtny8.jpg" height="desired height" width="desired width"/>
Like so:
<img src="http://i9.tinypic.com/6twtny8.jpg" height="50" width="50"/> will get this:
Good picture hosting web sites: www.tinypic.com, www.photobucket.com, www.imageshack.us
|
|
looking for entries older than a year old?
Click Here to View Older Entries
|
