IC twitter meme

[quiethumerus]

IC TWITTER MEME
@TheCircus
HOW TO PLAY: See below.

4895
TWEETS

8373
FOLLOWERS

385
FOLLOWING

♥

Does your character have some feels they're just dying to get out? Do you like making IC reaction blurbs? This is the thing for you! Inspired by Jo (@gothbless on plurk, plays Porrim Maryam and Rick Ford), we're going to bring IC twitters to everyone!

1. Start by grabbing the main piece below.
2. Get a background, stick in your Icon, fix your character's name, handle, and description.
3. Add some numbers!
4. Leave the other links blank or fill them with whatever you want!
5. Post to your Journal!

MAIN PIECE:
<raw-code> <div style="background: url(BACKGROUND URL HERE, IDEALLY 320PX BY 520PX); height: 320px; width: 520px; border-radius: 10px; box-shadow: 0px 1px 3px #333;"> <!--ICON PORTION START--> <div style="height: 270px; width: 100%; background: linear-gradient(transparent 36%, rgba(0,0,0,0.40)); text-align: center;"> <div style="padding-top: 30px;"><img src="ICON URL HERE" style="height: 73px; width: 73px; border: 4px solid #fff; border-radius: 10px; box-shadow: 0px 1px 2px #000;"> <br/> <span style="font-family: helvetica, arial, sans-serif; color: #fff; text-shadow: 0px 1px 2px #000;"> <span style="font-size: 24px; font-weight: bold;">Character</span> <br/><span style="font-size: 18px;">@handle</span> <br/><span style="font-size: 14px;">Description text here.</span> </span> </div> </div> <!--ICON PORTION END--> <!--LINKS PORTION START--> <div style="background: #fff; height: 50px; width: 520px; text-align: left; border-radius: 0px 0px 10px 10px;"> <div style="float: left; height: 42px; padding: 8px 10px 0px 10px; border-right: 1px solid #e5e5e5;"> <a href="LINK HERE" style="text-decoration: none;"><span style="font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3c3c3c; font-weight: bold;">NUMBERS HERE</span></a> <br/> <span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase;">TWEETS</span> </div> <div style="float: left; height: 42px; padding: 8px 10px 0px 10px; border-right: 1px solid #e5e5e5;"> <a href="LINK HERE" style="text-decoration: none;"><span style="font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3c3c3c; font-weight: bold;">NUMBERS HERE</span></a> <br/> <span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase;">FOLLOWERS</span> </div> <div style="float: left; height: 42px; padding: 8px 10px 0px 10px;"> <a href="LINK HERE" style="text-decoration: none;"><span style="font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3c3c3c; font-weight: bold;">NUMBERS HERE</span></a> <br/> <span style="font-family: helvetica, arial, sans-serif; font-size: 10px; color: #aeaeae; text-transform: uppercase;">FOLLOWING</span> </div> <div style="float: right; height: 42px; padding: 0px 10px 0px 10px;"> <span style="font-family: helvetica, arial, sans-serif; font-size: 34px; color: #3c3c3c; font-weight: bold;">♥</span> </div> </div> <!--LOWER PORTION END--> </div> </raw-code>

Following

Kurloz Makara @troubadourCatalyst
SALVATION AWAITS

porrim maryam @maryamisms
Sometimes the easy thing and the right thing are the same.

Capitolus Charactaria @TheCircus
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis odio eu metus pretium et interdum mauris pellentesque. Nunc sed ante odio porta.

♥

6. Grab the FOLLOWING code below and slip it in beneath your main IC twitter piece.
7. Fill out the info with the IC twitters of other characters

FOLLOWING PIECE:
<raw-code> <div style="background: #fff; width: 520px; border-radius: 10px; box-shadow: 0px 1px 3px #333; text-align: left;"> <div style="height: 40px; width: 510px; padding: 10px 0px 0px 10px; border-bottom: 1px solid #e5e5e5;"> <span style="font-family: helvetica, arial, sans-serif; font-size: 20px; color: #3c3c3c; font-weight: bold;">Following</span> </div> <!--START ITEM--> <div style="height: 64px; width: 510px; padding: 10px 0px 0px 10px; border-bottom: 1px solid #e5e5e5;"> <div style="float: left;"><img src="IMAGE URL HERE" style="height: 48px; width: 48px; border-radius: 10px;"></div> <div style="float: left; width: 450px; margin-left: 10px;"> <span style="font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3c3c3c;"><b style="font-size: 14px;">Character Name</b> <span style="font-size: 11px; color: #aeaeae;"><a href="IC TWITTER PAGE URL">@username</a></span> <br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis odio eu metus pretium et interdum mauris pellentesque. Nunc sed ante odio porta.</span> </div> </div> <!--END ITEM--> <!--START ITEM--> <div style="height: 64px; width: 510px; padding: 10px 0px 0px 10px; border-bottom: 1px solid #e5e5e5;"> <div style="float: left;"><img src="IMAGE URL HERE" style="height: 48px; width: 48px; border-radius: 10px;"></div> <div style="float: left; width: 450px; margin-left: 10px;"> <span style="font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3c3c3c;"><b style="font-size: 14px;">Character Name</b> <span style="font-size: 11px; color: #aeaeae;"><a href="IC TWITTER PAGE URL">@username</a></span> <br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis odio eu metus pretium et interdum mauris pellentesque. Nunc sed ante odio porta.</span> </div> </div> <!--END ITEM--> <!--START ITEM--> <div style="height: 64px; width: 510px; padding: 10px 0px 0px 10px; border-bottom: 1px solid #e5e5e5;"> <div style="float: left;"><img src="IMAGE URL HERE" style="height: 48px; width: 48px; border-radius: 10px;"></div> <div style="float: left; width: 450px; margin-left: 10px;"> <span style="font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3c3c3c;"><b style="font-size: 14px;">Character Name</b> <span style="font-size: 11px; color: #aeaeae;"><a href="IC TWITTER PAGE URL">@username</a></span> <br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis odio eu metus pretium et interdum mauris pellentesque. Nunc sed ante odio porta.</span> </div> </div> <!--END ITEM--> <div style="height: 80px; width: 510px; text-align: center; padding-top: 20px;"> <span style="font-size: 36px; color: #e5e5e5;">♥</span> </div> </div> </raw-code>
code by cawaii. Unedited code may be found here.

IC TWITTER @TheCircus
Now for the fun part! Adding Tweets! #ICtweeting #chirpchirpmotherfucker

8. Grab the code for tweets below.
9. Make IC Tweets! Remember the 140 character limit for authenticity!
10. Post as comments on your IC twitter page! People who track the page will see the updates!

<center><div style="width: 550px; background:#fff; padding:15px; border:1px solid #ddd;"><div style="text-align:left; font-family:arial; font-size:1.2em; border-bottom:1px solid #fff;"><div style="float: left;"><img src="USERPIC" style="width: 60px; height: 60px; border-radius:15px;" class="ContextualPopup-trigger"></div><div style="padding-left:70px;"><b>NAME</b> <span style="color:#9299AD; font-size:12px;">@HANDLE</span><br>TWEET TWEET<br><img src="https://i.gyazo.com/d0b75a39128acd38aba45af66eeb4ff7.png"></div></div></div></center>

11. Post links to your IC twitters here for other people to track!
12. Have fun!