[Code] Simple BBcode table
#1
I don't know if anyone has done this before, but I needed something quick to post with for SoSu, and my favourite web-safe font is Georgia hands-down. I thought I'd share this. It only uses BBcode, so no HTML. Downside is no fancy formatting, but meh Big Grin Lemme know what you guys think? For all I know this table could explode haha.

Code:
[size=120][font=Georgia]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet quam iaculis, cursus magna id, rhoncus nunc. Nullam sed interdum justo. Sed at dignissim purus, eget rutrum libero. Proin ut suscipit elit. Maecenas ultrices purus et lectus vestibulum rhoncus. In suscipit vulputate est, sit amet aliquet neque tempor a. Fusce placerat magna eu mauris condimentum, in tincidunt eros scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur ultrices pellentesque purus, a faucibus dui sodales ac.

Nulla sem elit, ornare rhoncus urna ac, luctus placerat lacus. Quisque venenatis eros arcu, a volutpat justo vulputate porta. Integer id nisi at metus ullamcorper imperdiet. Nulla eget viverra felis, eu auctor sem. Sed a metus fermentum, finibus nunc in, laoreet lacus. Aliquam vel eros sit amet elit maximus tempor. In at efficitur sapien, eu euismod sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sagittis neque sit amet risus tempus, et rhoncus leo volutpat. Nunc feugiat neque urna, eu ullamcorper mi auctor id. Pellentesque porttitor aliquet sem, eget venenatis dui gravida vel.
_____________________________________________________________________
[b]000+[/b] [i]ooc here[/i][/font][/size]


For reference, here's what it looks like:

[size=120]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet quam iaculis, cursus magna id, rhoncus nunc. Nullam sed interdum justo. Sed at dignissim purus, eget rutrum libero. Proin ut suscipit elit. Maecenas ultrices purus et lectus vestibulum rhoncus. In suscipit vulputate est, sit amet aliquet neque tempor a. Fusce placerat magna eu mauris condimentum, in tincidunt eros scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur ultrices pellentesque purus, a faucibus dui sodales ac.

Nulla sem elit, ornare rhoncus urna ac, luctus placerat lacus. Quisque venenatis eros arcu, a volutpat justo vulputate porta. Integer id nisi at metus ullamcorper imperdiet. Nulla eget viverra felis, eu auctor sem. Sed a metus fermentum, finibus nunc in, laoreet lacus. Aliquam vel eros sit amet elit maximus tempor. In at efficitur sapien, eu euismod sem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer sagittis neque sit amet risus tempus, et rhoncus leo volutpat. Nunc feugiat neque urna, eu ullamcorper mi auctor id. Pellentesque porttitor aliquet sem, eget venenatis dui gravida vel.
_____________________________________________________________________
000+ ooc here
[/size]
[html]

<div class="VirueSignature">

<div id="signature-icons">
<a href="#" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="http://soulsrpg.com/forum/ucp.php?i=pm&amp;mode=compose&amp;u=3363" class="player-contact" title="CONTACT: PM Virue"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Daniel(2)" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="#!" class="skill-stealth" title="Virue is naturally skilled in stealth and spying."></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Virue" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="#!" class="character-note" title="Virue can't smell (anosmia)."></a>
</div>

<style>@import url('/images/icons/postsig/signature-icons.css');

.VirueSignature {width:100%; text-align:center; margin:0 auto;}

