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.