Tessisamess

Information

Hey guys! OH BOY THIS TOOK DAYS!! I'm about to break the character limit with this code being repeated so many times, so I'll keep this short: Enjoy this entry-safe faithful recreation of a Twitter timeline! It features templates for all tweet types and a header for retweets.💖

Coding: Default

<lj-raw><div style="width:600px;margin:0 auto;background:#fff;border:1px solid #E6ECF0;color:#14171A;font-family:Open Sans,trebuchet ms,sans-serif;font-size:14px;line-height:1.5;"> <!--HEADER--> <div style="height:200px;background:#E6ECF0 url(HEADER_BG)center;background-size:cover;display:flex;align-items:flex-end;"> <div style="width:134px;height:134px;margin:0 0 calc((134px / 2) * -1) 15px;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;border:2px solid #fff;box-sizing:border-box;"></div> <b style="background:#1DA1F2;color:#fff;margin:0 15px -54px auto;padding:0 25px;height:39px;line-height:39px;border-radius:30px;">Follow</b> </div> <!--PROFILE--> <div style="padding:calc((134px / 2) + 10px) 15px 15px 15px;line-height:1.2;"> <b style="font-size:18px;display:flex;align-items:center;">Display Name</b> <div style="color:#657786;">@username</div> <div style="margin:10px 0;">account profile bio</div> <div style="margin:10px 0;display:flex;align-items:center;flex-wrap:wrap;"> <img src="https://i.imgur.com/6Mm6NuX.png" style="margin:0 5px 0 0;"> Location <img src="https://i.imgur.com/XVx9dI2.png" style="margin:0 5px;"> <a href="YOUR_JOURNAL" style="color:#1DA1F2;text-decoration:none;">website.com</a> <img src="https://i.imgur.com/OtC7jsU.png" style="margin:0 5px;"> Born Month 0, 0000 <span style="width:100%;height:5px;"></span> <img src="https://i.imgur.com/Tqoplgs.png" style="margin:0 5px 0 0;"> Joined Month 0000 </div> <b>###</b> <span style="color:#657786;">Following</span> <b>###</b> <span style="color:#657786;">Followers</span> </div> <!--VIEWING--> <div style="display:flex;align-items:center;text-align:center;height:52px;border-bottom:1px solid #E6ECF0;"> <b style="height:49px;line-height:52px;width:100%;border-bottom:3px solid #1DA1F2;color:#1DA1F2;">Tweets</b> <b style="width:100%;">Tweets & Replies</b> <b style="width:100%;">Media</b> <b style="width:100%;">Likes</b> </div> <!--PINNED TWEET--> <div style="padding:15px;margin:0 0 10px 0;border-bottom:1px solid #E6ECF0;box-shadow:0 10px 0 0 #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--PINNED HEADER--> <div style="width:100%;margin:0 0 5px 40px;font-size:11px;color:#657786;display:flex;align-items:center;"> <img src="https://i.imgur.com/5bxnRkd.png" style="margin:0 5px 0 0;"> Pinned Tweet </div> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> pinned_tweet <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--TEXT TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--RETWEET HEADER--> <div style="width:100%;margin:0 0 5px 40px;font-size:11px;color:#657786;display:flex;align-items:center;"> <img src="https://i.imgur.com/e1lV50m.png" style="margin:0 5px 0 0;"> Display Name Retweeted </div> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> text_tweet <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--QUOTE TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> quote_tweet <div style="border:1px solid #E6ECF0;border-radius:20px;padding:10px;margin:10px 0 0 0;"> <!--QUOTED TWEET HEADER--> <div style="display:flex;align-items:center;"> <!--QUOTED TWEET ICON--> <div style="width:20px;height:20px;margin:0;background:#1DA1F2 url(QUOTED_PFP)center;background-size:cover;border-radius:100%;margin:0 5px 0 0;"></div> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span> </div> quoted_tweet <!--ADD IMAGES FROM IMAGE TWEETS OR LINK FROM LINK TWEET HERE IF NEEDED--> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--IMAGE TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> image_tweet <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;border:1px solid #E6ECF0;border-radius:20px;overflow:hidden;height:265px;margin:10px 0 0 0;"></div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--2 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> Two_image_tweet <div style="border:1px solid #E6ECF0;border-radius:20px;overflow:hidden;height:265px;display:flex;justify-content:space-between;margin:10px 0 0 0;"> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);"></div> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);"></div></div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--3 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> Three_image_tweet <div style="border:1px solid #E6ECF0;border-radius:20px;overflow:hidden;height:265px;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0 0;"> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);margin:0 2px 0 0;"></div> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--4 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> Four_image_tweet <div style="border:1px solid #E6ECF0;border-radius:20px;overflow:hidden;height:265px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0 0;"> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);margin:0 0 2px 0;"></div> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);margin:0 0 2px 0;"></div> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> <div style="background:#E6ECF0 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--LINK TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #E6ECF0;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#657786;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/vFdgDXR.png" style="margin:0 0 0 auto;"> </div> link_tweet <div style="border:1px solid #E6ECF0;border-radius:20px;overflow:hidden;color:#657786;margin:10px 0 0 0;"> <div style="background:#E6ECF0 url(LINK_PIC)center;background-size:cover;height:265px;"></div> <div style="padding:10px;"> <div style="color:#14171A;">Link Page Title</div> Link_Preview_Text <br><img src="https://i.imgur.com/4B9Ban5.png"> website.com </div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#657786;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/Z5VDZyK.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ZxkplxW.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HgY5iJG.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/vxZ6Zh9.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--CREDIT - DO NOT REMOVE--> <a href="http://tessisamess.insanejournal.com/126823.html" style="font-size:8px;letter-spacing:2px;display:block;text-align:center;padding:5px 0;text-decoration:none;color:#657786;">CODING BY TESSISAMESS</a> </div></lj-raw>

