CODE: WEB OF INFLUENCE (CR CHART)

[onetouchdonnie]

❝ just how far does your web of influence extend? ❞

my second - and last - code that's themed to failbetter's game fallen london!

much as i wanted to do more since i have this idea of doing a monthly themed code pack - biosheet, threadtracker, cr chart, and ooc contact - but i'm still working that part out. coding is a bit more time-consuming compared to icon making.

all the same - i hope you guys enjoy this little code! this was fun to play around with and i hope this is help to some of your guys. :> next up: definitely a series of codes dedicated to the themes and aesthetics of idw's transformers!

CHARACTER NAME
Maecenas varius dui diam, vitae rhoncus ipsum vestibulum vitae. Praesent nisi sem, tincidunt vel risus ac, dapibus scelerisque nisi. Nunc ultrices blandit enim, sed varius ligula tincidunt eget. Mauris leo erat.

PROFILE

CHARACTER NAME
Maecenas varius dui diam, vitae rhoncus ipsum vestibulum vitae. Praesent nisi sem, tincidunt vel risus ac, dapibus scelerisque nisi. Nunc ultrices blandit enim, sed varius ligula tincidunt eget. Mauris leo erat.

PROFILE

 

coding credit: proverbially

GET THE CODE HERE:

<lj-raw><br/> <!-- START THE CODE --> <!-- CHARACTER ENTRY START --> <div style="width: 830px; height: 155px; display: center; margin: auto; padding: 15px; text-align: justify; background-image: url('https://i.imgur.com/Pc9ZHG5.png'); box-shadow:1px 1px 2px 0px #666; overflow: auto;"> <div style="width: 787px; height: 115px; font-family: Lucida Grande; font-size: 10pt; line-height: 19px; color: #050505; background: url('https://i.imgur.com/isiIDwB.png'); float: right; padding: 20px; box-shadow:1px 1px 2px 0px #666;"> <!-- CHARACTER IMAGE START --> <div style="float: left; margin-right: 8px;"> <center><div style="width:90px; height: 114px; background-image: url('https://i.imgur.com/TFA2I4S.png'); box-shadow:1px 1px 2px 0px #666;"> <img src="CHARACTER_IMAGE_HERE" style="width: 76px; height: 98px; margin-top: 8px;"> </div></center> </div> <!-- CHARACTER IMAGE END --> <!-- CHARACTER BLURB START --> <span style="font-size: 20px; font-weight: bold; margin-top: 5px;">CHARACTER NAME</span><br/> Maecenas varius dui diam, vitae rhoncus ipsum vestibulum vitae. Praesent nisi sem, tincidunt vel risus ac, dapibus scelerisque nisi. Nunc ultrices blandit enim, sed varius ligula tincidunt eget. Mauris leo erat. <div style="border-bottom: 1px solid #8a7d69; margin-top: 5px; margin-bottom: 8px;"></div> <div style="float: left;"><img src="SMALL_ICON_HERE" style="border-radius: 5px;"></div> <div style="width: 523px; float: left; 5px 0 15px 0; background:rgba(117,107,92); margin-left: 10px; margin-top: 8px; padding: 5px;"><div style="width:50%; background:rgba(122,188,191); height:15px;"></div></div></div> <div style="float: right; font-family: 'lucida grande'; text-align: center; width: 80px; height: 20px; background-color: #49777a; border: 1px solid #6eabaf; outline: 1px solid #223d40; box-shadow:0px 2px 2px 0px #666; padding: 5px 6px; margin: 2px; margin-top: -57px; margin-right: 20px;"> <a href="LINKTOACCOUNT" style="letter-spacing: 1px; text-decoration: none; color: #b3e1e3;">PROFILE</a> </div> <!-- CHARACTER BLURB END --> </div> <!-- CHARACTER ENTRY END --> <!-- ENTRY BREAK START --> <br/> <!-- ENTRY BREAK END --> <!-- CHARACTER ENTRY START --> <div style="width: 830px; height: 155px; display: center; margin: auto; padding: 15px; text-align: justify; background-image: url('https://i.imgur.com/Pc9ZHG5.png'); box-shadow:1px 1px 2px 0px #666; overflow: auto;"> <div style="width: 787px; height: 115px; font-family: Lucida Grande; font-size: 10pt; line-height: 19px; color: #050505; background: url('https://i.imgur.com/isiIDwB.png'); float: right; padding: 20px; box-shadow:1px 1px 2px 0px #666;"> <!-- CHARACTER IMAGE START --> <div style="float: left; margin-right: 8px;"> <center><div style="width:90px; height: 114px; background-image: url('https://i.imgur.com/TFA2I4S.png'); box-shadow:1px 1px 2px 0px #666;"> <img src="CHARACTER_IMAGE_HERE" style="width: 76px; height: 98px; margin-top: 8px;"> </div></center> </div> <!-- CHARACTER IMAGE END --> <!-- CHARACTER BLURB START --> <span style="font-size: 20px; font-weight: bold; margin-top: 5px;">CHARACTER NAME</span><br/> Maecenas varius dui diam, vitae rhoncus ipsum vestibulum vitae. Praesent nisi sem, tincidunt vel risus ac, dapibus scelerisque nisi. Nunc ultrices blandit enim, sed varius ligula tincidunt eget. Mauris leo erat. <div style="border-bottom: 1px solid #8a7d69; margin-top: 5px; margin-bottom: 8px;"></div> <div style="float: left;"><img src="SMALL_ICON_HERE" style="border-radius: 5px;"></div> <div style="width: 523px; float: left; 5px 0 15px 0; background:rgba(117,107,92); margin-left: 10px; margin-top: 8px; padding: 5px;"><div style="width:50%; background:rgba(122,188,191); height:15px;"></div></div></div> <div style="float: right; font-family: 'lucida grande'; text-align: center; width: 80px; height: 20px; background-color: #49777a; border: 1px solid #6eabaf; outline: 1px solid #223d40; box-shadow:0px 2px 2px 0px #666; padding: 5px 6px; margin: 2px; margin-top: -57px; margin-right: 20px;"> <a href="LINKTOACCOUNT" style="letter-spacing: 1px; text-decoration: none; color: #b3e1e3;">PROFILE</a> </div> <!-- CHARACTER BLURB END --> </div> <!-- CHARACTER ENTRY END --> <!-- ENTRY BREAK START --> <br/> <!-- ENTRY BREAK END --> <!-- END THE CODE -->   </lj-raw> <div align="right"><small><b><font face="century gothic">coding credit: <user name="proverbially"></font></b></small></div>

CREDIT & RESOURCES.
— Design inspiration is from Failbetter Games' Fallen London.

UPDATES
— Posted on September 29, 2019.

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

Comments

[squidded]

I do not know what Fallen London is, but if this is the aesthetic of it, dayum, it's so cool looking!

Also, monthly themed codes would be rad, or even like a bi-monthly since coding is legit stressful sometimes.

Great work!

[onetouchdonnie]

Fallen London has such an amazing and consistent sense when it comes to its aesthetics, both visually and in its writings. I hope Failbetter Games gets more attention from mass media one day, since they deserve attention and praise for their stellar work for the last - oh gosh - eight years or so.

Thank you so much for the compliments too! I kind of have an idea of how to handle codes + icons posts here in the comm but I need time to write it down to properly explain it, so there's going to be another post before the one scheduled for the 13th. :>

[nowhere]

this is lovely, thanks for sharing!

[onetouchdonnie]

Thank you so much for the kind words! I hope it'll be of some use to you and others if you guys decided to use it. \ o /