Shhh! Young grass hopper you shall learn (p) Star and Shadow

stargirl114 · Mar 31st 2015

[fancypost bgcolor= translarent; bordercolor= transparent; borderwidth= 0px; font-family: none; font-style: none; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: center; margin-left: -65px;][/fancypost]

[fancypost bgcolor=none; background: url(http://37.media.tumblr.com/495…ules8LlF1sio0ido1_500.gif); width: 350px; height: 150px; background-position: center; border-radius: 25px;]
[/fancypost]

[fancypost bgcolor=none; bordercolor=transparent; width: 350px; height: 75px; font-family: ebrima; font-size: 15px; color: cyan; overflow: auto; border-radius: 25px;]
Okay good

[/fancypost]

[fancypost bgcolor=none; background: url(http://37.media.tumblr.com/495…ules8LlF1sio0ido1_500.gif); width: 350px; height: 150px; background-position: bottom; border-radius: 25px;] [/fancypost]

Shadow? · Mar 31st 2015

[align=center][fancypost bgcolor=#ffccbf; border: 0px;height: 15px; width: 450px;border-radius: 20pt 20pt 0pt 0pt;][/fancypost]
[align=center][fancypost bgcolor=#543333; border: 0px;height: 20px; width: 450px;color: #ffccbf;font-family: georgia; font-size:25px;text-align:left;]Asuna[/fancypost]
[align=center][fancypost bgcolor=#ffaa45; background:url(http://i.imgur.com/tKwf6l2.gif);border: 4px solid #ffccbf;height: 200px; width: 200px;border-radius: 900px;float: right; margin-top: -60px;margin-right: -10px;][/fancypost]
[align=center][fancypost bgcolor=#ffccbf; border: 0px;height: auto; width: 450px; text-align:justify;color: #543333;font-family: georgia; font-size:12px;]Wait is there a code ahhh!
[/fancypost]
[align=center][fancypost bgcolor=#543333; border: 0px;height: 15px; width: 450px;color: #ffaa45;font-family: georgia; font-size:25px;text-align:left;border-radius: 0pt 0pt 20pt 20pt;][/fancypost]

Moonstone564 · Mar 31st 2015

[fancypost bgcolor=; background:url(https://3f0861b6bc98c08770be-7…oto_218999_1418873683.jpg); bordercolor=; borderwidth=8px; width: 400px; height: 350px; border: double 10px black; border-radius: 40px; background-position: center;]
[fancypost bgcolor=black; width: 250px; height: 200px;]

Well, I quite like this fancypost :)

EDIT: Finally fixed it...

[/fancypost][/fancypost]

stargirl114 · Mar 31st 2015

[fancypost bgcolor= translarent; bordercolor= transparent; borderwidth= 0px; font-family: none; font-style: none; font-size: 36px; margin-bottom: -13px; letter-spacing: 13px; text-align: center; margin-left: -65px;][/fancypost]

[fancypost bgcolor=none; background: url(http://37.media.tumblr.com/495…ules8LlF1sio0ido1_500.gif); width: 350px; height: 150px; background-position: center; border-radius: 25px;]
[/fancypost]

[fancypost bgcolor=none; bordercolor=transparent; width: 350px; height: 75px; font-family: ebrima; font-size: 15px; color: cyan; overflow: auto; border-radius: 25px;]
Take your time Shadow, look back at our previous posts ;)

[/fancypost]

[fancypost bgcolor=none; background: url(http://37.media.tumblr.com/495…ules8LlF1sio0ido1_500.gif); width: 350px; height: 150px; background-position: bottom; border-radius: 25px;] [/fancypost]

Shadow? · Mar 31st 2015

Oooh right
[mergedate]1427761794[/mergedate]
[fancypost bgcolor=none; background: url(http://www.theflowerfields.com…efault/files/flowers2.jpg); width: 350px; height: 350px;][fancypost bgcolor=black; width: 150px; height: 250px; border-radius: 10px; background-position: ALIGNMENT;]Okay how's this? [/fancypost] [/fancypost]

LoneWolf13148 · Mar 31st 2015

[fancypost bgcolor= none; background: url: http://www.co-counsel.nl/wp-co…vim.com-840463.jpg;width: 300px; height: 250px; background-position: center; border: dotted 15px white; border-radius: 50px;
font-family:courier; font-size: 12px; color: light purple;]

My image isn't working. :/ I've tried like 3 different ones too. I think I missed this lesson.

[/fancypost]

stargirl114 · Mar 31st 2015

Great job Shadow, Bleach.

corrected product

It's okay LoneWolf here's what you did incorrectly: I noticed that you didn't put your url link in the parentheses. I also noted that you had an extra colon that wasn't needed. Make sure that your background code looks exactly like this every time:

Code

background: url(LINK GOES HERE KEEP THE PARENTHESES!);

Want to try it one more time on your own?

Moonstone564 · Apr 1st 2015

[size=16pt]Bleach[/size]
[fancypost bgcolor=black; bordercolor=red; borderwidth=4px;]

I will admit that I was having trouble with the second box, but I finally got it working :)

[/fancypost]

LoneWolf13148 · Apr 1st 2015

[fancypost bgcolor= none; background: url(https://31.media.tumblr.com/08…1rckdh5o2_500.jpg);width: 400px; height: 250px; background-position: center; border: double 10px white; border-radius: 50px;
font-family:courier; font-size: 12px; color: white;]

Got it. Thanks!

[/fancypost]

Moonstone564 · Apr 1st 2015

"It's meaningless to just live, it's meaningless to just fight. I want to win!"
[fancypost bgcolor=black; width: 550px; height: 440px; border-radius: 40px; border: double 10px #870707;][fancypost bgcolor=; width: 450px; height: 400px; background:url(http://www.azmie.net/pix/ichigo_hollow.jpg); bordercolor=; borderwidth=8px; border: double 16px #e80000; font-family: fangsong; font-size: 18px; color: #ff0000; border-radius: 40px; background-position: center;]Bleach

MADE A NEW FANCYPOST!!

[/fancypost][/fancypost]

LoneWolf13148 · Apr 1st 2015

It looks good Bleach! Check out my new Fancypost in my siggy!

Moonstone564 · Apr 1st 2015

"It's meaningless to just live, it's meaningless to just fight. I want to win!"
[fancypost bgcolor=black; width: 550px; height: 440px; border-radius: 40px; border: double 10px #870707;][fancypost bgcolor=; width: 450px; height: 400px; background:url(http://www.azmie.net/pix/ichigo_hollow.jpg); bordercolor=; borderwidth=8px; border: double 16px #e80000; font-family: fangsong; font-size: 18px; color: #ff0000; border-radius: 40px; background-position: center;]Bleach

Oh, wait, that's a fancypost? I thought it was just a really cool gif. But I like it anyways :)

[/fancypost][/fancypost]

LoneWolf13148 · Apr 1st 2015

Thanks :3
and yeah it's a really simple fancypost, but I made it using the things I learned from this thread.

Moonstone564 · Apr 1st 2015

"It's meaningless to just live, it's meaningless to just fight. I want to win!"
[fancypost bgcolor=black; width: 550px; height: 440px; border-radius: 40px; border: double 10px #870707;][fancypost bgcolor=; width: 450px; height: 400px; background:url(http://www.azmie.net/pix/ichigo_hollow.jpg); bordercolor=; borderwidth=8px; border: double 16px #e80000; font-family: fangsong; font-size: 18px; color: #ff0000; border-radius: 40px; background-position: center;]Bleach

Yep

[/fancypost][/fancypost]

stargirl114 · Apr 1st 2015

Great job guys you've made me a very proud teacher, but we still have much more to learn. Now we are going to learn how to put in scrollies. We scrollies because when you enter a lot of text it will run out of a fancy post like this:

[fancypost bgcolor=black; width: 150px; height: 150px;]Blah watch my text spill!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore maiurum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy . [/fancypost]

To avoid this you are going to input this code:

Code

overflow: auto;

After putting this code in it will look like this:

[fancypost bgcolor=black; width: 150px; height: 150px; overflow: auto;]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore maiurum.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunos et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolum. [/fancypost]

Try and use the code on your own ;) You can write a long paragraph like in a roleplay, or enter this wacky text:

Code

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Moonstone564 · Apr 1st 2015

"It's meaningless to just live, it's meaningless to just fight. I want to win!"
[fancypost bgcolor=black; width: 550px; height: 440px; border-radius: 40px; border: double 10px #870707;][fancypost bgcolor=; width: 450px; height: 400px; background:url(http://www.azmie.net/pix/ichigo_hollow.jpg); bordercolor=; borderwidth=8px; border: double 16px #e80000; font-family: fangsong; font-size: 18px; color: #ff0000; border-radius: 40px; background-position: center;overflow: auto;]Bleach
Testing to see if it works :)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

[/fancypost][/fancypost]

LoneWolf13148 · Apr 1st 2015

[fancypost bgcolor= none; background: url(https://31.media.tumblr.com/08…1rckdh5o2_500.jpg);width: 400px; height: 250px; background-position: center; border: double 10px white; border-radius: 50px;overflow: auto;
font-family:courier; font-size: 12px; color: white;]

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

[/fancypost]

stargirl114 · Apr 2nd 2015

Great job guys *taps pencil against attendance pad* Once again Shadow appears to be missing...

LoneWolf13148 · Apr 2nd 2015

Haha, maybe it has to do with time difference? Or she has something going on while we are all online at this hour. ;)

stargirl114 · Apr 2nd 2015

*winks* Yeah I'm just kidding haha. Why don't we move onto the next thing since we are on a roll? I'm sure that she can catch up on something as easy as overflow.