Coding: Dim

<lj-raw><div style="width:600px;margin:0 auto;background:#15202B;border:1px solid #38444D;color:#fff;font-family:Open Sans,trebuchet ms,sans-serif;font-size:14px;line-height:1.5;"> <!--HEADER--> <div style="height:200px;background:#38444D url(HEADER_BG)center;background-size:cover;display:flex;align-items:flex-end;"> <div style="width:134px;height:134px;margin:0 0 calc((134px / 2) * -1) 15px;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;border:2px solid #fff;box-sizing:border-box;"></div> <b style="background:#1DA1F2;color:#fff;margin:0 15px -54px auto;padding:0 25px;height:39px;line-height:39px;border-radius:30px;">Follow</b> </div> <!--PROFILE--> <div style="padding:calc((134px / 2) + 10px) 15px 15px 15px;line-height:1.2;"> <b style="font-size:18px;display:flex;align-items:center;">Display Name</b> <div style="color:#8899A6;">@username</div> <div style="margin:10px 0;">account profile bio</div> <div style="margin:10px 0;display:flex;align-items:center;flex-wrap:wrap;"> <img src="https://i.imgur.com/ejvNjdp.png" style="margin:0 5px 0 0;"> Location <img src="https://i.imgur.com/54oLz7r.png" style="margin:0 5px;"> <a href="YOUR_JOURNAL" style="color:#1DA1F2;text-decoration:none;">website.com</a> <img src="https://i.imgur.com/RVj54aG.png" style="margin:0 5px;"> Born Month 0, 0000 <span style="width:100%;height:5px;"></span> <img src="https://i.imgur.com/BTpXAlC.png" style="margin:0 5px 0 0;"> Joined Month 0000 </div> <b>###</b> <span style="color:#8899A6;">Following</span> <b>###</b> <span style="color:#8899A6;">Followers</span> </div> <!--VIEWING--> <div style="display:flex;align-items:center;text-align:center;height:52px;border-bottom:1px solid #38444D;"> <b style="height:49px;line-height:52px;width:100%;border-bottom:3px solid #1DA1F2;color:#1DA1F2;">Tweets</b> <b style="width:100%;">Tweets & Replies</b> <b style="width:100%;">Media</b> <b style="width:100%;">Likes</b> </div> <!--PINNED TWEET--> <div style="padding:15px;margin:0 0 10px 0;border-bottom:1px solid #38444D;box-shadow:0 10px 0 0 #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--PINNED HEADER--> <div style="width:100%;margin:0 0 5px 40px;font-size:11px;color:#8899A6;display:flex;align-items:center;"> <img src="https://i.imgur.com/7BwcVfi.png" style="margin:0 5px 0 0;"> Pinned Tweet </div> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> pinned_tweet <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--TEXT TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--RETWEET HEADER--> <div style="width:100%;margin:0 0 5px 40px;font-size:11px;color:#8899A6;display:flex;align-items:center;"> <img src="https://i.imgur.com/BFhZ0U0.png" style="margin:0 5px 0 0;"> Display Name Retweeted </div> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> text_tweet <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--QUOTE TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> quote_tweet <div style="border:1px solid #38444D;border-radius:20px;padding:10px;margin:10px 0 0 0;"> <!--QUOTED TWEET HEADER--> <div style="display:flex;align-items:center;"> <!--QUOTED TWEET ICON--> <div style="width:20px;height:20px;margin:0;background:#1DA1F2 url(QUOTED_PFP)center;background-size:cover;border-radius:100%;margin:0 5px 0 0;"></div> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span> </div> quoted_tweet <!--ADD IMAGES FROM IMAGE TWEETS OR LINK FROM LINK TWEET HERE IF NEEDED--> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--IMAGE TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> image_tweet <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;border:1px solid #38444D;border-radius:20px;overflow:hidden;height:265px;margin:10px 0 0 0;"></div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--2 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> Two_image_tweet <div style="border:1px solid #38444D;border-radius:20px;overflow:hidden;height:265px;display:flex;justify-content:space-between;margin:10px 0 0 0;"> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);"></div> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);"></div></div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--3 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> Three_image_tweet <div style="border:1px solid #38444D;border-radius:20px;overflow:hidden;height:265px;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0 0;"> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);margin:0 2px 0 0;"></div> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--4 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> Four_image_tweet <div style="border:1px solid #38444D;border-radius:20px;overflow:hidden;height:265px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0 0;"> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);margin:0 0 2px 0;"></div> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);margin:0 0 2px 0;"></div> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> <div style="background:#38444D url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--LINK TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #38444D;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#8899A6;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/Lc5C5KJ.png" style="margin:0 0 0 auto;"> </div> link_tweet <div style="border:1px solid #38444D;border-radius:20px;overflow:hidden;color:#8899A6;margin:10px 0 0 0;"> <div style="background:#38444D url(LINK_PIC)center;background-size:cover;height:265px;"></div> <div style="padding:10px;"> <div style="color:#fff;">Link Page Title</div> Link_Preview_Text <br><img src="https://i.imgur.com/0tOoMPM.png"> website.com </div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#8899A6;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/68c6gKD.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/gDy2nz8.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/ndSFPYO.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/WE8Z7MM.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--CREDIT - DO NOT REMOVE--> <a href="http://tessisamess.insanejournal.com/126823.html" style="font-size:8px;letter-spacing:2px;display:block;text-align:center;padding:5px 0;text-decoration:none;color:#8899A6;">CODING BY TESSISAMESS</a> </div></lj-raw>

