Skip to content

Instantly share code, notes, and snippets.

@Nefelibatax

Nefelibatax/01. I Can't Help - Main Page (1.0) Secret

Last active July 28, 2021 00:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Nefelibatax/6462b9f6593ddd1071a0a23cd7285471 to your computer and use it in GitHub Desktop.
Save Nefelibatax/6462b9f6593ddd1071a0a23cd7285471 to your computer and use it in GitHub Desktop.
Download ZIP
I Can't Help : Roleplay Layout Set
Raw
01. I Can't Help - Main Page (1.0)
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ IMAGES ]
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor
• Main Page Image : ICHMainImage (433x290)
• Admin 01 Image : ICHAdmin01 (80x80)
• Admin 02 Image : ICHAdmin02 (80x80)
• Admin 03 Image : ICHAdmin03 (80x80)
• Admin 04 Image : ICHAdmin04 (80x80)
• Admin 05 Image : ICHAdmin05 (80x80)
[ TEXT ]
• Title : ICHTitle (This will occur twice, please change both!)
• Update Text : ICHUpdateInfo
• Information (Status, RP Style, Etc.) : ICHInfo
• Request Format : ICHRequest
• Affiliate Link 01 : ICHAffiliateLink01
• Affiliate Link 02 : ICHAffiliateLink02
• Affiliate Link 03 : ICHAffiliateLink03
• Affiliate Link 04 : ICHAffiliateLink04
• Masterlist Title : ICHMasterlist
• Masterlist Take FC : ICHMLClaimed
• Masterlist Wishlist : ICHMLWishlist
• Rules Title : ICHRulesTitle
• Rules Section : ICHRules
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:648px;height:648px;margin:auto;overflow:hidden;">
<div style="width:665px;height:648px;float:left;margin:0px;overflow:auto;">
<div style="width:648px;height:648px;float:left;">
<div style="width:363px;height:363px;float:left;margin:60px 0px 0px 70px;overflow:hidden;"><img alt="Ctt3X0Z.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:409px;height:233px;float:right;margin:-75px 0px 0px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
</div>
<div style="width:648px;height:648px;float:left;margin:-648px 0px 0px;">
<div style="width:648px;height:648px;float:left;">
<div style="background:#b08968;width:463px;height:350px;float:right;margin:149px 0px 0px;">
<!-- /// MAIN IMAGE /// -->
<div class="ICHMainImage" style="width:433px;height:290px;float:right;margin:30px 0px;overflow:hidden;"><img alt="WckIKKt.png" src="https://i.imgur.com/WckIKKt.png" style="width:433px;" /></div>
<!-- /// END OF MAIN IMAGE /// -->
<div style="width:463px;height:35px;float:left;margin:-190px 0px 0px -25px;">
<div style="background:#e6ccb2;height:35px;float:left;">
<!-- /// TITLE /// -->
<p class="ICHTitle" style="font-family:Arial;font-size:25px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:-2px;line-height:25px;text-align:left;margin:0px 0px 0px -45px;padding:6px 8px 3px 0px;">I can&#39;t Help.</p>
<!-- /// END OF TITLE /// -->
</div>
</div>
<div style="width:463px;height:20px;float:left;margin:-147px 0px 0px -2px;">
<div style="background:#fff;border:1px solid #000;height:18px;float:left;margin:0px;padding:0px 2px 0px;">
<div style="background:#000;height:20px;float:left;margin:-4px 0px 0px -10px;">
<p style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:7px 9px;">Scroll Down</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /// SECOND PAGE /// -->
<div style="background:#e6ccb2;width:648px;height:648px;float:left;overflow:hidden;">
<div style="width:361px;height:233px;float:left;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<div style="background:#fff;width:488px;height:490px;float:left;margin:-75px 80px 0px;">
<!-- TITLE -->
<div style="width:100%;height:115px;float:left;white-space:nowrap;margin:-80px 0px 0px;">
<p class="ICHTitle" style="font-family:Arial;font-size:150px;color:#b08968;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-15px;line-height:120px;text-align:center;margin:0px 0px 0px -195px;">I can&#39;t Help.</p>
</div>
<!-- END OF TITLE -->
<!-- UPDATE SECTION -->
<div style="background:#000;height:35px;float:right;margin:-56px 20px 0px 0px;overflow:hidden;">
<p class="ICHUpdateInfo" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:15px 15px;">• Pride Month Event — [06/11/21]</p>
</div>
<!-- END OF UPDATE SECTION -->
<div style="height:125px;width:488px;margin:57px 0px 0px;">
<div style="width:355px;height:60px;float:left;margin:40px 0px 0px 28px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" />
</div>
<div style="height:100px;width:488px;float:left;margin:-100px 0px 0px;">
<div style="height:100px;width:408px;float:left;margin:0px 40px 0px;">
<div style="background:#fff;height:80px;width:408px;float:left;border:1px solid #000;margin:5px 0px 0px -5px;">
<div style="height:80px;width:408px;float:left;margin:-6px 0px 0px 5px;">
<!-- ADMIN SECTION -->
<div style="width:80px;height:80px;float:left;overflow:hidden;">
<img class="ICHAdmin01" src="https://64.media.tumblr.com/2f57ef11f2d33fe966ab9687450f5b1f/f4c1f789beaf4703-60/s640x960/a97e0b5d9cc2a2cdb4bd2e586196aec347d84325.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px 3px;overflow:hidden;">
<img class="ICHAdmin02" src="https://64.media.tumblr.com/a9c7ceb7357ec160ee32bf0bcba8b90e/a5c222a53515b29f-91/s1280x1920/80dc207f62f682ac5acb07ebdd129c3b7647d675.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px 3px;overflow:hidden;">
<img class="ICHAdmin03" src="https://64.media.tumblr.com/d587314bad5942915141f8bed650d6f9/041cd8a5bc3a5fdb-ea/s640x960/24fb3546b57ca4ce7be07ba55274dc9e5fa9a048.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px 3px;overflow:hidden;">
<img class="ICHAdmin04" src="https://64.media.tumblr.com/61c3ab50e931190861276d65faed4a2b/bdff64e6daa24d62-2a/s640x960/39ad8719601494a75c8398683d1b3ba065da4e86.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px -1px;overflow:hidden;">
<img class="ICHAdmin05" src="https://64.media.tumblr.com/30013b98f903e35bddeebbfb302e61c3/938f4084e936983b-78/s1280x1920/55ebb11755d97a62b708fd29316a07b4c519c9c9.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="background:#e6ccb2;height:30px;float:right;margin:-15px 18px 0px 0px;overflow:hidden;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:13px 12px;">Hover to Meet us!</p>
</div>
<!-- END OF ADMIN SECTION -->
</div>
</div>
</div>
</div>
</div>
<div style="height:308px;width:408px;float:left;margin:0px 40px 0px;overflow:hidden;">
<div style="background:#fff;height:308px;width:425px;float:left;margin:0px;overflow:auto;">
<div style="width:408px;float:left;margin:0px 0px 40px;">
<div style="width:181px;float:left;margin:0px;">
<!-- INFO SECTION -->
<div style="width:181px;float:left;margin:0px;">
<p class="ICHInfo" style="font-family:Courier New;font-size:9px;color:#000;text-transform:uppercase;letter-spacing:1px;line-height:9px;text-align:left;margin:0px;"><span style="font-weight:bold;">Status :</span> Open<br />
<span style="font-weight:bold;">Platform :</span> Facebook<br />
<span style="font-weight:bold;">Genre :</span> AU / Slice-of-Life<br />
<span style="font-weight:bold;">Style :</span> Multi-Pov<br />
<span style="font-weight:bold;">Writing :</span> Para/Lit</p>
</div>
<!-- END OF INFO SECTION -->
<!-- RESERVATION FORMAT -->
<div style="background:#fff;width:179px;border:1px solid #000;float:left;margin:15px 0px;">
<p class="ICHRequest" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:1px;line-height:8px;text-align:left;margin:13px 12px;border-left:3px solid #b08968;padding:3px 5px;"><span style="font-weight:bold;">Reservation Format</span><br />Dibs on <i>Full Name (Group)</i></p>
</div>
<!-- END OF RESERVATION FORMAT -->
<!-- AFFILIATE SECTION -->
<div style="width:181px;height:25px;float:left;margin:10px 0px 0px;">
<p class="ICHAffiliateLink01" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Affiliate Link 01</a></p>
</div>
<div style="width:181px;height:25px;float:left;margin:10px 0px 0px;">
<p class="ICHAffiliateLink02" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Affiliate Link Test 02</a></p>
</div>
<div style="width:181px;height:25px;float:left;margin:10px 0px 0px;">
<p class="ICHAffiliateLink03" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Link 03</a></p>
</div>
<div style="width:181px;height:25px;float:left;margin:10px 0px 7px;">
<p class="ICHAffiliateLink04" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Testing Another Link 04</a></p>
</div>
<!-- END OF AFFILIATE SECTION -->
<!-- MASTERLIST SECTION -->
<div style="background:#000;width:181px;float:left;margin:3px 0px 0px 3px;padding:0px 0px 3px 0px;">
<div style="background:#fff;width:179px;float:left;border:1px solid #000;margin:-3px 0px 0px -3px;">
<div style="background:#e6ccb2;width:60px;height:25px;float:left;white-space:nowrap;margin:10px;">
<p class="ICHMasterlist" style="font-family:Arial;font-size:18px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:left;margin:5px 0px 0px 5px;">Masterlist.</p>
</div>
<div style="background:#fff;width:158px;float:left;border:1px solid #000;margin:0px 10px 10px;">
<div style="width:138px;height:25px;float:right;margin:20px 10px 3px;">
<p class="ICHMLClaimed" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:right;margin:0px;"><span style="background:#b08968;padding:10px 13px;color:#fff;text-decoration:none;">Taken Face Claims</span></p>
</div>
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:right;margin:0px 10px 10px;"><span style="color:#b08968;font-weight:bold;">Twice</span><br />Momo • Mina<br />
<span style="color:#b08968;font-weight:bold;">Blackpink</span><br />Jennie • Rose • Lisa • Jisoo<br />
<span style="color:#b08968;font-weight:bold;">Solos</span><br />Jieun • IU • Sejeong<br />
<span style="color:#b08968;font-weight:bold;">Models</span><br />Sungkyung • Sora • Jaehyun • Mitsuji • Kentaro<br />
<span style="color:#b08968;font-weight:bold;">Actors</span><br />Jaewook • Seo Yeji • Soohyun • Jihyo
</p>
<div style="width:138px;height:25px;float:right;margin:10px 10px 0px;">
<p class="ICHMLWishlist" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:right;margin:0px;"><span style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Wishlist</span></p>
</div>
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:11px;text-align:right;margin:0px 10px 10px;"><span style="color:#000;font-weight:bold;">Twice</span><br />Jihyo • Nayeon • Sana • Dahyun • Chaeyoung • Tzuyu
</p>
</div>
</div>
<!-- END OF MASTERLIST SECTION -->
</div>
</div>
<div style="width:212px;float:left;margin:0px 0px 0px 15px;">
<!-- ABOUT SECTION -->
<p class="ICHAbout" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;"><span style="color:#b08968;font-weight:bold;font-size:9px;">• • •</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<!-- END OF ABOUT SECTION -->
<!-- RULES SECTION -->
<div style="width:212px;float:left;">
<p class="ICHRulesTitle" style="font-family:Arial;font-size:18px;color:#e6ccb2;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:right;margin:5px 0px 5px 5px;"><span style="color:#000">✱</span> Guidelines.</p>
</div>
<div class="ICHRules" style="width:212px;height:1px;float:left;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">01</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Viverra maecenas accumsan lacus vel facilisis. Nunc congue nisi vitae suscipit tellus mauris a diam. Viverra tellus in hac habitasse platea dictumst.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">02</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Blandit libero volutpat sed cras ornare. Ultrices mi tempus imperdiet nulla malesuada pellentesque.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">03</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Id aliquet lectus proin nibh. Facilisi nullam vehicula ipsum a arcu cursus. Tincidunt ornare massa eget egestas purus. Dictum non consectetur a erat nam at lectus urna. Suspendisse in est ante in. Donec ac odio tempor orci dapibus ultrices in iaculis.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">04</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">05</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Pellentesque id nibh tortor id. Ornare arcu odio ut sem nulla pharetra diam sit. Nibh ipsum consequat nisl vel pretium lectus quam id.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">06</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Nisi lacus sed viverra tellus in hac habitasse platea dictumst. Eleifend mi in nulla posuere sollicitudin aliquam ultrices.
</p>
</div>
<!-- END OF RULES SECTION -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-22px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
</div>
</div>
Raw
02. I Can't Help - Main Page (1.1)
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ IMAGES ]
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor
• Main Page Image : ICHMainImage (433x290)
• Admin 01 Image : ICHAdmin01 (80x80)
• Admin 02 Image : ICHAdmin02 (80x80)
• Admin 03 Image : ICHAdmin03 (80x80)
• Admin 04 Image : ICHAdmin04 (80x80)
• Admin 05 Image : ICHAdmin05 (80x80)
[ TEXT ]
• Title : ICHTitle (This will occur twice, please change both!)
• Update Text : ICHUpdateInfo
• Information (Status, RP Style, Etc.) : ICHInfo
• Request Format : ICHRequest
• Affiliate Link 01 : ICHAffiliateLink01
• Affiliate Link 02 : ICHAffiliateLink02
• Affiliate Link 03 : ICHAffiliateLink03
• Affiliate Link 04 : ICHAffiliateLink04
• Wishlist Title : ICHWishlist
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:648px;height:648px;margin:auto;overflow:hidden;">
<div style="width:665px;height:648px;float:left;margin:0px;overflow:auto;">
<div style="width:648px;height:648px;float:left;">
<div style="width:363px;height:363px;float:left;margin:60px 0px 0px 70px;overflow:hidden;"><img alt="Ctt3X0Z.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:409px;height:233px;float:right;margin:-75px 0px 0px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
</div>
<div style="width:648px;height:648px;float:left;margin:-648px 0px 0px;">
<div style="width:648px;height:648px;float:left;">
<div style="background:#b08968;width:463px;height:350px;float:right;margin:149px 0px 0px;">
<!-- /// MAIN IMAGE /// -->
<div class="ICHMainImage" style="width:433px;height:290px;float:right;margin:30px 0px;overflow:hidden;"><img alt="WckIKKt.png" src="https://i.imgur.com/WckIKKt.png" style="width:433px;" /></div>
<!-- /// END OF MAIN IMAGE /// -->
<div style="width:463px;height:35px;float:left;margin:-190px 0px 0px -25px;">
<div style="background:#e6ccb2;height:35px;float:left;">
<!-- /// TITLE /// -->
<p class="ICHTitle" style="font-family:Arial;font-size:25px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:-2px;line-height:25px;text-align:left;margin:0px 0px 0px -45px;padding:6px 8px 3px 0px;">I can&#39;t Help.</p>
<!-- /// END OF TITLE /// -->
</div>
</div>
<div style="width:463px;height:20px;float:left;margin:-147px 0px 0px -2px;">
<div style="background:#fff;border:1px solid #000;height:18px;float:left;margin:0px;padding:0px 2px 0px;">
<div style="background:#000;height:20px;float:left;margin:-4px 0px 0px -10px;">
<p style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:7px 9px;">Scroll Down</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /// SECOND PAGE /// -->
<div style="background:#e6ccb2;width:648px;height:648px;float:left;overflow:hidden;">
<div style="width:361px;height:233px;float:left;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<div style="background:#fff;width:488px;height:490px;float:left;margin:-75px 80px 0px;">
<!-- TITLE -->
<div style="width:100%;height:115px;float:left;white-space:nowrap;margin:-80px 0px 0px;">
<p class="ICHTitle" style="font-family:Arial;font-size:150px;color:#b08968;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-15px;line-height:120px;text-align:center;margin:0px 0px 0px -195px;">I can&#39;t Help.</p>
</div>
<!-- END OF TITLE -->
<!-- UPDATE SECTION -->
<div style="background:#000;height:35px;float:right;margin:-56px 20px 0px 0px;overflow:hidden;">
<p class="ICHUpdateInfo" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:15px 15px;">• Pride Month Event — [06/11/21]</p>
</div>
<!-- END OF UPDATE SECTION -->
<div style="height:125px;width:488px;margin:57px 0px 0px;">
<div style="width:355px;height:60px;float:left;margin:40px 0px 0px 28px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" />
</div>
<div style="height:100px;width:488px;float:left;margin:-100px 0px 0px;">
<div style="height:100px;width:408px;float:left;margin:0px 40px 0px;">
<div style="background:#fff;height:80px;width:408px;float:left;border:1px solid #000;margin:5px 0px 0px -5px;">
<div style="height:80px;width:408px;float:left;margin:-6px 0px 0px 5px;">
<!-- ADMIN SECTION -->
<div style="width:80px;height:80px;float:left;overflow:hidden;">
<img class="ICHAdmin01" src="https://64.media.tumblr.com/2f57ef11f2d33fe966ab9687450f5b1f/f4c1f789beaf4703-60/s640x960/a97e0b5d9cc2a2cdb4bd2e586196aec347d84325.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px 3px;overflow:hidden;">
<img class="ICHAdmin02" src="https://64.media.tumblr.com/a9c7ceb7357ec160ee32bf0bcba8b90e/a5c222a53515b29f-91/s1280x1920/80dc207f62f682ac5acb07ebdd129c3b7647d675.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px 3px;overflow:hidden;">
<img class="ICHAdmin03" src="https://64.media.tumblr.com/d587314bad5942915141f8bed650d6f9/041cd8a5bc3a5fdb-ea/s640x960/24fb3546b57ca4ce7be07ba55274dc9e5fa9a048.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px 3px;overflow:hidden;">
<img class="ICHAdmin04" src="https://64.media.tumblr.com/61c3ab50e931190861276d65faed4a2b/bdff64e6daa24d62-2a/s640x960/39ad8719601494a75c8398683d1b3ba065da4e86.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="width:80px;height:80px;float:left;margin:0px 0px 0px -1px;overflow:hidden;">
<img class="ICHAdmin05" src="https://64.media.tumblr.com/30013b98f903e35bddeebbfb302e61c3/938f4084e936983b-78/s1280x1920/55ebb11755d97a62b708fd29316a07b4c519c9c9.jpg" style="max-width:80px;max-height:80px;" title="❝ Name Here ﹕ Small Intro here!" />
</div>
<div style="background:#e6ccb2;height:30px;float:right;margin:-15px 18px 0px 0px;overflow:hidden;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:13px 12px;">Hover to Meet us!</p>
</div>
<!-- END OF ADMIN SECTION -->
</div>
</div>
</div>
</div>
</div>
<div style="height:308px;width:408px;float:left;margin:0px 40px 0px;overflow:hidden;">
<div style="background:#fff;height:308px;width:425px;float:left;margin:0px;overflow:auto;">
<div style="width:408px;float:left;margin:0px 0px 40px;">
<div style="width:181px;float:left;margin:0px;">
<!-- INFO SECTION -->
<div style="width:181px;float:left;margin:0px;">
<p class="ICHInfo" style="font-family:Courier New;font-size:9px;color:#000;text-transform:uppercase;letter-spacing:1px;line-height:9px;text-align:left;margin:0px;"><span style="font-weight:bold;">Status :</span> Open<br />
<span style="font-weight:bold;">Platform :</span> Facebook<br />
<span style="font-weight:bold;">Genre :</span> AU / Slice-of-Life<br />
<span style="font-weight:bold;">Style :</span> Multi-Pov<br />
<span style="font-weight:bold;">Writing :</span> Para/Lit</p>
</div>
<!-- END OF INFO SECTION -->
<!-- RESERVATION FORMAT -->
<div style="background:#fff;width:179px;border:1px solid #000;float:left;margin:15px 0px;">
<p class="ICHRequest" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:1px;line-height:8px;text-align:left;margin:13px 12px;border-left:3px solid #b08968;padding:3px 5px;"><span style="font-weight:bold;">Reservation Format</span><br />Dibs on <i>Full Name (Group)</i></p>
</div>
<!-- END OF RESERVATION FORMAT -->
<!-- AFFILIATE SECTION -->
<div style="width:181px;height:25px;float:left;margin:10px 0px 0px;">
<p class="ICHAffiliateLink01" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Affiliate Link 01</a></p>
</div>
<div style="width:181px;height:25px;float:left;margin:10px 0px 0px;">
<p class="ICHAffiliateLink02" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Affiliate Link Test 02</a></p>
</div>
<div style="width:181px;height:25px;float:left;margin:10px 0px 0px;">
<p class="ICHAffiliateLink03" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Link 03</a></p>
</div>
<div style="width:181px;height:25px;float:left;margin:10px 0px 7px;">
<p class="ICHAffiliateLink04" style="font-family:Arial;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;line-height:8px;text-align:left;margin:0px;"><a href="https://www.asianfanfics.com/" style="background:#000;padding:10px 13px;color:#fff;text-decoration:none;">Testing Another Link 04</a></p>
</div>
<!-- END OF AFFILIATE SECTION -->
</div>
<div style="width:212px;float:left;margin:0px 0px 0px 15px;">
<!-- ABOUT SECTION -->
<p class="ICHAbout" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;"><span style="color:#b08968;font-weight:bold;font-size:9px;">• • •</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<!-- END OF ABOUT SECTION -->
<!-- WISHLIST SECTION -->
<div style="background:#000;width:212px;float:left;margin:15px 0px 0px 0px;padding:0px 0px 3px 0px;">
<div style="background:#fff;width:210px;float:left;border:1px solid #000;margin:-3px 0px 0px -3px;">
<div style="background:#e6ccb2;width:60px;height:25px;float:left;white-space:nowrap;margin:10px;">
<p class="ICHWishlist" style="font-family:Arial;font-size:18px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:left;margin:5px 0px 0px 5px;">Wishlist.</p>
</div>
<div style="background:#fff;width:188px;float:left;border:1px solid #000;margin:0px 10px 10px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:11px;text-align:right;margin:10px;"><span style="color:#000;font-weight:bold;">Twice</span><br />Jihyo • Nayeon • Sana • Dahyun • Chaeyoung • Tzuyu
</p>
</div>
</div>
</div>
<!-- END OF WISHLIST SECTION -->
</div>
</div>
</div>
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-26px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
</div>
</div>
Raw
03. I Can't Help - Guidelines Page
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ IMAGES ]
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor
• Main Page Image : ICHMainImage (181x385)
[ TEXT ]
• Title : ICHTitle
• Update Text : ICHPassword (Can be used if Application has a password hidden in the rules!)
• Rules Title : ICHRulesTitle
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:648px;height:648px;margin:auto;overflow:hidden;">
<div style="background:#e6ccb2;width:648px;height:648px;float:left;overflow:hidden;">
<div style="width:233px;height:409px;float:right;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:361px;height:363px;float:left;overflow:hidden;margin:266px 0px 0px;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
<div style="background:#fff;width:488px;height:490px;float:left;margin:-471px 80px 0px;">
<!-- /// TITLE /// -->
<div style="width:100%;height:115px;float:right;white-space:nowrap;margin:-80px 0px 0px;">
<p class="ICHTitle" style="font-family:Arial;font-size:150px;color:#b08968;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-15px;line-height:120px;text-align:center;margin:0px 0px 0px -160px;">Guidelines</p>
</div>
<!-- /// END OF TITLE /// -->
<!-- /// PASSWORD STATUS SECTION /// -->
<div style="background:#000;height:35px;float:left;margin:-56px 0px 0px 20px;overflow:hidden;">
<p class="ICHPassword" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:15px 15px;">• Applications Password Protected — False</p>
</div>
<!-- /// END OF PASSWORD STATUS SECTION /// -->
<div style="height:385px;width:408px;float:left;margin:30px 40px 0px;">
<div style="height:385px;width:181px;float:left;margin:0px;overflow:hidden;">
<img class="ICHMainImage" src="https://i.imgur.com/Ac7Lf9w.png" style="max-width:181px;" />
</div>
<div style="height:385px;width:227px;float:left;overflow:hidden;">
<div style="height:385px;width:244px;float:left;margin:0px;overflow:auto;">
<div style="width:212px;float:left;margin:0px;">
<div style="width:212px;float:left;margin:0px 0px 0px 15px;">
<!-- /// RULES SECTION /// -->
<div style="width:212px;float:left;">
<p class="ICHRulesTitle" style="font-family:Arial;font-size:18px;color:#e6ccb2;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:right;margin:5px 0px 5px 5px;"><span style="color:#000">✱</span> Guidelines.</p>
</div>
<div style="width:212px;height:1px;float:left;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">01</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Viverra maecenas accumsan lacus vel facilisis. Nunc congue nisi vitae suscipit tellus mauris a diam. Viverra tellus in hac habitasse platea dictumst.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">02</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Blandit libero volutpat sed cras ornare. Ultrices mi tempus imperdiet nulla malesuada pellentesque.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">03</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Id aliquet lectus proin nibh. Facilisi nullam vehicula ipsum a arcu cursus. Tincidunt ornare massa eget egestas purus. Dictum non consectetur a erat nam at lectus urna. Suspendisse in est ante in. Donec ac odio tempor orci dapibus ultrices in iaculis.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">04</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Quam lacus suspendisse faucibus interdum posuere lorem ipsum dolor.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">05</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Pellentesque id nibh tortor id. Ornare arcu odio ut sem nulla pharetra diam sit. Nibh ipsum consequat nisl vel pretium lectus quam id.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">06</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Nisi lacus sed viverra tellus in hac habitasse platea dictumst. Eleifend mi in nulla posuere sollicitudin aliquam ultrices.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">07</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Vitae congue mauris rhoncus aenean vel elit scelerisque mauris. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Feugiat in ante metus dictum at tempor commodo ullamcorper. Porttitor rhoncus dolor purus non enim praesent elementum facilisis leo.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">08</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Et netus et malesuada fames ac turpis. Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">09</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Nulla porttitor massa id neque aliquam vestibulum morbi blandit.
</p>
</div>
</div>
<div style="width:212px;float:left;margin:10px 0px 0px;">
<div style="height:18px;width:18px;float:left;border:1px solid #000;margin:0px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;font-weight:bold;letter-spacing:0px;line-height:7px;text-align:center;margin:6px 0px;">10</p>
</div>
<div style="width:187px;float:left;margin:0px 0px 0px 5px;">
<p style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px;">Amet nisl purus in mollis nunc sed. Erat imperdiet sed euismod nisi porta lorem. Sit amet risus nullam eget. Mattis rhoncus urna neque viverra justo. Enim sed faucibus turpis in eu mi bibendum neque.
</p>
</div>
</div>
<!-- /// END OF RULES SECTION /// -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-26px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
</div>
Raw
04. I Can't Help - Couples Page
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ IMAGES ]
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor
• Couple Icon Section 01 : ICHCoupleImage01 (Two will appear!)
• Couple Icon Section 02 : ICHCoupleImage02 (Two will appear!)
• Couple Icon Section 03 : ICHCoupleImage03 (Two will appear!)
• Couple Icon Section 04 : ICHCoupleImage04 (Two will appear!)
[ TEXT ]
• Title : ICHTitle
• Couple Names Section 01 : ICHCoupleName01
• Couple Name Info Section 01 : ICHDatingInfo01
• Couple Names Section 02 : ICHCoupleName02
• Couple Name Info Section 02 : ICHDatingInfo02
• Couple Names Section 03 : ICHCoupleName03
• Couple Name Info Section 03 : ICHDatingInfo03
• Couple Names Section 04 : ICHCoupleName04
• Couple Name Info Section 04 : ICHDatingInfo04
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:648px;height:648px;margin:auto;overflow:hidden;">
<div style="background:#b08968;width:648px;height:648px;float:left;overflow:hidden;">
<div style="width:233px;height:648px;float:right;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<!-- /// TITLE /// -->
<div style="width:100%;height:115px;float:right;white-space:nowrap;margin:-115px 0px 0px;">
<p class="ICHTitle" style="font-family:Arial;font-size:160px;color:#e6ccb2;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-15px;line-height:120px;text-align:center;margin:0px 0px 0px -30px;">Couples</p>
</div>
<!-- /// END OF TITLE /// -->
<div style="width:488px;height:488px;float:left;margin:-569px 80px 0px;overflow:hidden;">
<div style="height:488px;width:505px;float:left;margin:0px;overflow:auto;">
<!-- COUPLE SECTION 01 -->
<div style="background:#fff;height:140px;width:488px;float:left;margin:0px;">
<div style="height:140px;width:488px;float:left;margin:0px;">
<div style="width:434px;height:36px;float:left;margin:72px 0px 0px 8px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
</div>
<div style="height:140px;width:488px;float:left;margin:-140px 0px 0px;">
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 15px;overflow:hidden;">
<img class="ICHCoupleImage01" src="https://64.media.tumblr.com/e072c4f6ae2dfb00d9f9c0cbc8f5fe72/1b06983a2e4d4c3a-68/s1280x1920/321887972af1e0224f7c32b8f794c8379ef61091.png" style="width:110px;" />
</div>
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 0px;overflow:hidden;">
<img class="ICHCoupleImage01" src="https://64.media.tumblr.com/cea0aae62defa39af99c21e096090a82/9518d1a23f4362de-bc/s640x960/91ec3de1f4a2f27737bcd828f327cc7984a9f704.jpg" style="width:110px;" />
</div>
<div style="height:70px;width:223px;float:left;">
<p style="font-family:Arial;font-size:65px;color:#e6ccb2;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:65px;text-align:left;margin:10px 0px 5px -25px;">&#38;</p>
<p class="ICHCoupleName01" style="font-family:Arial;font-size:18px;color:#b08968;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:left;margin:-47px 0px 5px 5px;">Full Name 01<br />
Full Name 02</p>
</div>
<div style="height:40px;width:253px;float:left;margin:7px 0px 0px -35px;">
<div style="background:#fff;height:33px;border:1px solid #000;float:left;margin:4px 0px 0px 4px;padding-right:2px;">
<div style="background:#000;height:35px;float:left;margin:-4px 0px 0px -4px;">
<p class="ICHDatingInfo01" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:14px 13px;">• dating since : 06/10/21</p>
</div>
</div>
</div>
</div>
</div>
<!-- END OF COUPLE SECTION 01 -->
<!-- COUPLE SECTION 02 -->
<div style="background:#fff;height:140px;width:488px;float:left;margin:15px 0px 0px;">
<div style="height:140px;width:488px;float:left;margin:0px;">
<div style="width:434px;height:36px;float:left;margin:72px 0px 0px 8px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
</div>
<div style="height:140px;width:488px;float:left;margin:-140px 0px 0px;">
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 15px;overflow:hidden;">
<img class="ICHCoupleImage02" src="https://64.media.tumblr.com/4b5a50ca85015709021cc995e1961b4f/f4c1f789beaf4703-5e/s1280x1920/a769337505ca89322c0de37b6bbe2863137672a2.jpg" style="width:110px;" />
</div>
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 0px;overflow:hidden;">
<img class="ICHCoupleImage02" src="https://64.media.tumblr.com/61b4c5195ac481466d64d143565daca5/b0ac7d178225c66c-15/s1280x1920/13131b0ea5ce53a4bbf6f74083db57fb3d10699a.png" style="width:110px;" />
</div>
<div style="height:70px;width:223px;float:left;">
<p style="font-family:Arial;font-size:65px;color:#e6ccb2;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:65px;text-align:left;margin:10px 0px 5px -25px;">&#38;</p>
<p class="ICHCoupleName02" style="font-family:Arial;font-size:18px;color:#b08968;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:left;margin:-47px 0px 5px 5px;">Full Name test 01<br />
Full Name Test 02
</p>
</div>
<div style="height:40px;width:253px;float:left;margin:7px 0px 0px -35px;">
<div style="background:#fff;height:33px;border:1px solid #000;float:left;margin:4px 0px 0px 4px;padding-right:2px;">
<div style="background:#000;height:35px;float:left;margin:-4px 0px 0px -4px;">
<p class="ICHDatingInfo02" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:14px 13px;">• Married since : 06/10/21</p>
</div>
</div>
</div>
</div>
</div>
<!-- END OF COUPLE SECTION 02 -->
<!-- COUPLE SECTION 03 -->
<div style="background:#fff;height:140px;width:488px;float:left;margin:15px 0px 0px;">
<div style="height:140px;width:488px;float:left;margin:0px;">
<div style="width:434px;height:36px;float:left;margin:72px 0px 0px 8px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
</div>
<div style="height:140px;width:488px;float:left;margin:-140px 0px 0px;">
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 15px;overflow:hidden;">
<img class="ICHCoupleImage03" src="https://64.media.tumblr.com/f18b7ec44b79f6bbe326919a89e732f7/14d94a99120c7833-f1/s1280x1920/ed1c18332c9de1baf5bb028736ad07e1a8299cdd.png" style="width:110px;" />
</div>
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 0px;overflow:hidden;">
<img class="ICHCoupleImage03" src="https://64.media.tumblr.com/6add226b7a719c832f87bbf684a97b49/f4c1f789beaf4703-67/s1280x1920/5b02736e529e91a96d06ffaaf6f5624d2ba0e177.jpg" style="width:110px;" />
</div>
<div style="height:70px;width:223px;float:left;">
<p style="font-family:Arial;font-size:65px;color:#e6ccb2;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:65px;text-align:left;margin:10px 0px 5px -25px;">&#38;</p>
<p class="ICHCoupleName03" style="font-family:Arial;font-size:18px;color:#b08968;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:left;margin:-47px 0px 5px 5px;">Her Name<br />
His Name</p>
</div>
<div style="height:40px;width:253px;float:left;margin:7px 0px 0px -35px;">
<div style="background:#fff;height:33px;border:1px solid #000;float:left;margin:4px 0px 0px 4px;padding-right:2px;">
<div style="background:#000;height:35px;float:left;margin:-4px 0px 0px -4px;">
<p class="ICHDatingInfo03" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:14px 13px;">• Inseperable since : 06/10/21</p>
</div>
</div>
</div>
</div>
</div>
<!-- END OF COUPLE SECTION 03 -->
<!-- COUPLE SECTION 04 /// TO ADD MORE SECTIONS, COPY FROM HERE TO END SECTION -->
<div style="background:#fff;height:140px;width:488px;float:left;margin:15px 0px 0px;">
<div style="height:140px;width:488px;float:left;margin:0px;">
<div style="width:434px;height:36px;float:left;margin:72px 0px 0px 8px;overflow:hidden;"><img alt="Cy7ce50.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
</div>
<div style="height:140px;width:488px;float:left;margin:-140px 0px 0px;">
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 15px;overflow:hidden;">
<img class="ICHCoupleImage04" src="https://64.media.tumblr.com/7ddc8b8fa30d8f3b69a8e2dc0110b9ed/1769e792d393a7bb-8f/s640x960/229bda4a9be0dd423e4ef39e968d12c6cc39f8de.jpg" style="height:110px;" />
</div>
<div style="height:110px;width:110px;float:left;margin:15px 10px 15px 0px;overflow:hidden;">
<img class="ICHCoupleImage04" src="https://64.media.tumblr.com/543fd89b0211af9bcfe21a6e47a39634/tumblr_pdr4tnZMR91xz7azio7_1280.jpg" style="width:110px;" />
</div>
<div style="height:70px;width:223px;float:left;">
<p style="font-family:Arial;font-size:65px;color:#e6ccb2;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:65px;text-align:left;margin:10px 0px 5px -25px;">&#38;</p>
<p class="ICHCoupleName04" style="font-family:Arial;font-size:18px;color:#b08968;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;line-height:18px;text-align:left;margin:-47px 0px 5px 5px;">Name One<br />
Name Two</p>
</div>
<div style="height:40px;width:253px;float:left;margin:7px 0px 0px -35px;">
<div style="background:#fff;height:33px;border:1px solid #000;float:left;margin:4px 0px 0px 4px;padding-right:2px;">
<div style="background:#000;height:35px;float:left;margin:-4px 0px 0px -4px;">
<p class="ICHDatingInfo04" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:14px 13px;">• Together since : 06/10/21</p>
</div>
</div>
</div>
</div>
</div>
<!-- END OF SECTION 04 /// COPY TO HERE TO ADD ANOTHER SECTION -->
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-26px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
</div>
Raw
05. I Can't Help - Room Page (Image Ver.)
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ IMAGES ]
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor
• Room Page Image : ICHRoomImage (348x197)
[ TEXT ]
• Room Literacy : ICHRoomLiteracy
• Room Name : ICHRoomName
• Room Discription : ICHRoomDesc
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:485px;margin:auto;overflow:hidden;">
<div style="width:265px;height:313px;float:right;margin:0px;overflow:hidden;"><img alt="Ctt3X0Z.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:485px;float:left;margin:-313px 0px 60px;">
<div style="background:#fff;width:346px;height:195px;float:left;border:1px solid #000;margin:60px 0px 0px 49px;">
<div style="width:348px;height:197px;float:left;margin:-8px 0px 0px 6px;overflow:hidden;">
<img class="ICHRoomImage" src="https://i.imgur.com/XXNHqkx.png" style="height:197px;" />
</div>
</div>
<div style="background:#000;height:35px;float:right;margin:-65px 45px 0px 0px;overflow:hidden;">
<p class="ICHRoomLiteracy" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:15px 15px;">In Character — Literate</p>
</div>
<div style="width:100%;height:50px;float:left;white-space:nowrap;margin:-30px 0px 0px;">
<p class="ICHRoomName" style="font-family:Arial;font-size:50px;color:#b08968;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-5px;line-height:50px;text-align:center;margin:0px 0px 0px -40px;">room name test</p>
</div>
<div style="background:#e6ccb2;width:308px;float:left;margin:10px 0px 0px 75px;">
<p class="ICHRoomDesc" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:25px;">Vitae aliquet nec ullamcorper sit amet. Posuere ac ut consequat semper viverra nam libero. Id interdum velit laoreet id donec ultrices tincidunt arcu non. Pulvinar pellentesque habitant morbi tristique. Ac tincidunt vitae semper quis lectus nulla at volutpat diam.
</p>
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-26px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
Raw
06. I Can't Help - Room Page (Text Ver.)
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ TEXT ]
• Room Literacy : ICHRoomLiteracy
• Room Name : ICHRoomName
• Room Discription : ICHRoomDesc
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:485px;margin:auto;overflow:hidden;">
<div style="width:265px;height:313px;float:right;margin:0px;overflow:hidden;"><img alt="Ctt3X0Z.png" src="https://i.imgur.com/Cy7ce50.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:485px;float:left;margin:-313px 0px 60px;">
<div style="background:#fff;width:346px;float:left;border:1px solid #000;margin:60px 0px 0px 49px;">
<div style="width:100%;height:50px;float:left;white-space:nowrap;margin:15px 0px 0px;">
<p class="ICHRoomName" style="font-family:Arial;font-size:50px;color:#b08968;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-5px;line-height:50px;text-align:center;margin:0px 0px 0px -20px;">room name test</p>
</div>
<div style="background:#e6ccb2;width:308px;height:25px;float:left;margin:0px 19px 0px;"></div>
<div style="background:#000;height:35px;float:right;margin:-45px -18px 0px 0px;overflow:hidden;">
<p class="ICHRoomLiteracy" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:15px 15px;">In Character — Literate</p>
</div>
<div style="background:#e6ccb2;width:308px;float:left;margin:0px 19px 20px;">
<p class="ICHRoomDesc" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:0px 25px 25px;">Vitae aliquet nec ullamcorper sit amet. Posuere ac ut consequat semper viverra nam libero. Id interdum velit laoreet id donec ultrices tincidunt arcu non. Pulvinar pellentesque habitant morbi tristique. Ac tincidunt vitae semper quis lectus nulla at volutpat diam.
</p>
</div>
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-26px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
Raw
07. I Can't Help - Update Page (Image Ver.)
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ IMAGES ]
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor
• Room Page Image : ICHRoomImage (190x346)
[ TEXT ]
• Event Date/Duration : ICHEventDate
• Event Title : ICHEventTitle
• Event Discription : ICHEventDesc
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:435px;margin:auto;overflow:hidden;">
<div style="width:345px;height:310px;float:left;margin:83px 0px 0px 42px;overflow:hidden;"><img alt="Ctt3X0Z.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:485px;float:left;margin:-393px 0px 60px;">
<div style="background:#fff;width:190px;height:346px;float:left;border:1px solid #000;margin:60px 0px 0px 61px;">
<div class="ICHEventImage" style="width:192px;height:348px;float:left;margin:-6px 0px 0px 4px;overflow:hidden;">
<img src="https://i.imgur.com/atGcsFV.png" style="height:348px;" />
</div>
</div>
<div style="width:100%;height:50px;float:left;white-space:nowrap;margin:-373px 0px 0px;">
<p class="ICHEventTitle" style="font-family:Arial;font-size:50px;color:#b08968;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-5px;line-height:50px;text-align:center;margin:0px 0px 0px -18px;">Event Title</p>
</div>
<div style="background:#000;height:35px;float:left;margin:-340px 0px 0px 165px;overflow:hidden;">
<p class="ICHEventDate" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:15px 15px;">Event Duration : 3 Days</p>
</div>
<div style="background:#e6ccb2;width:180px;float:right;margin:-280px 70px 0px 0px;">
<p class="ICHEventDesc" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:25px;">Vitae aliquet nec ullamcorper sit amet. Posuere ac ut consequat semper viverra nam libero. Id interdum velit laoreet id donec ultrices tincidunt arcu non.<br/><br/>
Semper auctor neque vitae tempus quam. Lacus faucibus interdum posuere lorem ipsum dolor sit. Mauris augue neque gravida in fermentum et sollicitudin ac orci.
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-26px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
Raw
08. I Can't Help - Update Page (Text Ver.)
<!-- /// READ ME ///
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode.
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section.
[ COLORS ]
• Dark Brown (#b08968)
• Light Brown (#e6ccb2)
[ TEXT ]
• Event Date/Duration : ICHEventDate
• Event Title : ICHEventTitle
• Event Discription : ICHEventDesc
[ DIVS ]
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code.
[ MISC ]
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab
-->
<div style="width:435px;margin:auto;overflow:hidden;">
<div style="width:345px;height:310px;float:left;margin:83px 0px 0px 42px;overflow:hidden;"><img alt="Ctt3X0Z.png" src="https://i.imgur.com/Ctt3X0Z.png" style="max-width:648px;max-height:648px;" /></div>
<div style="width:485px;float:left;margin:-393px 0px 60px;">
<div style="background:#fff;width:190px;float:left;border:1px solid #000;margin:60px 0px 0px 61px;">
<div style="width:100%;height:50px;float:left;white-space:nowrap;margin:-20px 0px 0px;">
<p class="ICHEventTitle" style="font-family:Arial;font-size:50px;color:#b08968;text-transform:uppercase;font-weight:bold;font-style:italic;letter-spacing:-4px;line-height:50px;text-align:center;margin:0px 0px 0px 15px;">Event Title</p>
</div>
<div style="background:#000;height:35px;float:left;margin:-18px 0px 0px 20px;overflow:hidden;">
<p class="ICHEventDate" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;font-weight:bold;letter-spacing:1px;line-height:8px;text-align:left;margin:15px 15px;">Event Duration : 3 Days</p>
</div>
<div style="background:#e6ccb2;width:180px;float:left;margin:15px 0px 30px 80px;">
<p class="ICHEventDesc" style="font-family:Arial;font-size:8px;color:#000;text-transform:uppercase;letter-spacing:0.5px;line-height:10px;text-align:justify;margin:25px;">Vitae aliquet nec ullamcorper sit amet. Posuere ac ut consequat semper viverra nam libero. Id interdum velit laoreet id donec ultrices tincidunt arcu non.<br /><br />
Semper auctor neque vitae tempus quam. Lacus faucibus interdum posuere lorem ipsum dolor sit. Mauris augue neque gravida in fermentum et sollicitudin ac orci.
</div>
</div>
</div>
<!-- /// CREDIT SECTION /// -->
<div style="height:20px;width:20px;float:right;border:1px solid #000;margin:-26px 5px 0px 0px;">
<p style="font-family:Arial;font-size:7px;text-transform:uppercase;letter-spacing:0px;font-weight:bold;line-height:7px;text-align:center;margin:6px 0px;"><a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">NT</a></p>
</div>
<!-- /// END OF CREDIT SECTION /// -->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment