Free Codes [L]
Jul 12, 2018 4:07:10 GMT -5
Post by L on Jul 12, 2018 4:07:10 GMT -5
Hey y'all. Remember I said something about gifts? I'm trying to get back into the swing of BBCode so I've tried to recreate some of my HTML tables in BBCode. They're here, free of charge! :-) You may do whatever you want to them, and definitely feel free to ask me if you have any questions about what does what and where.
I'm nothing much of a coder, haha, but I've also done a small guide to how to make a (very) simple one.
To make this table:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at dictum risus. Donec in quam iaculis, interdum ex a, fermentum lectus. Proin sit amet sodales dolor. Praesent molestie mattis felis eu ornare. Phasellus ligula lectus, finibus in porttitor vel, finibus eget libero. Nam cursus, lacus id lobortis bibendum, leo neque hendrerit massa, in accumsan leo ipsum at sem. Integer viverra eros vel libero tincidunt porttitor.
Pellentesque et posuere enim. Maecenas nec metus non quam dapibus tempor nec et quam. Proin placerat rutrum odio. Nunc volutpat urna vel erat euismod, sit amet imperdiet ante sodales. Nulla ullamcorper malesuada neque nec ultrices. Etiam id odio mattis, congue turpis nec, elementum magna. Maecenas ut erat ut mauris rutrum blandit. Nulla porttitor faucibus metus tincidunt eleifend. Vestibulum condimentum lobortis commodo. Vestibulum ornare varius leo, non faucibus lacus laoreet quis. Vivamus quis lacus quis libero vehicula porttitor at vitae lorem. Vivamus sodales fermentum blandit. Nulla vitae nulla non tortor aliquam luctus at vitae metus. Nulla facilisi.
Fusce at elit quis mi sodales sagittis. Duis sollicitudin ut sapien quis tristique. Nullam eu tortor ornare, porta urna eu, consequat est. Nulla diam leo, finibus ac massa quis, tempus tempus metus. Nulla efficitur ipsum leo, eget vehicula leo semper accumsan. Suspendisse accumsan ex nec turpis porta, nec fringilla tortor convallis. Fusce quam magna, consequat ac euismod a, mattis eget odio.
You're gonna want to have a look at this code here: (To all the mods, I'm sorry my code breaks the code box ;-; it doesn't on other sites but somehow it seems to spill out? and I don't know how to fix it sobs
The first [*div] tag sets the parameters of your base, so to speak. 500 pixels in width, 10% of the table from the top (pushes everything down by 10%). That's for the character name (padding-top). Also a background colour.
The next one is my Character Name div, with font set for arial, a specific size and colour, and a specific amount of space between the letters. I've also centered it (+padding left so it's a bit more centered) and added padding-bottom of 10% so it sits comfortably in the middle. Close this div, don't leave it open to close later or the next div will go into it.
Next is my text div. It sets for font family (what we know as font), font size, font colour - everything that will appear as text! It also sets padding (so it's not touching the edges of the table), as well as text alignment. After that I add another small div, text centered, for speech legends. Nothing complicated and you don't even need it if you're just going to bold your text... LOL
I do a [*span] tag for the speech because it's not an actual div, just telling the computer that you should make these settings apply from here to here. Which is what span means. Tag naming is quite logical.
Then I close all the tags!
Now, to the first free table :)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at dictum risus. Donec in quam iaculis, interdum ex a, fermentum lectus. Proin sit amet sodales dolor. Praesent molestie mattis felis eu ornare. Phasellus ligula lectus, finibus in porttitor vel, finibus eget libero. Nam cursus, lacus id lobortis bibendum, leo neque hendrerit massa, in accumsan leo ipsum at sem. Integer viverra eros vel libero tincidunt porttitor.
Pellentesque et posuere enim. Maecenas nec metus non quam dapibus tempor nec et quam. Proin placerat rutrum odio. Nunc volutpat urna vel erat euismod, sit amet imperdiet ante sodales. Nulla ullamcorper malesuada neque nec ultrices. Etiam id odio mattis, congue turpis nec, elementum magna. Maecenas ut erat ut mauris rutrum blandit. Nulla porttitor faucibus metus tincidunt eleifend. Vestibulum condimentum lobortis commodo. Vestibulum ornare varius leo, non faucibus lacus laoreet quis. Vivamus quis lacus quis libero vehicula porttitor at vitae lorem. Vivamus sodales fermentum blandit. Nulla vitae nulla non tortor aliquam luctus at vitae metus. Nulla facilisi.
Fusce at elit quis mi sodales sagittis. Duis sollicitudin ut sapien quis tristique. Nullam eu tortor ornare, porta urna eu, consequat est. Nulla diam leo, finibus ac massa quis, tempus tempus metus. Nulla efficitur ipsum leo, eget vehicula leo semper accumsan. Suspendisse accumsan ex nec turpis porta, nec fringilla tortor convallis. Fusce quam magna, consequat ac euismod a, mattis eget odio.
I'm nothing much of a coder, haha, but I've also done a small guide to how to make a (very) simple one.
To make this table:
CHARACTER NAME
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at dictum risus. Donec in quam iaculis, interdum ex a, fermentum lectus. Proin sit amet sodales dolor. Praesent molestie mattis felis eu ornare. Phasellus ligula lectus, finibus in porttitor vel, finibus eget libero. Nam cursus, lacus id lobortis bibendum, leo neque hendrerit massa, in accumsan leo ipsum at sem. Integer viverra eros vel libero tincidunt porttitor.
Pellentesque et posuere enim. Maecenas nec metus non quam dapibus tempor nec et quam. Proin placerat rutrum odio. Nunc volutpat urna vel erat euismod, sit amet imperdiet ante sodales. Nulla ullamcorper malesuada neque nec ultrices. Etiam id odio mattis, congue turpis nec, elementum magna. Maecenas ut erat ut mauris rutrum blandit. Nulla porttitor faucibus metus tincidunt eleifend. Vestibulum condimentum lobortis commodo. Vestibulum ornare varius leo, non faucibus lacus laoreet quis. Vivamus quis lacus quis libero vehicula porttitor at vitae lorem. Vivamus sodales fermentum blandit. Nulla vitae nulla non tortor aliquam luctus at vitae metus. Nulla facilisi.
Fusce at elit quis mi sodales sagittis. Duis sollicitudin ut sapien quis tristique. Nullam eu tortor ornare, porta urna eu, consequat est. Nulla diam leo, finibus ac massa quis, tempus tempus metus. Nulla efficitur ipsum leo, eget vehicula leo semper accumsan. Suspendisse accumsan ex nec turpis porta, nec fringilla tortor convallis. Fusce quam magna, consequat ac euismod a, mattis eget odio.
"speech"
You're gonna want to have a look at this code here: (To all the mods, I'm sorry my code breaks the code box ;-; it doesn't on other sites but somehow it seems to spill out? and I don't know how to fix it sobs
[center][div style="width:500px;padding-top:10%;background: #15120a;"][div style="font-family:arial; letter-spacing:20px; color:#ffffff; text-align: center; padding-bottom:10%; padding-left:14px;"]CHARACTER NAME[/div][div style="background: #15120a; padding: 1px 16px 30px 16px;font-size: 11px;font-family: georgia;color: #8f8f8f; text-align:justify;"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at dictum risus. Donec in quam iaculis, interdum ex a, fermentum lectus. Proin sit amet sodales dolor. Praesent molestie mattis felis eu ornare. Phasellus ligula lectus, finibus in porttitor vel, finibus eget libero. Nam cursus, lacus id lobortis bibendum, leo neque hendrerit massa, in accumsan leo ipsum at sem. Integer viverra eros vel libero tincidunt porttitor.
Pellentesque et posuere enim. Maecenas nec metus non quam dapibus tempor nec et quam. Proin placerat rutrum odio. Nunc volutpat urna vel erat euismod, sit amet imperdiet ante sodales. Nulla ullamcorper malesuada neque nec ultrices. Etiam id odio mattis, congue turpis nec, elementum magna. Maecenas ut erat ut mauris rutrum blandit. Nulla porttitor faucibus metus tincidunt eleifend. Vestibulum condimentum lobortis commodo. Vestibulum ornare varius leo, non faucibus lacus laoreet quis. Vivamus quis lacus quis libero vehicula porttitor at vitae lorem. Vivamus sodales fermentum blandit. Nulla vitae nulla non tortor aliquam luctus at vitae metus. Nulla facilisi.
Fusce at elit quis mi sodales sagittis. Duis sollicitudin ut sapien quis tristique. Nullam eu tortor ornare, porta urna eu, consequat est. Nulla diam leo, finibus ac massa quis, tempus tempus metus. Nulla efficitur ipsum leo, eget vehicula leo semper accumsan. Suspendisse accumsan ex nec turpis porta, nec fringilla tortor convallis. Fusce quam magna, consequat ac euismod a, mattis eget odio.
[div style="text-align:center;"][span style="font-family:Times; font-size:12px; color: rgba(204, 234, 25, 0.77);"]"speech"[/span][/div][/div]
[/div][/center]
The first [*div] tag sets the parameters of your base, so to speak. 500 pixels in width, 10% of the table from the top (pushes everything down by 10%). That's for the character name (padding-top). Also a background colour.
The next one is my Character Name div, with font set for arial, a specific size and colour, and a specific amount of space between the letters. I've also centered it (+padding left so it's a bit more centered) and added padding-bottom of 10% so it sits comfortably in the middle. Close this div, don't leave it open to close later or the next div will go into it.
Next is my text div. It sets for font family (what we know as font), font size, font colour - everything that will appear as text! It also sets padding (so it's not touching the edges of the table), as well as text alignment. After that I add another small div, text centered, for speech legends. Nothing complicated and you don't even need it if you're just going to bold your text... LOL
I do a [*span] tag for the speech because it's not an actual div, just telling the computer that you should make these settings apply from here to here. Which is what span means. Tag naming is quite logical.
Then I close all the tags!
Now, to the first free table :)
CHARACTER NAME
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at dictum risus. Donec in quam iaculis, interdum ex a, fermentum lectus. Proin sit amet sodales dolor. Praesent molestie mattis felis eu ornare. Phasellus ligula lectus, finibus in porttitor vel, finibus eget libero. Nam cursus, lacus id lobortis bibendum, leo neque hendrerit massa, in accumsan leo ipsum at sem. Integer viverra eros vel libero tincidunt porttitor.
Pellentesque et posuere enim. Maecenas nec metus non quam dapibus tempor nec et quam. Proin placerat rutrum odio. Nunc volutpat urna vel erat euismod, sit amet imperdiet ante sodales. Nulla ullamcorper malesuada neque nec ultrices. Etiam id odio mattis, congue turpis nec, elementum magna. Maecenas ut erat ut mauris rutrum blandit. Nulla porttitor faucibus metus tincidunt eleifend. Vestibulum condimentum lobortis commodo. Vestibulum ornare varius leo, non faucibus lacus laoreet quis. Vivamus quis lacus quis libero vehicula porttitor at vitae lorem. Vivamus sodales fermentum blandit. Nulla vitae nulla non tortor aliquam luctus at vitae metus. Nulla facilisi.
Fusce at elit quis mi sodales sagittis. Duis sollicitudin ut sapien quis tristique. Nullam eu tortor ornare, porta urna eu, consequat est. Nulla diam leo, finibus ac massa quis, tempus tempus metus. Nulla efficitur ipsum leo, eget vehicula leo semper accumsan. Suspendisse accumsan ex nec turpis porta, nec fringilla tortor convallis. Fusce quam magna, consequat ac euismod a, mattis eget odio.
"speech"
[center][div style="width:500px;background:url('https://4.bp.blogspot.com/-I-Pv4kGk_hc/WCtAKVYmvrI/AAAAAAAAOA8/wYzVFswzUkMlvDwuVHWybImcnvRMOoxowCLcB/s1600/large.gif') 0% -13% no-repeat;padding-top:10%;background-size: contain;"][div style="font-family:arial; letter-spacing:20px; color:#ffffff; text-shadow:0 0 3px; text-align: center; padding-left:14px; padding-bottom:10%;"]CHARACTER NAME[/div][div style="background: #15120a; padding: 1px 16px 30px 16px;font-size: 11px;font-family: georgia;color: #8f8f8f; text-shadow: rgb(0 0 0) 0 0 3px; text-align:justify; line-height:14.5px;"]
[div style="text-align:center;"][span style="font-family:Times; font-size:12px; color: rgba(204, 234, 25, 0.77); text-shadow: rgba(204, 234, 25, 0.50) 0 0 5px;"]"speech"[/span][/div][/div]
[/div][/center]