ii. The Coder's Society

coding
tcs

#381

I’d really like to get THIS to work in Discourse, like the way it used to on the old Forums!

<center><blockquote style= “background-image:url(‘http://oi39.tinypic.com/k1z8fc.jpg’);”><font face=“Microsoft Sans Serif"font size=“4"font color=“551A8B”><BR><B>Queer is whatever society considers Not Normal.<BR><a href=https://goo.gl/sNn3Qt target=”_blank”><img src=http://oi41.tinypic.com/33ern7c.jpg Width="114"Height=“158”><img src=https://i1346.photobucket.com/albums/p688/HardeeBurger/QueerSpaceGIF2_zps7e6120b4.gif Width=“158"Height=“158”><img src=http://oi39.tinypic.com/12214ci.jpg Width=“114"Height=“158”></a><BR><font color=“3A5FCD”>It has as much to do with gender identification as it does with sexual preference.<BR><a href= https://goo.gl/sNn3Qt target=”_blank”><img src=http://oi43.tinypic.com/16m2dqo.jpg Width=“115"Height=“169”><img src=http://oi44.tinypic.com/idum3d.jpg Width=“169"Height=“169”><img src=http://oi44.tinypic.com/2u9movm.jpg Width=“115"Height=“169”> </a><BR><font color=“008000”>Anyone who feels marginalized by society can find solace under the banner known as<BR><a href= https://goo.gl/sNn3Qt target=”_blank”><img src=http://oi42.tinypic.com/2n9i6wg.jpg Width=“395"Height=“170”></a><font color=“EEEE00”>To that end, behold Mu-Beta-Prime — an outpost so dismal that its inhabitants must burrow underground to escape the cosmic radiation of their sun. Here you’ll find Maybell<BR><a href=https://goo.gl/sNn3Qt target=”_blank”><img src=http://oi43.tinypic.com/1zl7od1.jpg Width="130"Height=“125”><img src=http://oi39.tinypic.com/2vd31tw.jpg Width=“130"Height=“125”><img src=http://oi42.tinypic.com/210y4no.jpg Width=“130"Height=“125”></a><BR><font color=“FFA500”>And her genetically altered friends. A trio of Queers that were tailor made for one another.<BR>Quite literally.<BR>See what happens when these Queers get their Freak on<BR><a href=https://goo.gl/sNn3Qt target=”_blank”><img src= https://a.wattpad.com/cover/6907838-256-k882354.jpg Width="200"Height=“315”><BR><BR><font color=“551A8B” font size=“6”><b>On Wattpad<BR></a></blockquote>

:-).


#382

Just change anything with style in the front to <span style=“font-size:;”> to make it work.

font-size:; must be included even if there is no value for it.

To make it work like a div, just add in display: block so it looks like <span style=“font-size:; display: block;”>

After you add those in, you can keep the rest after.

e.g. <span style=“font-size:; display: block; color: green; border: 2px solid red;”>

Yo.


#383

So… either I’m blind or Discourse auto changes double straight quote marks to double smart ones.

Test: "

Test2: “font-size: 12px;”


58%20AM

[what I typed]

18%20AM

[what I see]


I’m learning new things all the time on this site.


#384

Yeah… Me too. :-).


#385

So, what layout did you want for the shark story ad? Same layout?


#386

TESTING SOMETHING:


Queer is whatever society considers Not Normal.

It has as much to do with gender identification as it does with sexual preference.

Anyone who feels marginalized by society can find solace under the banner known as
To that end, behold Mu-Beta-Prime — an outpost so dismal that its inhabitants must burrow underground to escape the cosmic radiation of their sun. Here you’ll find Maybell

And her genetically altered friends. A trio of Queers that were tailor made for one another.
Quite literally.
See what happens when these Queers get their Freak on


On Wattpad

