Post by Dark on Mar 11, 2013 10:06:12 GMT -8
After a question from Skye, I've been searching around for some more advanced forms of post formatting. It took me forever to find the code I wanted because all of their links were dead. So we now have a few different options when it comes to formatting your posts super fancy!
The first choice is Enhanced Table Tags. An example of this is the Application Form. You essentially create a table that can have a background, specific width, and multiple columns or rows. It's fairly simple and easy to modify if you understand the basic UBBC codes of ProBoards.
The second is... Sorta confusing and I haven't fully figured it out myself, so we'll just jump on to the third.
The third is "Style Tags v2.1". What this allows you to do is use div classes and style codes to make a super shiny post. This is difficult to create from scratch without a pretty hefty knowledge in a few different kinds of HTML. However, lucky for us, a great number of sites have resources and templates for anyone to use.
I found the following code off Back to Neverland. In order to view their codes you have to make an account, though. There are also some on Caution 2.0. If it's easier for you, you can always PM me with a style or color theme in mind and I'll see what I can dig up. NOTE: If you use post templates, you must keep their credit on it, unless they specify otherwise.
Here's an example of the Style Tags in action:
| [atrb=cellpadding,0,true][atrb=cellspacing,0,true][atrb=border,0,true] i hear my name blow through the wind temptation to chase but who knows where it goes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ac ante at diam aliquet gravida. Phasellus pellentesque malesuada lectus, ut tristique nisi suscipit nec. Donec facilisis lectus vel enim cursus nec venenatis orci vulputate. Donec commodo leo molestie nulla fringilla suscipit sit amet eget lacus. Nam scelerisque leo eu lorem cursus sed viverra mi tempus. Praesent ante dolor, luctus vitae porttitor nec, ullamcorper quis eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris tempor imperdiet odio id scelerisque. Cras in erat ante, eu commodo augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur et volutpat est. Aliquam erat volutpat. Nunc nibh neque, adipiscing a pellentesque tempus, fringilla id urna. Vivamus ut orci a libero eleifend vulputate. Nulla facilisi. Proin cursus sollicitudin posuere. Vestibulum sed justo ut tortor pretium sagittis. Sed vitae leo quis eros lobortis vehicula eget sit amet lacus. Integer tempor nibh sed urna suscipit mattis. Vestibulum volutpat metus et quam aliquam vitae eleifend nisi volutpat. Sed varius molestie eleifend. Maecenas egestas mollis condimentum. Fusce sagittis quam ac lacus facilisis bibendum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin a sem felis, quis congue quam. Vestibulum ac convallis neque. Ut turpis erat, tempor sit amet pharetra eu, aliquam eget nunc. Aenean eu magna ac libero auctor dignissim. Nunc congue egestas sapien, vel aliquam libero iaculis vitae. Integer vel libero id justo gravida consequat ac at ipsum. Suspendisse nisl mauris, sagittis a iaculis a, tempor vitae elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vitae elit ut justo tempor rutrum. Donec euismod nulla vel lorem iaculis sit amet hendrerit felis porta. Suspendisse potenti. Duis condimentum condimentum bibendum. Donec ac eros quam. Donec ultricies, turpis nec rhoncus ornare, mauris mauris imperdiet odio, quis pharetra ipsum augue at urna. Sed laoreet sodales eros adipiscing gravida. Nullam iaculis eros id velit eleifend malesuada. Nulla nulla turpis, volutpat vitae sagittis in, consequat feugiat felis. Duis nec vehicula augue. Vestibulum eu lorem lorem, quis dictum dolor. Nullam sollicitudin placerat est, vitae placerat purus dapibus et. In vel ante eget lorem imperdiet elementum. Duis quis mauris arcu, eu tempus massa. Integer id mi quam. Duis ullamcorper sapien non quam fringilla eget accumsan velit accumsan. Pellentesque convallis mattis justo vel pretium. Maecenas pellentesque venenatis convallis. Nullam elementum, libero eu bibendum dignissim, sem libero rhoncus felis, vel ultrices quam enim nec enim. Vivamus vel leo nulla. Fusce mattis dolor a libero faucibus eleifend. In quis felis id urna vestibulum dignissim. Nunc pharetra condimentum nibh, sed commodo turpis feugiat non. Donec volutpat, lorem ut sollicitudin ultrices, lectus lorem laoreet odio, non interdum lacus arcu et sem. Integer metus purus, aliquet sit amet laoreet a, rutrum ac enim. Donec non eros id orci gravida luctus vitae a metus. Cras a ornare magna. In semper orci sit amet lacus ullamcorper imperdiet. In libero velit, rhoncus id suscipit commodo, volutpat a dui. derpina & herpina . TAGGED 0000 . WORDS so much more by bentley jones . LYRICS what wizardry is this! . COMMENTS |
[newclass=.hulabutt]background: url(http://i55.tinypic.com/116m04k.jpg); width: 100px; height: 100px; opacity: 0.5; -moz-opacity: 0.5; border-radius: 100px; -moz-border-radius: 100px; float: right; border-right: 5px solid #81A8B8; border-bottom: 5px solid #81A8B8;[/newclass]
[newclass=.dragonbutt]background: url(http://i55.tinypic.com/116m04k.jpg); width: 75px; height: 75px; opacity: 0.4; -moz-opacity: 0.4; border-radius: 75px; -moz-border-radius: 75px; float: right; margin-right: 10px;[/newclass]
[newclass=.chickenbutt]background: url(http://i55.tinypic.com/116m04k.jpg); width: 50px; height: 50px; opacity: 0.3; -moz-opacity: 0.3; border-radius: 50px; -moz-border-radius: 50px; float: right; margin-right: 10px;[/newclass]
[newclass=.blockbutt]width: 346px; height: 5px; background-color: #81A8B8; position: relative; top: 100px; opacity: 0.5; -moz-opacity: 0.5; border-radius: 100px;[/newclass]
[newclass=.trkylgz]text-align: center; padding-left: 5px; font-size: 30px; font-family: times new roman; font-weight: bold; font-style: italic; letter-spacing: -2px; line-height: 24px; color: #81A8B8; position: relative; left: 0px; text-transform: lowercase;[/newclass]
[newclass=.mooseburger]text-align: center; padding: 2px 5px 2px 5px; font-size: 9px; font-family: times new roman; letter-spacing: 1px; line-height: 10px; color: #A4BCC2; text-transform: uppercase; width: 390px;[/newclass]
[newclass=.imaeatchooup]background-color: #DBE6EC; color: #696969; width: 380px; padding: 10px; font-size: 9.5px; font-family: verdana; line-height: 11px; text-align: justify; border-radius: 20px; -moz-border-radius: 20px; height: 300px; overflow: auto;[/newclass]
[newclass=.badfence]color: #81A8B8; margin: 10px 20px 0px 20px; font-size: 9px; font-family: verdana; letter-spacing: 1px; line-height: 10px; text-align: right;[/newclass]
EXTRA NOTE: These codes all tend to look better in Firefox or Chrome. If you're using Internet ExplorerOMGSTOPJUSTSTOP, I suggest downloading Firefox. Your computer will thank you.