Coding help with posting table

[mysticrystal]

I'm sorry if this is the wrong place but I've found this template but I can't get it to work on proboards. It uses a lot of mouse over things, but I just want it how it looks. If someone would be able to code this for me, that would be amazing. It will be used on this site.
Basically I want it exactly how it looks, four boxes, two on top and two on bottom with the image in the center of each and all the info that comes with it. Thank you so much in advance. 

[Night]

Quick question so we can get more information.  Are you using the Style Tags plugin on your forum?  As that could be the reason it is not appearing as it should.

[mysticrystal]

oh no, I didn't know that was a thing. Will that let me use code like this:

SPOILER: Click to show

[attr="class","ullaBG"]

[attr="class","ullaBack"]

[attr="class","ullaTitle"]
ulla says

[attr="class","ullaTxt"]

one post below and let me know where you're using it![break][break]

two this template uses nospaces, so don't forget to use [*break] tags when denoting line breaks [break][break]

three no jcink version available for this one, sorry![break][break]

four the accents are #c55252, #54bcca, #d8d365, and #af65bd[break][break]

five check out the matching multiplotter

[attr="class","ullaHash"][HASH]proboards [HASH]wantedad [HASH]icontemplate [HASH]accentcolors [HASH]lighttemplate

[newclass=.ullaBG]background-color:#fff;border:#ccc 1px solid;border-radius:3px;width:350px;padding:5px;[/newclass][newclass=.ullaBack]background-color:#e6f7ed;padding:10px;[/newclass][newclass=.ullaTxt]background-color:#fff;border-radius:3px;width:250px;margin-left:7px;padding:10px;font-family:arial;font-size:10px;text-align:justify;height:80px;overflow:auto;[/newclass][newclass=.ullaTxt b]color:#56a576;font-family:courier new;text-transform:uppercase;letter-spacing:1px;[/newclass][newclass=.ullaTitle]float:left;width:50px;font-family:courier new;font-size:9px;letter-spacing:1px;text-transform:uppercase;text-shadow:#fff 0 1px,#fff 1px 0,#fff -1px 0,#fff 0 -1px;[/newclass][newclass=.ullaTitle IMG]margin-bottom:5px;margin-top:10px;[/newclass][newclass=.ullaHash]margin-top:10px;background-color:#fff;padding:5px;font-family:trebuchet ms;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#639677;border-radius:3px;[/newclass][newclass=.ullaHash a]color:#639677;[/newclass][break]


[nospaces]

[attr="class","fireescape"] [attr="class","fire"] [attr="class","escape"] [attr="class","church"]THE EMPEROR [attr="class","glass"] [attr="class","feet"] name[break] open [attr="class","glass"] [attr="class","feet"] face claim[break] open [attr="class","glass"] [attr="class","feet"] gender[break] open [attr="class","glass"] [attr="class","feet"] age[break] open [attr="class","glass"] [attr="class","feet"] trait[break] open [attr="class","night"] Hey, dark eyes Rest with me a while as I drift closer to sleep But still cannot Still cannot find no peace And you let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church Hey, murderer The killing keeps us close enough Hey, murderer Every breath you steal is a breath that I breathe for you You let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church ulla

[attr="class","fireescape"] [attr="class","fire"] [attr="class","escape"] [attr="class","church"]THE PHANTOM [attr="class","glass"] [attr="class","feet"] name[break] open [attr="class","glass"] [attr="class","feet"] face claim[break] open [attr="class","glass"] [attr="class","feet"] gender[break] open [attr="class","glass"] [attr="class","feet"] age[break] open [attr="class","glass"] [attr="class","feet"] trait[break] open [attr="class","night"] Hey, dark eyes Rest with me a while as I drift closer to sleep But still cannot Still cannot find no peace And you let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church Hey, murderer The killing keeps us close enough Hey, murderer Every breath you steal is a breath that I breathe for you You let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church ulla