<center><span style="font-size:; display: block; background-image:url('http://oi39.tinypic.com/k1z8fc.jpg'); background-repeat: no-repeat;"><font face="Microsoft Sans Serif"font size="4"font color="551A8B"><BR><B>Queer is whatever society considers Not Normal.<BR><a href=https://goo.gl/sNn3Qt target="_blank"><img src=http://oi41.tinypic.com/33ern7c.jpg Width="114"Height="158"><img src=https://i1346.photobucket.com/albums/p688/HardeeBurger/QueerSpaceGIF2_zps7e6120b4.gif Width="158"Height="158"><img src=http://oi39.tinypic.com/12214ci.jpg Width="114"Height="158"></a><BR><font color="3A5FCD">It has as much to do with gender identification as it does with sexual preference.<BR><a href= https://goo.gl/sNn3Qt target="_blank"><img src=http://oi43.tinypic.com/16m2dqo.jpg Width="115"Height="169"><img src=http://oi44.tinypic.com/idum3d.jpg Width="169"Height="169"><img src=http://oi44.tinypic.com/2u9movm.jpg Width="115"Height="169"> </a><BR><font color="008000">Anyone who feels marginalized by society can find solace under the banner known as<BR><a href= https://goo.gl/sNn3Qt target="_blank"><img src=http://oi42.tinypic.com/2n9i6wg.jpg Width="395"Height="170"></a><font color="EEEE00">To that end, behold Mu-Beta-Prime — an outpost so dismal that its inhabitants must burrow underground to escape the cosmic radiation of their sun. Here you’ll find Maybell<BR><a href=https://goo.gl/sNn3Qt target="_blank"><img src=http://oi43.tinypic.com/1zl7od1.jpg Width="130"Height="125"><img src=http://oi39.tinypic.com/2vd31tw.jpg Width="130"Height="125"><img src=http://oi42.tinypic.com/210y4no.jpg Width="130"Height="125"></a><BR><font color="FFA500">And her genetically altered friends. A trio of Queers that were tailor made for one another.<BR>Quite literally.<BR>See what happens when these Queers get their Freak on<BR><a href=https://goo.gl/sNn3Qt target="_blank"><img src= https://a.wattpad.com/cover/6907838-256-k882354.jpg Width="200"Height="315"><BR><BR><font color="551A8B" font size="6"><b>On Wattpad<BR></a></span>


#387

So… that code works, but it’s also a huge mess that could use sorting, too.

I’ll help you with the shark one and hopefully, that’ll give you enough practice to fix the other one.


#388

Ah… sure. But like I said – I figured that problem out.

What I’d like to do now is get my GIFs to work in my QuuerSpace advertisement.

And it seems like you are on the way! Yay! :-)/


#389

It’s more than just a simple fix, though. It’s more about writing your code neater.


#390

Yeah. You know, it is a huge bummer that CENTER doesn’t work in Discourse.


#391

There are other ways to center things.


#392

