Hernando's BBcode Thread
Jul 3, 2015 17:07:13 GMT -6
dirkgently, Mystic Wanderer, and 4 more like this
Post by Deleted on Jul 3, 2015 17:07:13 GMT -6
ellez,orphianight,theboyinadress,@wrabbit2000,@snarky412,@ninurta,Nugget,Michigan Swamp Buck,Mystic Wanderer,@stormdancer777,dirkgently
Azure's Tavern Wall Meme
In order to embed a graphic into your page and create a meme, you will need to copy and past this code into your post. You will want to select the bbcode tab at the bottom of your editor, and past it in there, so that when you select the preview - it will generate the page for you.
Once you get this pasted into your editor, go ahead and hit preview so that it will generate the code you are starting with. You should be looking at this basic bbcode when you hit the preview button. If you accidently started out from the preview tab. Don't worry. Just click the bbcode tab, and re-click the preview button. As long as you copy and pasted the code in the above box - this is the image that should appear.
(Text goes Here)
(c) AZURE
Everything in your code is adjustable. So once you get that down. Your golden. That's it. Everything else is a cut and paste - plug in method. The more you work with and master one code, the easier it is to read new codes and progress. Before you know it, when somebody asks you if you can write code - you will be able to show your stuff and put out some basic code. If not, just bookmark this thread - and you'll be able to find quick and easy - copy and paste code to work with.
The first thing you will need to do to start customizing the code - is locate an image on a site like imgur or photo bucket. You will need the images web address to plug into your code. Just like you already do on a post. Try to find an image that's 500 pixels wide. Otherwise, you will need to re-size your image or adjust the height and width within the code yourself. Yep, it's that easy. Be sure to leave the (' ') around the web address or you will break your link within your code. You can then adjust your title, the body of your text, and the footer or copyright down at the bottom. To achieve a transparent middle section in your background, I changed the opacity to 0.01
You can also change the colors of your text. The color hex chart below is compatible with Proboards.
I have a few more codes I've found, that are particularly useful for spicing up your stories that were codes written specifically for proboards. I will add them here as time permits.
Azure's BBcode - Source Link
Azure's Tavern Wall Meme
In order to embed a graphic into your page and create a meme, you will need to copy and past this code into your post. You will want to select the bbcode tab at the bottom of your editor, and past it in there, so that when you select the preview - it will generate the page for you.
[div align="right"][div align="center"][div style="width:500px;height:inherit;border-right-color:#000000;border-left-color:#000000;border-right-width:0px;border-left-width:0px;border-right-style:solid;border-left-style:solid;background-image:url('IMAGE-URL-NO-IMG-CODES-JUST-LINKS');"][div style="text-align:center;letter-spacing:-3px;font-family:georiga;font-size:35px;border-bottom-color:#ffffff;border-bottom-width:5px;border-bottom-style:dotted;"][font color="#ffffff"]-Title-[/font][/div][div style="padding:3px;border-radius:10px;width:440px;height:270px;overflow:auto;margin-top:10px;margin-left:25px;background-color:#000000;opacity:0.50;"]
[div align="center"][font color="white"][b]
(Text goes Here)
[/font][/div][/div]
[div style="text-align:center;letter-spacing:3px;font-family:georiga;font-size:12px;border-top-color:#ffffff;border-top-width:5px;border-top-style:dotted;"][font color="white"]
(c) AZURE[/font][/div][/div][/div][/div]
Once you get this pasted into your editor, go ahead and hit preview so that it will generate the code you are starting with. You should be looking at this basic bbcode when you hit the preview button. If you accidently started out from the preview tab. Don't worry. Just click the bbcode tab, and re-click the preview button. As long as you copy and pasted the code in the above box - this is the image that should appear.
-Title-
(Text goes Here)
(c) AZURE
Everything in your code is adjustable. So once you get that down. Your golden. That's it. Everything else is a cut and paste - plug in method. The more you work with and master one code, the easier it is to read new codes and progress. Before you know it, when somebody asks you if you can write code - you will be able to show your stuff and put out some basic code. If not, just bookmark this thread - and you'll be able to find quick and easy - copy and paste code to work with.
The first thing you will need to do to start customizing the code - is locate an image on a site like imgur or photo bucket. You will need the images web address to plug into your code. Just like you already do on a post. Try to find an image that's 500 pixels wide. Otherwise, you will need to re-size your image or adjust the height and width within the code yourself. Yep, it's that easy. Be sure to leave the (' ') around the web address or you will break your link within your code. You can then adjust your title, the body of your text, and the footer or copyright down at the bottom. To achieve a transparent middle section in your background, I changed the opacity to 0.01
You can also change the colors of your text. The color hex chart below is compatible with Proboards.
I have a few more codes I've found, that are particularly useful for spicing up your stories that were codes written specifically for proboards. I will add them here as time permits.
Azure's BBcode - Source Link