Fallenleaves - I'm so sorry that I took so long to get back to you. I was quite busy yesterday and today.
Okay, I'll make a small, simple example and try my best to explain it.
Testing
This is a test
Test of the ing
[div style="background-image:url(http://wallpapercave.com/wp/YRS3TF8.jpg);background-position:center;background-attachment:auto;width:425px;height:250px;margin:auto;padding:10px;border:groove #ffffff 5px;font-size:3;text-align:center;"][div style="overflow:auto;opacity:.7;border-radius:80px;margin:auto;padding:10px;padding-left:20px;height:93%;width:325px;background:#87CEFA;"][span style="font-size:14pt;color:#Ffffff;float:center;opacity:100%;text-align:center;margin:10px;"][font face="georgia-pro"][b][span style="text-shadow:2px 2px 2px black;"]
Testing
This is a test
Test of the ing[/span][/b][/font][/span][/div][/div]Let's break this down part by part.
BackgroundThis part is for your background, margins, and border.
[div style="background-image:url(http://wallpapercave.com/wp/YRS3TF8.jpg);background-position:center;background-attachment:auto;width:425px;height:250px;margin:auto;padding:10px;border:groove #ffffff 5px;font-size:3;text-align:center;"]To change the background image, copy this code,
[div style="background-image:url(http://wallpapercave.com/wp/YRS3TF8.jpg);background-position:center;background-attachment:auto;width:425px;height:250px;and then change the image link within the parenthesis (). Background position and adjustments are after that.
2nd BackgroundAlright this next one is the little blue rounded square you see behind the text. The code is as follows:
[div style="overflow:auto;opacity:.7;border-radius:80px;margin:auto;padding:10px;padding-left:20px;height:93%;width:325px;background:#87CEFA;"]To change how visible something is, then change the opacity. 0 means you can barely see it, .9-1 means its highly visible, almost solid. You can change the dimensions as well. As for this part, this is the color:
background:#87CEFA;To change this, copy and paste the hex code you want. I will link this for you.
Font, Text & Drop ShadowLast part is the text that lays on top.
[span style="font-size:14pt;color:#Ffffff;float:center;opacity:100%;text-align:center;margin:10px;"][font face="georgia-pro"][b][span style="text-shadow:2px 2px 2px black;"]
Testing
This is a test
Test of the ing[/span][/b][/font][/span][/div][/div]
Font size can be changed to what you wish. Same with the font and text color. Copy and paste the hex code just like the second background I showed you. Works the same way. Drop shadow just drops a shadow behind the text so it looks nicer or is easier to read.
I recommend playing with layouts if you want to learn. It's the best way. If you need me to make a layout for you just message me. I don't mind. I'm going to go ahead and link a few threads for you - I found them super helpful and they're more in depth in regards to explanations.
BBCode GuideBBCode ColorsBBCode, Sand EditionIf you have any more questions or concerns feel free to voice them! I know I'm not the best at explaining things, so I'll keep the thread open in case you need more help or if you need an elaboration.