Here’s some examples I did a while back with line height:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus augue, consectetur et nisi eu, tincidunt varius sapien. Nullam dapibus quis libero et consectetur. Etiam vitae orci urna. Vivamus sed nunc erat. Duis nibh tellus, varius eget metus nec, fringilla cursus lacus. In iaculis tempor nulla, at dapibus ipsum tristique eget. Sed eget nisl viverra quam malesuada interdum. Curabitur posuere sodales lacus, consequat aliquet enim blandit id. Praesent eleifend tellus quis urna ultrices, ac vulputate purus faucibus. Donec non enim at ex tincidunt tempus. Nullam nunc quam, commodo ac ipsum gravida, iaculis tincidunt orci. Cras pretium quam eu nisl tincidunt, ac ultricies augue pharetra. Nam vel nisi vitae sem dignissim maximus sit amet ut ligula. Vivamus id fringilla ex. Phasellus ultricies risus vitae consectetur convallis. Maecenas congue metus non molestie dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus augue, consectetur et nisi eu, tincidunt varius sapien. Nullam dapibus quis libero et consectetur. Etiam vitae orci urna. Vivamus sed nunc erat. Duis nibh tellus, varius eget metus nec, fringilla cursus lacus. In iaculis tempor nulla, at dapibus ipsum tristique eget. Sed eget nisl viverra quam malesuada interdum. Curabitur posuere sodales lacus, consequat aliquet enim blandit id. Praesent eleifend tellus quis urna ultrices, ac vulputate purus faucibus. Donec non enim at ex tincidunt tempus. Nullam nunc quam, commodo ac ipsum gravida, iaculis tincidunt orci. Cras pretium quam eu nisl tincidunt, ac ultricies augue pharetra. Nam vel nisi vitae sem dignissim maximus sit amet ut ligula. Vivamus id fringilla ex. Phasellus ultricies risus vitae consectetur convallis. Maecenas congue metus non molestie dapibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus augue, consectetur et nisi eu, tincidunt varius sapien. Nullam dapibus quis libero et consectetur. Etiam vitae orci urna. Vivamus sed nunc erat. Duis nibh tellus, varius eget metus nec, fringilla cursus lacus. In iaculis tempor nulla, at dapibus ipsum tristique eget. Sed eget nisl viverra quam malesuada interdum. Curabitur posuere sodales lacus, consequat aliquet enim blandit id. Praesent eleifend tellus quis urna ultrices, ac vulputate purus faucibus. Donec non enim at ex tincidunt tempus. Nullam nunc quam, commodo ac ipsum gravida, iaculis tincidunt orci. Cras pretium quam eu nisl tincidunt, ac ultricies augue pharetra. Nam vel nisi vitae sem dignissim maximus sit amet ut ligula. Vivamus id fringilla ex. Phasellus ultricies risus vitae consectetur convallis. Maecenas congue metus non molestie dapibus.

CODE:

<span style="font-size: 16px; line-height: 1em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus augue, consectetur et nisi eu, tincidunt varius sapien. Nullam dapibus quis libero et consectetur. Etiam vitae orci urna. Vivamus sed nunc erat. Duis nibh tellus, varius eget metus nec, fringilla cursus lacus. In iaculis tempor nulla, at dapibus ipsum tristique eget. Sed eget nisl viverra quam malesuada interdum. Curabitur posuere sodales lacus, consequat aliquet enim blandit id. Praesent eleifend tellus quis urna ultrices, ac vulputate purus faucibus. Donec non enim at ex tincidunt tempus. Nullam nunc quam, commodo ac ipsum gravida, iaculis tincidunt orci. Cras pretium quam eu nisl tincidunt, ac ultricies augue pharetra. Nam vel nisi vitae sem dignissim maximus sit amet ut ligula. Vivamus id fringilla ex. Phasellus ultricies risus vitae consectetur convallis. Maecenas congue metus non molestie dapibus.</span>

<span style="font-size: 16px; line-height: 2em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus augue, consectetur et nisi eu, tincidunt varius sapien. Nullam dapibus quis libero et consectetur. Etiam vitae orci urna. Vivamus sed nunc erat. Duis nibh tellus, varius eget metus nec, fringilla cursus lacus. In iaculis tempor nulla, at dapibus ipsum tristique eget. Sed eget nisl viverra quam malesuada interdum. Curabitur posuere sodales lacus, consequat aliquet enim blandit id. Praesent eleifend tellus quis urna ultrices, ac vulputate purus faucibus. Donec non enim at ex tincidunt tempus. Nullam nunc quam, commodo ac ipsum gravida, iaculis tincidunt orci. Cras pretium quam eu nisl tincidunt, ac ultricies augue pharetra. Nam vel nisi vitae sem dignissim maximus sit amet ut ligula. Vivamus id fringilla ex. Phasellus ultricies risus vitae consectetur convallis. Maecenas congue metus non molestie dapibus.</span>