Coding: Lights Out

<lj-raw><div style="width:600px;margin:0 auto;background:#000;border:1px solid #2F3336;color:#D9D9D9;font-family:Open Sans,trebuchet ms,sans-serif;font-size:14px;line-height:1.5;"> <!--HEADER--> <div style="height:200px;background:#2F3336 url(HEADER_BG)center;background-size:cover;display:flex;align-items:flex-end;"> <div style="width:134px;height:134px;margin:0 0 calc((134px / 2) * -1) 15px;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;border:2px solid #fff;box-sizing:border-box;"></div> <b style="background:#1DA1F2;color:#fff;margin:0 15px -54px auto;padding:0 25px;height:39px;line-height:39px;border-radius:30px;">Follow</b> </div> <!--PROFILE--> <div style="padding:calc((134px / 2) + 10px) 15px 15px 15px;line-height:1.2;"> <b style="font-size:18px;display:flex;align-items:center;">Display Name</b> <div style="color:#6E767D;">@username</div> <div style="margin:10px 0;">account profile bio</div> <div style="margin:10px 0;display:flex;align-items:center;flex-wrap:wrap;"> <img src="https://i.imgur.com/zfRcMRL.png" style="margin:0 5px 0 0;"> Location <img src="https://i.imgur.com/OG5he7A.png" style="margin:0 5px;"> <a href="YOUR_JOURNAL" style="color:#1DA1F2;text-decoration:none;">website.com</a> <img src="https://i.imgur.com/xen0R9s.png" style="margin:0 5px;"> Born Month 0, 0000 <span style="width:100%;height:5px;"></span> <img src="https://i.imgur.com/OSyakyH.png" style="margin:0 5px 0 0;"> Joined Month 0000 </div> <b>###</b> <span style="color:#6E767D;">Following</span> <b>###</b> <span style="color:#6E767D;">Followers</span> </div> <!--VIEWING--> <div style="display:flex;align-items:center;text-align:center;height:52px;border-bottom:1px solid #2F3336;"> <b style="height:49px;line-height:52px;width:100%;border-bottom:3px solid #1DA1F2;color:#1DA1F2;">Tweets</b> <b style="width:100%;">Tweets & Replies</b> <b style="width:100%;">Media</b> <b style="width:100%;">Likes</b> </div> <!--PINNED TWEET--> <div style="padding:15px;margin:0 0 10px 0;border-bottom:1px solid #2F3336;box-shadow:0 10px 0 0 #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--PINNED HEADER--> <div style="width:100%;margin:0 0 5px 40px;font-size:11px;color:#6E767D;display:flex;align-items:center;"> <img src="https://i.imgur.com/15dTCKU.png" style="margin:0 5px 0 0;"> Pinned Tweet </div> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> pinned_tweet <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--TEXT TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--RETWEET HEADER--> <div style="width:100%;margin:0 0 5px 40px;font-size:11px;color:#6E767D;display:flex;align-items:center;"> <img src="https://i.imgur.com/MUSXHvM.png" style="margin:0 5px 0 0;"> Display Name Retweeted </div> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> text_tweet <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--QUOTE TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> quote_tweet <div style="border:1px solid #2F3336;border-radius:20px;padding:10px;margin:10px 0 0 0;"> <!--QUOTED TWEET HEADER--> <div style="display:flex;align-items:center;"> <!--QUOTED TWEET ICON--> <div style="width:20px;height:20px;margin:0;background:#1DA1F2 url(QUOTED_PFP)center;background-size:cover;border-radius:100%;margin:0 5px 0 0;"></div> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span> </div> quoted_tweet <!--ADD IMAGES FROM IMAGE TWEETS OR LINK FROM LINK TWEET HERE IF NEEDED--> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--IMAGE TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> image_tweet <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;border:1px solid #2F3336;border-radius:20px;overflow:hidden;height:265px;margin:10px 0 0 0;"></div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--2 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> Two_image_tweet <div style="border:1px solid #2F3336;border-radius:20px;overflow:hidden;height:265px;display:flex;justify-content:space-between;margin:10px 0 0 0;"> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);"></div> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);"></div></div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--3 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> Three_image_tweet <div style="border:1px solid #2F3336;border-radius:20px;overflow:hidden;height:265px;display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0 0;"> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;height:100%;width:calc(50% - 1px);margin:0 2px 0 0;"></div> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--4 IMAGES - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> Four_image_tweet <div style="border:1px solid #2F3336;border-radius:20px;overflow:hidden;height:265px;display:flex;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0 0;"> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);margin:0 0 2px 0;"></div> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);margin:0 0 2px 0;"></div> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> <div style="background:#2F3336 url(TWEET_PIC)center;background-size:cover;width:calc(50% - 1px);height:calc(50% - 1px);"></div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--LINK TWEET - COPY PASTE AS MANY TIMES AS NEEDED--> <div style="padding:15px;border-bottom:1px solid #2F3336;display:flex;justify-content:space-between;flex-wrap:wrap;"> <!--TWEET ICON--> <div style="width:49px;height:49px;margin:0;background:#1DA1F2 url(PROFILE_PIC)center;background-size:cover;border-radius:100%;"></div> <!--TWEET CONTENT--> <div style="width:calc(100% - 49px - 10px);"> <!--TWEET HEADER--> <div style="display:flex;align-items:center;"> <b>Display Name</b> <span style="color:#6E767D;margin:0 0 0 5px;"> @username · Month 00 </span><br> <img src="https://i.imgur.com/E40hkHV.png" style="margin:0 0 0 auto;"> </div> link_tweet <div style="border:1px solid #2F3336;border-radius:20px;overflow:hidden;color:#6E767D;margin:10px 0 0 0;"> <div style="background:#2F3336 url(LINK_PIC)center;background-size:cover;height:265px;"></div> <div style="padding:10px;"> <div style="color:#D9D9D9;">Link Page Title</div> Link_Preview_Text <br><img src="https://i.imgur.com/gPRpzVQ.png"> website.com </div> </div> <!--TWEET FOOTER--> <div style="display:flex;align-items:center;justify-content:center;color:#6E767D;font-size:12px;margin:10px 0 0 0;"> <img src="https://i.imgur.com/a17tgDT.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/Vnp89qo.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/HVVod8Z.png"> <div style="margin:0 auto 0 5px;">##</div> <img src="https://i.imgur.com/RvzP6mE.png" style="margin:0 auto 0 0;"> </div> </div> </div> <!--CREDIT - DO NOT REMOVE--> <a href="http://tessisamess.insanejournal.com/126823.html" style="font-size:8px;letter-spacing:2px;display:block;text-align:center;padding:5px 0;text-decoration:none;color:#6E767D;">CODING BY TESSISAMESS</a> </div></lj-raw>

