Resource Testing Grounds Alpha

[alpha 13]

If you see something you like feel free to use it or if you would like to change the images on the code to fit your character that's good with me too, just please credit me somewhere - these images were all found on pixabay or flickr and do not require image credits to my knowledge if you want to break copyright laws that's your business

 

[alpha 13]

[div style="width:470px;height:500px;padding-top:15px;padding-left:15px;padding-right:15px;padding-bottom:15px;background:url(https://cdn.pixabay.com/photo/2017/06/15/10/25/summer-2404769_1280.jpg)top no-repeat #000000;font-style:Times New Roman;color:#ffffff;overflow:auto;font-size:10px;line-height:15px;border-radius:30px;"]
[div style="width: 464px;height:180px;background:url(https://i.imgur.com/O5H09Ab.png) top no-repeat;overflow:auto;border:solid 2px;"][/div]
[div style="width:225px;height:275px;padding-top:15px;background-color:#ffffff;overflow:auto;float:left;opacity:.8;border:solid 1px #000000;color:#000000;"]Character Info
You can insert a small (max 225px width) image here if you want
Name:
Gender:
Category:
Category:
Category:
Category:
[/div][div style="width:225px;height:275px;padding-top:15px;overflow:auto;float:right;background-color:#cecece;border:solid 1px #ffffff;opacity:.8;"]POST

images used top image and background[/div]
[/div]

[div style="width:470px;height:500px;padding-top:15px;padding-left:15px;padding-right:15px;padding-bottom:15px;background:url(https://cdn.pixabay.com/photo/2017/06/15/10/25/summer-2404769_1280.jpg)top no-repeat #000000;font-style:Times New Roman;color:#ffffff;overflow:auto;font-size:10px;line-height:15px;border-radius:30px;"]
[div style="width: 464px;height:180px;background:url(https://i.imgur.com/O5H09Ab.png) top no-repeat;overflow:auto;border:solid 2px;"][/div]
[div style="width:225px;height:275px;padding-top:15px;background-color:#ffffff;overflow:auto;float:left;opacity:.8;border:solid 1px #000000;color:#000000;"]Character Info
You can insert a small (max 225px width) image here if you want
Name:
Gender:
Category:
Category:
Category:
Category:
[/div][div style="width:225px;height:275px;padding-top:15px;overflow:auto;float:right;background-color:#cecece;border:solid 1px #ffffff;opacity:.8;"]POST

images used top image and background[/div]
[/div]

 

[alpha 13]

[div style="width:500px;padding-left:250px;padding-right:250px;overflow:auto;color:#105037;font-size:10px;line-height:15px;"][div style="width:478px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:200px;background:url(https://i.imgur.com/bHGwSIX.png)bottom no-repeat #d4d9d7;border-radius:40px;border:solid 1px #ffffff;"][div style="width:380px;padding-left:50px;padding-right:50px;overflow:auto;"][div style="width:366px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;background-color:#ffffff;border:solid 2px #000000;color:#000000;height:18px;overflow:auto;"]

CHARACTER INFORMATION​

[/div][/div]
POST
this table's grey area will grow as you continue to fill it
link to image source
[/div]

[div style="width:500px;padding-left:250px;padding-right:250px;overflow:auto;color:#105037;font-size:10px;line-height:15px;"][div style="width:478px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:200px;background:url(https://i.imgur.com/bHGwSIX.png)bottom no-repeat #d4d9d7;border-radius:40px;border:solid 1px #ffffff;"][div style="width:380px;padding-left:50px;padding-right:50px;overflow:auto;"][div style="width:366px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px;background-color:#ffffff;border:solid 2px #000000;color:#000000;height:18px;overflow:auto;"][CENTER]CHARACTER INFORMATION[/CENTER][/div][/div]
POST
this table's grey area will grow as you continue to fill it
link to image source
[/div]

[/div]

 

[alpha 13]

[div style="width:700px;overflow:auto;padding-left:250px;padding-right:250px;"][div style="width:680px;padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:300px;background:url(https://i.imgur.com/65BT2ST.png)top no-repeat #000000;color:#ffffff;font-style:Times New Roman;font-size:10px;line-height:14px;overflow:auto;"]POST

link to image source[/div][/div]

[div style="width:700px;overflow:auto;padding-left:250px;padding-right:250px;"][div style="width:680px;padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:300px;background:url(https://i.imgur.com/65BT2ST.png)top no-repeat #000000;color:#ffffff;font-style:Times New Roman;font-size:10px;line-height:14px;overflow:auto;"]POST
[/div][/div]

 

[alpha 13]