<span style="font-size: 16px; line-height: 3em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras metus augue, consectetur et nisi eu, tincidunt varius sapien. Nullam dapibus quis libero et consectetur. Etiam vitae orci urna. Vivamus sed nunc erat. Duis nibh tellus, varius eget metus nec, fringilla cursus lacus. In iaculis tempor nulla, at dapibus ipsum tristique eget. Sed eget nisl viverra quam malesuada interdum. Curabitur posuere sodales lacus, consequat aliquet enim blandit id. Praesent eleifend tellus quis urna ultrices, ac vulputate purus faucibus. Donec non enim at ex tincidunt tempus. Nullam nunc quam, commodo ac ipsum gravida, iaculis tincidunt orci. Cras pretium quam eu nisl tincidunt, ac ultricies augue pharetra. Nam vel nisi vitae sem dignissim maximus sit amet ut ligula. Vivamus id fringilla ex. Phasellus ultricies risus vitae consectetur convallis. Maecenas congue metus non molestie dapibus.</span>


#393

Yeah. I know. It’s the main reason why I don’t bother with trying to speak foreign languages as well. :-).


#394

Well, the good thing is, with practice, anyone can improve!


#395

SNAZZY TITLE



BLURB

CLICK ME LINK


#396

@HardeeBurger Super basic layout in the last post. What do you think?

<span style="font-size:; text-align: center; display: block; width: 300px; background-color: red; margin: auto; padding: 20px;">SNAZZY TITLE<br><br><img src="https://vignette.wikia.nocookie.net/undertale-rho/images/5/5f/Placeholder.jpg"><br><br>BLURB<br><br>CLICK ME LINK</span>


#397

That’s the idea! :-).


#398

Feel free to take the skeleton from post #396 and add onto it.

Let me know if you get stuck or have any questions!


#399

Thank you! And if you wish you could un-fuddle with THIS one as well -

<blockquote style= “background-image:url(‘http://oi59.tinypic.com/6panbd.jpg’);”><center><a href= https://www.wattpad.com/story/10672212-the-vocalords-action-smackdown-1-0-round-2 target="_blank"><font face=“Arial” font size=“6” font color=“CDAD00”><b><i>“I Can See You Breathing”</i><BR><img src= http://oi62.tinypic.com/5x3erc.jpg Width="300"Height=“170” Border=“3”><BR><font face=“Agency FB” font size=“5” font color=“CD3700”><B>Gumi plays guitar for The VocaLords.<BR>And with her Vocalizer, she sings.<BR>She also has the Power of God,<BR>allowing her to sort Good from Evil.<BR>The Good get to go home. The Evil go to Hell.<BR>That is, until Gumi’s whole world shatters.<BR><img src=http://oi60.tinypic.com/2cyp6w3.jpg Width="300"Height=“130” Border=“3”><BR>To save herself, Gumi set loose Hell upon the world.<BR>Worse than that, she sacrificed her band,<BR>including her bass player and best friend, Miku.<BR> All thanks to VioLinja, a violinist with a God Complex.<BR><img src=http://i.imgur.com/atNNpAW.jpg Width="300"Height=“165” Border=“3”><BR>A very big God Complex.<br>On her own, Gumi must restore<br>the Good in the World.<img src=http://oi62.tinypic.com/qz0xg3.jpg Width="300"Height=“160” Border=“3”><BR><font face=“Agency FB” font size=“5” font color=“CD3700”><B>She doesn’t seem too worried.<br>But she hasn’t met Gisella.<BR><img src=http://i.imgur.com/vDakUmT.jpg Width="300"Height=“155” Border=“3”><BR><font size=“5”>Or has she?<br><br><font face=“Tahoma” font size=“5”>Find out in the Continuing Series<img src= https://a.wattpad.com/cover/10672212-352-k95599.jpg Width="300"Height=“475” Border=“3”><BR><font face=“Impact” font size=“7” font color=“66CD00”><BR><b>On Wattpad</blockquote></a>

:-).


#400

I’m going to sleep soon but the trick I outlined above should work.

Just re-read the following post again: