Tutor needed!

and how do I make the white box transparent and see through like the ones you do

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
You want to use Opacity
[/fancypost][/fancypost]

but opacity makes it darker

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
No it makes it lighter in the example I showed you it made it look darker. Give it a try and you'll see.
[/fancypost][/fancypost]

[fancypost bgcolor=none; background: url(http://i59.tinypic.com/2q2frk9.jpg); background-position: center; width: 250px; height: 250px; overflow: auto] [fancypost bgcolor=white; background-position: center; width: 50px; height: 50px; overflow: auto; opacity: 0.4;] success!
[/fancypost]
[/fancypost]

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
Maybe a little bigger?
[/fancypost][/fancypost]

also

Quote

I tried doing the fancy pos ton fancy post but how do I choose where the white box is placed

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
Ahh then you want to use margins. They allow you to choose where a fancy post goes. Look them up on that code list.
[/fancypost][/fancypost]

not working

Because you can only use left, right, top, and bottom with margins. So you can't say center. But you can say bottom. Negative numbers tell the margin to draw the fancy toward it. Positive numbers tell margins to push the fancy away from it. Try it like this: margin-top: 65px. I fixed the code for you above and you can still adjust it to your liking Cal.

[fancypost bgcolor=none; background: url(http://i59.tinypic.com/2q2frk9.jpg); background-position: center; width: 250px; height: 250px; overflow: auto] [fancypost bgcolor=white; background-position: center; width: 100px; height: 100px; overflow: auto; opacity: 0.4; margin-top: 50px;] I think it worked sort of
[/fancypost]
[/fancypost]

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
There ya go just make the box a little bit bigger so it can be easily seen.
[/fancypost][/fancypost]

yay hurray! how do I do two boxes (like one for ic and ooc

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
Just add another fancypost. I'd say use a table but that would really confuse you XD
[/fancypost][/fancypost]

[fancypost bgcolor=none; background: url(http://i59.tinypic.com/2q2frk9.jpg); background-position: center; width: 250px; height: 250px; overflow: auto] [fancypost bgcolor=white; background-position: center; width: 100px; height: 100px; overflow: auto; opacity: 0.4; margin-top: 50px;] [fancypost bgcolor=white; background-position: center; width: 100px; height: 100px; overflow: auto; opacity: 0.6; margin-bottom: 50px;]
[/fancypost]
[/fancypost]
[/fancypost]
am I doing something wrong?

Yeah you are putting the new fancypost in the same fancypost that you had done before. Let me help you out.

I separated them for you. But you might want to make your fancy bigger to fit them both.

[fancypost bgcolor=none; background: url(http://static.tumblr.com/3e99b…tumblr_static_animal5.jpg); background-position: center; width: 350px; height: 350px; overflow: auto] [fancypost bgcolor=white; background-position: center; width: 100px; height: 100px; overflow: auto; opacity: 0.4; margin-top: 50px;] text
[/fancypost]
[/fancypost]

[fancypost bgcolor=white; background-position: center; width: 100px; height: 100px; overflow: auto; opacity: 0.6; margin-bottom: 50px;]

[/fancypost]
ugh!

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
You don't want it to do the repeating picture do you?
[/fancypost][/fancypost]

nope :(

[fancypost bgcolor=none; background: url(http://media0.giphy.com/media/SNt4BhDlHYUI8/giphy.gif); width: 425px; height: 350px; background-position: center; border-radius: 35px; border: dashed 5px white;][fancypost bgcolor=white; width: 250px; height: 250px; border-radius: 25px; font-family: times new roman; font-size: 15px; color: blue; overflow: auto; opacity: 0.55; margin-top: 35px;]
Well then you'll need a bigger picture.
[/fancypost][/fancypost]

How about you use this one? [img width=510 height=382]http://static.tumblr.com/3e99b…tumblr_static_animal5.jpg[/img]