.VirueGeneratedText { font-family: 'Architects Daughter', cursive;font-size:17px;letter-spacing:0.4em;line-height:1.0em;color:#ff0000;padding:1.5px; font-weight: bold; font-variant: small-caps;}

.VirueSignature #signature-icons a {background-repeat: no-repeat; display:inline-block; position:relative; margin:0; opacity:.35; filter:alpha(opacity=35%); transition:200ms linear all; -moz-transition:200ms linear all; border-bottom: 3px solid transparent; }

.VirueSignature #signature-icons a:hover, .VirueSignature #signature-icons a:focus, .VirueSignature #signature-icons a:active {opacity:1; filter:alpha(opacity=100%); border-bottom: 4px solid #ff0000; box-shadow: 0px 0px 2px #000;}
</style>
</div>

<div class="VirueGeneratedText">
gotta gotta be down because I want it all
<link href="https://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet">
</div>

[/html]
  Reply
#2
I love the look and easy BBcode. c: I'm gonna use this.
[html]<style>
@import url('//fonts.googleapis.com/css?family=Alegreya+SC');
@import url('/images/icons/postsig/signature-icons.css');
.JuliaSigOuter {width: 300px; margin: 0 auto; text-align: center; background-image:url('https://i.imgur.com/ZLQIAXJ.png'); background-repeat: no-repeat; background-position: top center; padding-top: 50px;}
.JuliaSigName {font-family: 'Alegreya SC'; font-size: 28px; text-shadow: 0 0 5px #fff; margin-bottom: -30px;}
.JuliaSigSplit {border-bottom: 1px solid black; margin-bottom: 5px; margin-top: -5px;}
#signature-icons a {
background-repeat: no-repeat;
display:inline-block;
position:relative;
margin:0;
opacity:.35;
filter:alpha(opacity=35%);
transition:200ms linear all;
-moz-transition:200ms linear all;
border-bottom: 3px solid transparent;

}
.JuliaSigOuter #signature-icons a:hover,
.JuliaSigOuter #signature-icons a:focus,
.JuliaSigOuter #signature-icons a:active
{
opacity:1;
filter:alpha(opacity=100%);
border-bottom: 3px solid #f0d82a; /* change the color under the icons when you hover over them on this line */
}
</style>

<div class="JuliaSigOuter">
<span class="JuliaSigName">Julia</span>
<div class="JuliaSigSplit"></div>
<div id="signature-icons">
<a href="https://wiki.soulsrpg.com/index.php?n=Players.DreadAdoptions" class="adoptables-available" title="ADOPTABLES available!"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Players.Dread" target="_blank" title="PLAYER WIKI" class="player-wiki"></a>
<a href="#!" class="reply-medium" title="REPLY SPEED: MEDIUM"></a>
<a href="#!" title="I prefer if you do NOT use graphical tables in our threads. Thanks!" class="no-tables"></a>
<a href="#!" title="I will roleplay mature material." class="will-mature"></a>
<a href="https://soulsrpg.com/forum/viewtopic.php?f=12&t=38402" title="Plot Available!" class="plot-available"></a>
</br>
<a href="https://soulsrpg.com/forum/viewtopic.php?f=12&t=38402" title="OPEN FOR THREADS!" class="open-for-threads"></a>
<a href="http://wiki.soulsrpg.com/index.php?n=Characters.Julia" target="_blank" title="CHARACTER WIKI" class="character-wiki"></a>
<a href="#!" target="_blank" title="Julia is deaf and her spoken words are not very clear. They may sound heavily accented or like gibberish." class="foreign-language"></a>
<a href="#!" class="mature-character" title="MATURE CHARACTER. Sensitive viewers beware."></a>
<a href="#!" class="references-okay" title="OOC references okay."></a>
<a href="#!" class="optime-preference" title="OPTIME unless otherwise stated."></a>
</br>
<a href="#!" class="apparel-accessories" title="Julia typically wears a dress of some sort and a gray hoodie."></a>
<a href="#!" class="character-note" title="Julia is deaf and only communicates through sign language or written word.."></a>
<a href="#!" class="scent-warning" title="Julia disguises their scent with flower oils, soil, and fire smoke."></a>
<a href="#!" class="skill-scholar" title="Character is a skilled artist and mapmaker."></a>
<a href="#!" class="skill-stealth" title="Character is skilled in stealth."></a>
</br>
<center>Avatar by Libri</center>
</div>
</div>[/html]
  Reply


Forum Jump: