Coding Your Mini Profile
|
|
Above us, is the four source codes to making a mini profile. The farthest to the left seems to have 3 codes, but we'll get into this later. Yes this seems very complex at first, but it only takes a few tries to get used to, the only part to make your own code, is inside the quotes. That is the only part you have to worry about
...Example...
<p align="center"><font face="times new roman"><font size="20">Your Text here
On the example above, that's our code. From what's in the quotes, we know it'll be in the exact center of our mini, the font it'll be in is Times new Roman, and the size will be 20. So let's see what this looks like below...
Your Text here
And above is what'd we have if we did that code, but now we ask ourselves how do we do color? Now, on weebly the default color on here is #000000, also known as white. All colors have a certain code, a hash tag, with 6 digits at the end classifies every color you can use. Now, you can google these codes and faders online, but here is a site that can do both for you.
http://patorjk.com/text-color-fader/
http://patorjk.com/text-color-fader/
Advanced HTML
Once you feel most comfortable with making that simple shit, you're ready to move on to the advanced shit.
Like this...
<title><font face="Arial" size="1" color="#C0C0c0">I'll be on the account: <u>Doom</u> It's been a long time since I've <i>Cried</i>, But I can't help but feel all the hope we held has already <i>Died</i>. And that was <i>us</i>, To think your the one I used to <i>trust</i> I promised this time I'd give it my <i>all</i> But my fight is over as I'm left writing on this <i>Wall</i> Because, All I have left are <i>scars</i> and these tattered <i>Cigars</i> <p align="right"><font face="mistral" size="15" color="#B91010">Now <font color="#B72611">I've <font color="#B53C12">H<font color="#B54313">ad <font color="#B45114">En<font color="#B26014">ou<font color="#B16E15">gh <font color="#B07D16">of <font color="#B2891A">Yo<font color="#B5951E">ur <font color="#B7A122">Ju<font color="#B9AC26">gd<font color="#BBB82A">em<font color="#BEC42E">en<font color="#C0D032">t<font face="Arial"size="1"color="#B91010"> You pass it so easily, you think I take it to heart? <font color="#B53C12"size="12"face="Copperplate Gothic light">Can't you see this is <u>My</u> Design <font face="mistral"size="13"color="#C0D032">Who's with me, We have the Power to Shead Light</title>
Now, most of you probably look at this and get a rough idea of what it looks like, but some of the code you may not recognized.
Like this...
<title><font face="Arial" size="1" color="#C0C0c0">I'll be on the account: <u>Doom</u> It's been a long time since I've <i>Cried</i>, But I can't help but feel all the hope we held has already <i>Died</i>. And that was <i>us</i>, To think your the one I used to <i>trust</i> I promised this time I'd give it my <i>all</i> But my fight is over as I'm left writing on this <i>Wall</i> Because, All I have left are <i>scars</i> and these tattered <i>Cigars</i> <p align="right"><font face="mistral" size="15" color="#B91010">Now <font color="#B72611">I've <font color="#B53C12">H<font color="#B54313">ad <font color="#B45114">En<font color="#B26014">ou<font color="#B16E15">gh <font color="#B07D16">of <font color="#B2891A">Yo<font color="#B5951E">ur <font color="#B7A122">Ju<font color="#B9AC26">gd<font color="#BBB82A">em<font color="#BEC42E">en<font color="#C0D032">t<font face="Arial"size="1"color="#B91010"> You pass it so easily, you think I take it to heart? <font color="#B53C12"size="12"face="Copperplate Gothic light">Can't you see this is <u>My</u> Design <font face="mistral"size="13"color="#C0D032">Who's with me, We have the Power to Shead Light</title>
Now, most of you probably look at this and get a rough idea of what it looks like, but some of the code you may not recognized.
...Example...
<font face="times new roman"size="12"color="#000000">
Strange enough, we know all the coding in there but it's all compacted into one fancy 5 Dollar code. Guess what? Works the same way as the other code too, just a shit load shorter to save space. Let me introduce some more new codes.
|
|
<img src="http://PictureURL/GoesHere.jpeg" /> This will show an image on your Mini
|
<link href="RawCSS/FileGoesHere.css" rel="stylesheet"> This will set up new custom coding (Such as <Font face="Times new roman"> instead of typing that, you could put <TNR>)
|
</font> Reverses the last <font> you used.
|