[div style="width:620px;overflow:auto;padding-left:300px;padding-right:300px;"]"[div style="width:600px;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px;overflow:auto;background:url(https://cdn.pixabay.com/photo/2018/02/07/00/39/sunset-3136032_1280.jpg)top no-repeat;border-radius:30px;"][div style="width:560px;height:410px;padding-left:20px;padding-right:20px;"][div style="width:550px;height:400px;overflow:auto;font-size:11px;line-height:15px;background-color:#ffffff;opacity:.7;border:1px solid #000000;color:#000000;padding:5px;"][div style="width:200px;overflow:auto;border:2px solid #000000;padding-left:175px;padding-right:170px;padding-top:5px;padding-bottom:5px;"]QUOTE[/div]

POST

[/div][/div][/div][/div]

link to image source

[div style="width:620px;overflow:auto;padding-left:300px;padding-right:300px;"]"[div style="width:600px;padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px;overflow:auto;background:url(https://cdn.pixabay.com/photo/2018/02/07/00/39/sunset-3136032_1280.jpg)top no-repeat;border-radius:30px;"][div style="width:560px;height:410px;padding-left:20px;padding-right:20px;"][div style="width:550px;height:400px;overflow:auto;font-size:11px;line-height:15px;background-color:#ffffff;opacity:.7;border:1px solid #000000;color:#000000;padding:5px;"][div style="width:200px;overflow:auto;border:2px solid #000000;padding-left:175px;padding-right:170px;padding-top:5px;padding-bottom:5px;"]QUOTE[/div]

POST

[/div][/div][/div][/div]

 

[alpha 13]

[div style="width:730px;overflow:auto;float:center;padding-left:280px;padding-right:280px;neight:620px;"][div style="width:200px;height:400px;overflow:auto;float:right;padding-right:20px;padding-left:500px;padding-top:100px;padding-bottom:100px;background:url(https://cdn.pixabay.com/photo/2018/02/06/18/33/mammal-3135405_1280.jpg)top no-repeat;font-size:10px;line-height:14px;color:#ffffff;"][div style="width:180px;height:380px;overflow:auto;background-color:#000000;opacity:.7;border:solid 1px #ffffff;border-radius:35px;padding:10px;"]POST[/div][/div][/div]

link to image source

[div style="width:730px;overflow:auto;float:center;padding-left:280px;padding-right:280px;neight:620px;"][div style="width:200px;height:400px;overflow:auto;float:right;padding-right:20px;padding-left:500px;padding-top:100px;padding-bottom:100px;background:url(https://cdn.pixabay.com/photo/2018/02/06/18/33/mammal-3135405_1280.jpg)top no-repeat;font-size:10px;line-height:14px;color:#ffffff;"][div style="width:180px;height:380px;overflow:auto;background-color:#000000;opacity:.7;border:solid 1px #ffffff;border-radius:35px;padding:10px;"]POST[/div][/div][/div]

 

[alpha 13]

If you're on the mobile site (not the mobile app) this code should be viewable

[div style="width:200px;neight:300px;padding:25px;overflow:auto;font-size:10px;line-height:14px;color:#000000;background:url(https://i.imgur.com/vT0qGtz.jpg)top no-repeat;border-radius:30px;"][div style="width:180px;height:280px;padding:10px;overflow:auto;background-color:#ffffff;opacity:.7;border-radius:5px;"]POST
[/div][/div]

link to image source

[div style="width:200px;neight:300px;padding:25px;overflow:auto;font-size:10px;line-height:14px;color:#000000;background:url(https://i.imgur.com/vT0qGtz.jpg)top no-repeat;border-radius:30px;"][div style="width:180px;height:280px;padding:10px;overflow:auto;background-color:#ffffff;opacity:.7;border-radius:5px;"]POST
[/div][/div]

 

[alpha 13]

[div style="width:900px;overflow:auto;padding-left:200px;"][div style="width:900px;background:url(https://i.imgur.com/0kGpVVh.jpg)top no-repeat #1c1211;overflow:auto;padding-top:680px;padding-bottom:20px;font-size:10px;font-style:Times New Roman;line-height:15px;color:#ffffff;"][div style="width:800px;padding-left:90px;overflow:auto;"][div style="width:700px;padding-left:20px;padding-right:20px;background-color:#000000;border:solid 1px #ffffff;overflow:auto;"]
POST
[/div][/div][/div][/div]

[div style="width:900px;overflow:auto;padding-left:200px;"][div style="width:900px;background:url(https://i.imgur.com/0kGpVVh.jpg)top no-repeat #1c1211;overflow:auto;padding-top:680px;padding-bottom:20px;font-size:10px;font-style:Times New Roman;line-height:15px;color:#ffffff;"][div style="width:800px;padding-left:90px;overflow:auto;"][div style="width:700px;padding-left:20px;padding-right:20px;background-color:#000000;border:solid 1px #ffffff;overflow:auto;"]
POST
[/div][/div][/div][/div]

 

[Lyro]

Note that if you're only going to use inline styles, you can directly write [div=...] instead of [div style="..."]