[attr="class","fireescape"] [attr="class","fire"] [attr="class","escape"] [attr="class","church"]THE PERFECT COPY [attr="class","glass"] [attr="class","feet"] name[break] open [attr="class","glass"] [attr="class","feet"] face claim[break] open [attr="class","glass"] [attr="class","feet"] gender[break] open [attr="class","glass"] [attr="class","feet"] age[break] open [attr="class","glass"] [attr="class","feet"] trait[break] open [attr="class","night"] Hey, dark eyes Rest with me a while as I drift closer to sleep But still cannot Still cannot find no peace And you let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church Hey, murderer The killing keeps us close enough Hey, murderer Every breath you steal is a breath that I breathe for you You let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church ulla

[attr="class","fireescape"] [attr="class","fire"] [attr="class","escape"] [attr="class","church"]THE GIANT [attr="class","glass"] [attr="class","feet"] name[break] open [attr="class","glass"] [attr="class","feet"] face claim[break] open [attr="class","glass"] [attr="class","feet"] gender[break] open [attr="class","glass"] [attr="class","feet"] age[break] open [attr="class","glass"] [attr="class","feet"] trait[break] open [attr="class","night"] Hey, dark eyes Rest with me a while as I drift closer to sleep But still cannot Still cannot find no peace And you let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church Hey, murderer The killing keeps us close enough Hey, murderer Every breath you steal is a breath that I breathe for you You let go of glass at our feet That rang through the night And you take the fire escape Run down the street to the church ulla

[newclass=.fire]height:85px;width:100%;[/newclass]

[newclass=.church]color:#ddd;text-transform:uppercase;font-family:Ubuntu Condensed;font-size:25px;margin-top:-10px;text-shadow:1px 1px 0px #aaa;[/newclass]

[newclass=.escape]height:100px;width:100px;border-radius:100%;border:#fff 10px solid;margin-top:-75px;[/newclass]

[newclass=.glass]font-family:courier new;font-size:10px;font-weight:bold;overflow:hidden;height:10px;text-align:center;color:#bbb;text-transform:uppercase;letter-spacing:1px;border:#ddd 1px solid;padding:3px;[/newclass]

[newclass=.feet]margin-top:0px;transition:.5s;[/newclass]

[newclass=.glass:hover .feet]margin-top:-12px;transition:.5s;[/newclass]

[newclass=.night]border:#ddd 1px solid;padding:5px;overflow:auto;height:100px;width:185px;text-align:justify;color:#bbb;font-size:10px;margin-top:3px;[/newclass]

[newclass=.fireescape ::-webkit-scrollbar]background-color:#fff;width:7px;[/newclass]

[newclass=.fireescape ::-webkit-scrollbar-track-piece]background-color:#eee;border-left:#fff 3px solid;border-right:#fff 3px solid;[/newclass]

[newclass=.fireescape ::-webkit-scrollbar-thumb]background-color:#eee;border:#fff 2px solid;[/newclass]



[googlefont=Ubuntu Condensed]

this is the original code for the post above.

[Night]

Yes, the Style Tags plugin allows for all the class and attr tags to be viewable in posts.  Though it should be mentioned, if someone is viewing your site via mobile it will not look as it should since plugins do not load on the mobile site.  (If site is viewed as desktop on a phone, it will look as it is meant to, just the mobile view is incomplete).  I don't know if the plugin is in the Proboards Plugin Library, I'd look there first.  If not, just search the resource site you got the code from and it should be mentioned there.

Also, if you plan on using pre-made templates, I'd suggest getting both the Style Tags plugin and the Tabbed Page Plugin. Both will allow pre-made templates to work properly.

If you have more questions feel free to ask!

[mysticrystal]

I found the style tag plugin but I haven't been able to find the tabbed page plugin.

The only question I have is: is there a way to get the code to show up correctly in 'preview?'

[Night]

Sadly it will not show up correctly in preview, the easiest way is to just use the BBCode view.  Sometimes editing the post in preview can mess up the code and make it post incorrectly.  Posting the thread/post as you go to see if it looks proper is quite accepted on most rp forums I have been a part of.  

Here is a link  to the tabbed sections in post plugin (I forgot the official name other than the tabbed part).