❝ sometimes i wonder how you see the world, my friend ❞

I'm so excited to share this, you guys, I really am.

During November and January, I'll be posting codes related to IDW's first continuity for the Transformers series! This continuity + fandom is very near and dear to me ever since I made my reentry to it some years ago, so I had a lot of inspiration and motivation to do make these codes and share them with you all.

A thing to note: The text for CHARACTER SIDE must be at least three (3) sentences long, around twenty-eight (28) words each. You can attempt to use less text and fiddle with height: 95px; code but, in my experimentation with it, found can be quite wonky.

And I apologise for not posting this on Saturday! It was a busy day on my end, RL-wise, so that was a whoops. Your regularly scheduled Saturday postings are still a thing, I assure you.

BUTTON LINK

TITLE HERE.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at vestibulum felis. Vestibulum a quam vitae arcu convallis scelerisque porttitor in nulla. Sed bibendum, enim at egestas laoreet.

❱❱ CHARACTER NAME

NAME Answer.
AGE 000-years-old.
DOB 00-00-00.
SPECIES Answer.
CANON Answer.

HEIGHT 0'0.
WEIGHT 000lbs.
BUILD Answer.
SPECIALITY Answer.
STATUS Answer.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at vestibulum felis. Vestibulum a quam vitae arcu convallis scelerisque porttitor in nulla. Sed bibendum, enim at egestas laoreet.

coding credit: proverbially

GET THE CODE HERE:

<raw-code><br/>

<a href="NAVIGATION_LINK" style="font-size: 20px; color: #000000; text-decoration: none; line-height: 20px">BUTTON LINK</a>

</div>

<a href="NAVIGATION_LINK" style="font-size: 20px; color: #000000; text-decoration: none; line-height: 20px">BUTTON LINK</a>

</div>

<a href="NAVIGATION_LINK" style="font-size: 20px; color: #000000; text-decoration: none; line-height: 20px">BUTTON LINK</a>

</div>

<a href="NAVIGATION_LINK" style="font-size: 20px; color: #000000; text-decoration: none; line-height: 20px">BUTTON LINK</a>

</div>

<span style="text-align: left; font-size: 18px; font-weight: bold;">TITLE HERE.</span><br/>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at vestibulum felis. Vestibulum a quam vitae arcu convallis scelerisque porttitor in nulla. Sed bibendum, enim at egestas laoreet.

</div></center>

</center></div>

<details style="width: 300px; margin: auto; background-image: linear-gradient(to bottom, rgba(237, 237, 237, 0.55), rgba(226, 226, 226, 0.85)),
url('https://i.imgur.com/9jit5Mz.png'); border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-family: verdana; font-size: 10px; text-align: justify;">
 
<summary style="font-size: 0; cursor:pointer;"><span style="font-family: impact; font-size: 25px; line-height:1;">❱❱ CHARACTER NAME</span></summary>

<div style="width:45%;">
<b style="color: red">NAME</b> Answer.<br/>
<b style="color: red">AGE</b> 000-years-old.<br/>
<b style="color: red">DOB</b> 00-00-00.<br/>
<b style="color: red">SPECIES</b> Answer.<br/>
<b style="color: red">CANON</b> Answer.<br/>
</div>

<div style="width:45%;">
<b style="color: red">HEIGHT</b> 0'0.<br/>
<b style="color: red">WEIGHT</b> 000lbs.<br/>
<b style="color: red">BUILD</b> Answer.<br/>
<b style="color: red">SPECIALITY</b> Answer.<br/>
<b style="color: red">STATUS</b> Answer.<br/>
</div>

</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at vestibulum felis. Vestibulum a quam vitae arcu convallis scelerisque porttitor in nulla. Sed bibendum, enim at egestas laoreet.</p>

</details>

</div>

</div>

</raw-code>

<div align="right"><small><b><font face="century gothic">coding credit: <user name="proverbially"></font></b></small></div>

CREDIT & RESOURCES.
— Design inspiration is from The Transformers: More Than Meets The Eye, Issue #1.
— Specifically this panel, where Ultra Magnus is using his Magnus Vision™.
— Background pattern is Grid Me by Arno Gregorian
— Character image is Hot Rod from Transformers: Earth War.

UPDATES
— Posted on November 09, 2019.

KEEP IN MIND
— Please remember to credit me!
— Comments aren't necessary but they mean the world to me.

CODE: RISK OF FUTURE CRIMINAL ACTIVITY (NAVIGATION)

GET THE CODE HERE:

Post a comment in response: