~☽~grey world graphics school~☼~

Chibiteragirl · Jun 19th 2013

[fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: arial; font-size: 36; margin-bottom: -20px; letter-spacing: 1px; text-align: center][color=red]
SAVE DERPY HOOVES!! SAVE MY BIG SISTER!
[/fancypost][fancypost bgcolor=purple; border-color:pink; border-width: 5px; border-radius: 40px][fancypost bgcolor=white; border-color: blue; border-width: 5px; width: 200px; height: 100px; border-radius: 40px; overflow: auto; opacity: 0.8]
Like this Sempai?
[/fancypost][/fancypost]

Firenova · Jun 20th 2013

YEP

Firenova · Jun 20th 2013

Next lesson! Tables! (I'll quote my mentor again :D)

• sᴏʟɪʟᴏϙᴜʏ • wrote:

[align=center][font=georgia][size=8][color=white]yay!

last: tables!

to begin a table, you put:

Code

[table][tr][td]

[font=georgia][size=8][color=white]then, you put the code for your first fancypost. this fancy will be the one on the left.

Code

[table][tr][td][fancypost bgcolor=white; border-width: 5px; border-color: navy; height: 300px; width: 100px]

text

[/fancypost][/td]

[font=georgia][size=8][color=white]as you can see, when you end the fancypost, you also put "/td" after it.

but do not put a "/table" or "/tr" yet! starting a new "td" means starting a new column. the "table" and "tr" are there to mark the start and end of a table, not the end of a column.

so basically, if you want to make this:

Display Spoiler

[fancypost bgcolor=white; border-width: 5px; border-color: navy; height: 300px; width: 100px]
text
[/fancypost] [fancypost bgcolor=white; border-width: 5px; border-color: red; height: 300px; width: 100px]
text
[/fancypost]

[font=georgia][size=8][color=white]this is the code:

Code

[table][tr][td][fancypost bgcolor=white; border-width: 5px; border-color: navy; height: 300px; width: 100px]

text

[/fancypost][/td]

[td][fancypost bgcolor=white; border-width: 5px; border-color: red; height: 300px; width: 100px]

text

[/fancypost][/td][/tr][/table]

Display More

Chibiteragirl · Jun 20th 2013

[fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: arial; font-size: 36; margin-bottom: -20px; letter-spacing: 1px; text-align: center;

][color=red]
SAVE DERPY HOOVES!! SAVE MY BIG SISTER!
[/fancypost][fancypost bgcolor=purple; border-color:pink; border-width: 5px; border-radius: 40px][fancypost bgcolor=white; border-color: blue; border-width: 5px; width: 200px; height: 100px; border-radius: 40px; overflow: auto; opacity: 0.8]
Ehh?! Did I do it right?
[/fancypost]

[/fancypost]

Firenova · Jun 20th 2013

-_- Make a new fancypost with the code XD

Firenova · Jun 20th 2013

[fancypost bgcolor=white; border-width: 5px; border-color: navy; height: 300px; width: 100px]
text
[/fancypost]

[fancypost bgcolor=white; border-width: 5px; border-color: red; height: 300px; width: 100px]
SEE JUST SWAP THE COLORS
[/fancypost]

Chibiteragirl · Jun 20th 2013

[fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: arial; font-size: 36; margin-bottom: -20px; letter-spacing: 1px; text-align: center][color=red]
SAVE DERPY HOOVES!! SAVE MY BIG SISTER!
[/fancypost][fancypost bgcolor=purple; border-color:pink; border-width: 5px; border-radius: 40px][fancypost bgcolor=white; border-color: blue; border-width: 5px; width: 200px; height: 100px; border-radius: 40px; overflow: auto]
Huh? That's confuzzling!!
[/fancypost][/fancypost]

Firenova · Jun 20th 2013

Copy and paste my Soliquy's code XD they are a whole different code.

Chibiteragirl · Jun 20th 2013

[fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: arial; font-size: 36; margin-bottom: -20px; letter-spacing: 1px; text-align: center][color=red]
SAVE DERPY HOOVES!! SAVE MY BIG SISTER!
[/fancypost]

[fancypost bgcolor=purple; border-color:pink; border-width: 5px; border-radius: 40px][fancypost bgcolor=white; border-color: blue; border-width: 5px; width: 200px; height: 100px; border-radius: 40px; overflow: auto]

[/fancypost][/fancypost]

Did I do it right?

[fancypost bgcolor=white; border-width: 5px; border-color: navy; height: 300px; width: 100px]
text
[/fancypost]

[fancypost bgcolor=white; border-width: 5px; border-color: red; height: 300px; width: 100px]
text
[/fancypost]

Firenova · Jun 20th 2013

Yep! You can use it for Pro's and Con's list, or, I used it for this:

[fancypost bgcolor=white; border-width: 5px; border-color: black; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

[fancypost bgcolor=black; border-width: 5px; border-color: white; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

[fancypost bgcolor=white; border-width: 5px; border-color: black; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

[fancypost bgcolor=black; border-width: 5px; border-color: white; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

[fancypost bgcolor=black; border-color:white; border-width: 5px; border-radius: 40px; cursor: url(http://cur.cursors-4u.net/curs…/05/drawd312643f_1_bw.gif)]

[fancypost bgcolor=black; border-color: white ; border-width: 5px; width: 200px; height:200px; border-radius: 40px; overflow: auto; border-radius: 40px; opacity: 0.9; overflow: auto; font-family; arial; font-size: 16; margin-bottom: 13px; letter-spacing: 0px; color: white]

OOC:

IC:

[/fancypost]

[fancypost bgcolor=white; border-width: 5px; border-color: black; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

[fancypost bgcolor=black; border-width: 5px; border-color: white; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

[fancypost bgcolor=white; border-width: 5px; border-color: black; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

[fancypost bgcolor=black; border-width: 5px; border-color: white; height: 20px; width: 40px; border-radius: 15px; overflow=auto]

[/fancypost]

Chibiteragirl · Jun 20th 2013

[fancypost bgcolor=; bordercolor=; borderwidth=0px; font-family: arial; font-size: 36; margin-bottom: -20px; letter-spacing: 1px; text-align: center][color=red]
SAVE DERPY HOOVES!! SAVE MY BIG SISTER!
[/fancypost][fancypost bgcolor=purple; border-color:pink; border-width: 5px; border-radius: 40px][fancypost bgcolor=white; border-color: blue; border-width: 5px; width: 200px; height: 100px; border-radius: 40px; overflow: auto]
Ok.
[/fancypost][/fancypost]

Lakeshimmer · Jun 20th 2013

You need to learn how to add images before you do the tables!!!

Code

[fancyimage]IMAGE LINK HERE[/fancyimage]

Code

[background: url(BACKGROUND URL HERE);

For the second code, you put it right after

Code

[bg color= #;]

You can leave out the bg color hex code.

For the first one, I'd recommend putting it right after your FP code.

Firenova · Jun 20th 2013

[fancypost bgcolor=red; border-color:white; border-width: 5px; border-radius: 40px; border: 3px dotted #FFFFFF; cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur),auto; background:url(http://amazingspacepictures.in…2013/05/hd-starry-sky.jpg)]

[fancypost bgcolor=white; border-color: black; border-width: 5px; width: 200px; height:200px; border-radius: 40px; overflow: auto; border-radius: 40px; opacity: 0.7; overflow: auto; font-family; arial; font-size: 16; margin-bottom: 13px; letter-spacing: 0px; color: purple; border: 2px dotted #FFFFFF]

OOC: Woah, whatsup with the bg color? Don't you start the whole code with that? I was about to get to bg images -_- XD whateva. I'm still learning too, so may I ask, do you know how to resize image backgrounds?

IC:

[/fancypost]

Lakeshimmer · Jun 20th 2013

★Firenova, Leader of Novaclan★ wrote:

[fancypost bgcolor=red; border-color:white; border-width: 5px; border-radius: 40px; border: 3px dotted #FFFFFF; cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur),auto; background:url(http://amazingspacepictures.in…2013/05/hd-starry-sky.jpg)]

[fancypost bgcolor=white; border-color: black; border-width: 5px; width: 200px; height:200px; border-radius: 40px; overflow: auto; border-radius: 40px; opacity: 0.7; overflow: auto; font-family; arial; font-size: 16; margin-bottom: 13px; letter-spacing: 0px; color: purple; border: 2px dotted #FFFFFF]

OOC: Woah, whatsup with the bg color? Don't you start the whole code with that? I was about to get to bg images -_- XD whateva. I'm still learning too, so may I ask, do you know how to resize image backgrounds?

IC:

[/fancypost]

[/fancypost]

Display More

Well yea, that's what I meant.
To resize them, you actuall have to go to a photo editor. Here is a good pic editing site. Simply go to resize, uncheck the box "Keep Proportions" and then experiment.

lollipoplover11 · Jun 20th 2013

[fancypost bgcolor= pink bordercolor= brown borderwidth= 7px]

Can you help me?

[/fancypost]

Lakeshimmer · Jun 20th 2013

What do you want help with?

lollipoplover11 · Jun 20th 2013

[fancypost bgcolor= pink bordercolor= brown borderwidth= 7px]

[fancypost bgcolor= Maroon]
The box always goes out

[/fancypost]

This is what I used

Code

[fancypost bgcolor= pink bordercolor= brown borderwidth= 7px]
[fancypost bgcolor= Maroon]
[/fancypost]
[/fancypost]

Display More

Lakeshimmer · Jun 20th 2013

Woah woah woah there! FP Police comes to the rescue...
Before we can even do that, you've got some BIG problems, lass.

Code

[fancypost bgcolor= pink bordercolor= brown borderwidth= 7px][fancypost bgcolor= Maroon][/fancypost][/fancypost]

First, you need to add a

Code

]

after the BGcolor, Bordercolor, and Borderwidth so it looks like this:

Code

[fancypost bgcolor= pink; bordercolor= brown; borderwidth= 7px;]

With the colors, you actually have to use Hex Codes. I know it works, but Hex Codes are what we all use. Here is a good place for color.

Also, you need to add the height and width!

Code

[fancypost bgcolor= pink; bordercolor= brown; borderwidth= 7px; height: autopx; width: 175 px;]

Now, for the second part, this is where the height and width comes in.

Code

[fancypost bgcolor= #; bordercolor= #; borderwidth= NUMBERpx; height: autopx; width: autopx;]

There. Hope that helped. ^^

Lakeshimmer · Jun 20th 2013

ROFL, my head hurts. And I'm
[move]HOME ALONE[/move]

Firenova · Jun 20th 2013

That works XD