Installation Guide

Run a Replace All on the following!

HEADER_BG - Cover image
Display Name - Your account display name (this can have spaces and/or emojis)
username - Your account name (this is the URL name)
PROFILE_PIC - Header and tweet avatar; this should be at least 134x134 but can be any size as long as it's above this.
YOUR_JOURNAL - Profile website link

VERIFIED USER CHECKMARK

DEFAULT: Add <img src="https://i.imgur.com/PjyRt6d.png" style="margin:0 0 0 3px;"> after ALL instances of your Display Name

DIM: Add <img src="https://i.imgur.com/njNUFAd.png" style="margin:0 0 0 3px;"> after ALL instances of your Display Name

LIGHTS OUT: Add <img src="https://i.imgur.com/TWmRW2c.png" style="margin:0 0 0 3px;"> after ALL instances of your Display Name

ACCENT COLOR OPTIONS

#1DA1F2

Default accent (run Replace All on this color code to one of the below colors to change your accent color)

#FFAD1F

Yellow accent

#E0245E

Pink accent

#794BC4

Purple accent

#F45D22

Orange accent

#17BF63

Green accent

Terms of Use

♡ Do not remove credit.
♡ Do not redistribute my codes in part or in whole (posting a copy for players to use in your game is fine with a link to original post.)
♡ If you break something during editing, please feel free to drop me a comment and I'll help as best I can!
♡ I love seeing edits! This isn't a rule, but if you have a cool edit of one of my codes I'd love to see it!