Skip to content

Instantly share code, notes, and snippets.

@funruby

funruby/01 - Homepage

Created January 1, 2016 17:56
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 funruby/7130707c3491a4c8919d to your computer and use it in GitHub Desktop.
Save funruby/7130707c3491a4c8919d to your computer and use it in GitHub Desktop.
Download ZIP
[RP] Recreational Fame
Raw
01 - Homepage
<!-- use these as a guide! keep in mind these messages will self-destruct after you press 'save' -->
<div style="width:800px;float:left;margin:auto;margin-bottom:15px;">
<div style="width:800px;float:left;margin:auto;">
<!-- QUOTE HERE -->
<div style="width:800px;float:left;margin:0px;height:65px;background-color:#242424;">
<div style="font-family:'helvetica condensed', tahoma;font-size:12px;color:#FFFFFF;text-align:right;margin-right:15px;margin-top:48px;line-height:100%;text-transform:uppercase;letter-spacing:.3px;">you&#39;re the life present in everything i do.</div>
</div>
<div style="width:800px;float:left;margin:0px;height:20px;background-color:#5CB7D5;">&nbsp;</div>
<!-- BANNER (2 PICS ) -->
<div style="width:800px;float:left;margin:0px;">
<div style="width:800px;"><img alt="" src="http://i.imgur.com/kV1iq5e.png" style="width:401.5px;float:left;margin:-3px;padding:3px;" /><img alt="" src="http://i.imgur.com/IxT7Bu4.png" style="width:398.5px;float:left;margin:-3px;padding:3px;" /></div>
</div>
<!-- NAVIGATION -->
<div style="width:800px;float:left;margin:0px;height:360px;margin-top:-360px;">
<div style="width:800px;float:left;margin:0px;margin-top:30px;">
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:55px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#5CB7D5;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">home</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">masterlist</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">couples</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">wishlist</div>
</div>
</div>
<!-- END NAVIGATION -->
<div style="width:800px;margin:0px;margin-top:275px;">
<div style="font-family:arial;font-size:13px;color:#FFFFFF;text-align:right;margin-right:30px;line-height:30%;text-transform:uppercase;">an asianfanfics roleplay</div>
<!-- RP NAME -->
<div style="font-family:'helvetica condensed', helvetica;font-size:45px;color:#000;line-height:100%;text-align:right;margin-right:25px;text-transform:uppercase;"><strong>lines</strong></div>
<!-- AFFLIATES SECTION -->
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:720px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:10px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:10px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
</div>
</div>
<!-- END TOP BANNER SECTION -->
<div style="width:800px;float:left;margin:0px;height:20px;background-color:#5CB7D5;">&nbsp;</div>
<div style="width:800px;float:left;margin:0px;padding-top:30px;padding-bottom:30px;background-color:#242424;">
<div style="width:750px;float:left;margin:0px;margin-left:20px;">
<div style="width:450px;float:left;margin:0px;">
<div style="width:450px;float:left;margin:0px;">
<!-- ABOUT US -->
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">about us</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:450px;float:left;margin:0px;margin-top:9px;background-color:#000;padding-top:8px;padding-bottom:15px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam.</div>
</div>
<!-- END ABOUT US -->
<!-- JOINING -->
<div style="width:450px;float:left;margin:0px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;margin-top:20px;">how to join</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:450px;float:left;margin:0px;margin-top:9px;background-color:#000;padding-top:8px;padding-bottom:15px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam.</div>
</div>
<!-- END JOINING -->
<!-- RULES -->
<div style="width:450px;float:left;margin:0px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;margin-top:20px;">rules &amp; regulations</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:450px;float:left;margin:0px;margin-top:9px;background-color:#000;padding-top:8px;padding-bottom:15px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;"><strong><em><span style="color:#5CB7D5;">one.</span></em></strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.<br />
<em><strong><span style="color:#5CB7D5;">two.</span></strong></em>&nbsp;Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh<br />
<em><strong><span style="color:#5CB7D5;">three.</span></strong></em>&nbsp;elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.<br />
<strong><em><span style="color:#5CB7D5;">four.</span></em></strong>&nbsp;Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra.<br />
<em><strong><span style="color:#5CB7D5;">five.</span></strong></em>&nbsp;per inceptos himenaeos. Curabitur sodales ligula in libero.<br />
<strong><em><span style="color:#5CB7D5;">six.</span></em></strong>&nbsp;Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam.</div>
</div>
</div>
<!-- END RULES -->
<!-- EVENTS + UPDATE -->
<div style="width:250px;margin-left:50px;float:left;">
<div style="width:250px;float:left;margin:0px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">events &amp; updates</div>
<div style="width:250px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:250px;float:left;margin:0px;margin-top:9px;background-color:#000;padding-top:8px;padding-bottom:15px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;"><em><strong><span style="color:#5CB7D5;">date</span></strong></em> - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.<br />
<br />
<em><strong><span style="color:#5CB7D5;">date</span></strong></em> - enter event here ( casual, all members invited )</div>
</div>
<!-- END EVENTS + UPDATE -->
<!-- FEATURED VIDEO -->
<div style="width:250px;float:left;margin:0px;margin-top:20px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">featured video</div>
<div style="width:250px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:240px;float:left;margin:0px;margin-top:9px;background-color:#000;padding:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:100%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;"><em><strong><span style="color:#5CB7D5;">shinee</span></strong></em>&nbsp;- dream girl (ballad)<br />
&nbsp;</div>
<!-- VIDEO - ONLY CHANGE THE SRC -->
<iframe frameborder="0" height="135" src="//www.youtube.com/embed/f7cphj8aLhs" width="240"></iframe></div>
<!-- ADMINS SECTION -->
<div style="width:250px;float:left;margin:0px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">admins</div>
<div style="width:250px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<!-- ADMIN 1 -->
<div style="width:240px;float:left;margin:0px;margin-top:9px;background-color:#000;padding:5px;">
<div style="width:240px;"><img alt="" src="http://media.tumblr.com/64b711ec8017681b106fa4f1aeaab6e2/tumblr_inline_mjlc532v581qz4rgp.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" />
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">krystal jung</span></a></div>
</div>
<!-- ADMIN 2 -->
<img alt="" src="http://i.imgur.com/CZH7f2d.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" />
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">kim myungsoo</span></a></div>
</div>
<!-- ADMIN 3 -->
<img alt="" src="https://31.media.tumblr.com/18a4898c2cbecaae63a935b47b82c869/tumblr_n02jezetbj1r70rblo1_500.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" />
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">kim jonghyun</span></a></div>
</div>
<!-- ADMIN 4 -->
<img alt="" src="http://25.media.tumblr.com/tumblr_lz5xeeMQtP1qcm8pyo1_500.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" />
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">lee jieun</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END ADMIN -->
<div style="width:800px;float:left;margin:0px;height:45px;background-color:#5CB7D5;">
<div style="font-family:arial;font-size:11px;color:#FFFFFF;text-align:center;line-height:100%;margin-top:17px;margin-bottom:13px;"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-roleplay-layouts-gallery-layout-profile" rel="nofollow"><span style="color:#FFFFFF;">CODED &amp; DESIGNED BY HOLISTIC FROM SYNCRATIC DESIGNS</a></span><br />
<br />
.</div>
</div>
</div>
Raw
02 - Masterlist & Wishlist
<!-- use these as a guide! keep in mind these messages will self-destruct after you press 'save' -->
<div style="width:800px;float:left;margin:auto;margin-bottom:15px;">
<div style="width:800px;float:left;margin:auto;">
<!-- QUOTE -->
<div style="width:800px;float:left;margin:0px;height:65px;background-color:#242424;">
<div style="font-family:'helvetica condensed', tahoma;font-size:12px;color:#FFFFFF;text-align:right;margin-right:15px;margin-top:48px;line-height:100%;text-transform:uppercase;letter-spacing:.3px;">you&#39;re the life present in everything i do.</div>
</div>
<div style="width:800px;float:left;margin:0px;height:20px;background-color:#5CB7D5;">&nbsp;</div>
<!-- BANNER (2 PICS) -->
<div style="width:800px;float:left;margin:0px;">
<div style="width:800px;"><img alt="" src="http://i.imgur.com/kV1iq5e.png" style="width:401.5px;float:left;margin:-3px;padding:3px;" /><img alt="" src="http://i.imgur.com/IxT7Bu4.png" style="width:398.5px;float:left;margin:-3px;padding:3px;" /></div>
</div>
<!-- NAVIGATION -->
<div style="width:800px;float:left;margin:0px;height:360px;margin-top:-360px;">
<div style="width:800px;float:left;margin:0px;margin-top:30px;">
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:55px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">home</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#5CB7D5;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">masterlist</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">couples</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">wishlist</div>
</div>
</div>
<!-- END NAVIGATION -->
<div style="width:800px;margin:0px;margin-top:275px;">
<div style="font-family:arial;font-size:13px;color:#FFFFFF;text-align:right;margin-right:30px;line-height:30%;text-transform:uppercase;">an asianfanfics roleplay</div>
<!-- RP NAME -->
<div style="font-family:'helvetica condensed', helvetica;font-size:45px;color:#000;line-height:100%;text-align:right;margin-right:25px;text-transform:uppercase;"><strong>lines</strong></div>
<!-- AFFLIATES SECTION -->
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:720px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:10px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:10px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
</div>
</div>
<!-- END AFFLIATES SECTION -->
<div style="width:800px;float:left;margin:0px;height:20px;background-color:#5CB7D5;">&nbsp;</div>
<div style="width:800px;float:left;margin:0px;padding-top:30px;padding-bottom:30px;background-color:#242424;">
<div style="width:750px;float:left;margin:0px;margin-left:20px;">
<div style="width:450px;float:left;margin:0px;">
<div style="width:450px;float:left;margin:0px;">
<!-- FEMALE MASTERLIST SECTION -->
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">female masterlist</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:440px;float:left;margin:0px;margin-top:3px;padding-left:5px;padding-right:5px;padding-bottom:15px;">
<!-- FIRST ROW (COPY AND PASTE FROM HERE TO END OF FIRST ROW FOR BETTER RESULTS!) -->
<!-- FIRST GROUP ( copy and paste from here to next message )-->
<div style="width:440px;">
<div style="width:215px;float:left;margin:0px;margin-top:10px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">f(x)</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name ,&nbsp;name , name , name</div>
</div>
</div>
</div>
<!-- END FIRST GROUP -->
<!-- SECOND GROUP -->
<div style="width:215px;float:left;margin:0px;margin-top:10px;margin-left:10px;">
<div style="width:215px;float:left;margin:0px;margin-top:0px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">apink</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name ,&nbsp;name , name , name</div>
</div>
</div>
</div>
<!-- END SECOND GROUP -->
<!-- END FIRST ROW -->
</div>
</div>
</div>
<!-- START SECOND ROW -->
<div style="width:440px;">
<div style="width:215px;float:left;margin:0px;margin-top:0px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">snsd</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name ,&nbsp;name , name , name</div>
</div>
</div>
</div>
<div style="width:215px;float:left;margin:0px;margin-top:0px;margin-left:10px;">
<div style="width:215px;float:left;margin:0px;margin-top:0px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">soloists</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name ,&nbsp;name , name</div>
</div>
</div>
</div>
<!-- END SECOND GROUP -->
</div>
<!-- MALE MASTERLIST -->
<div style="width:450px;float:left;margin:0px;margin-top:35px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">male masterlist</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:440px;float:left;margin:0px;margin-top:3px;padding-left:5px;padding-right:5px;padding-bottom:15px;">
<!-- FIRST ROW (COPY UNTIL END FIRST ROW) -->
<div style="width:440px;">
<div style="width:215px;float:left;margin:0px;margin-top:10px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">exo</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name ,&nbsp;name , name , name</div>
</div>
</div>
</div>
<!-- END FIRST MALE GROUP -->
<!-- SECOND MALE GROUP -->
<div style="width:215px;float:left;margin:0px;margin-top:10px;margin-left:10px;">
<div style="width:215px;float:left;margin:0px;margin-top:0px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">infinite</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name ,&nbsp;name , name , name</div>
<!-- END SECOND MALE GROUP -->
</div>
</div>
</div>
<!-- END FIRST ROW -->
</div>
</div>
</div>
<!-- SECOND ROW -->
<div style="width:440px;">
<div style="width:215px;float:left;margin:0px;margin-top:0px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">shinee</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name ,&nbsp;name , name , name</div>
</div>
</div>
</div>
<div style="width:215px;float:left;margin:0px;margin-top:0px;margin-left:10px;">
<div style="width:215px;float:left;margin:0px;margin-top:0px;">
<div style="width:215px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">soloists</div>
<div style="width:215px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:7px;">&nbsp;</div>
<div style="width:215px;float:left;margin:0px;margin-top:8px;background-color:#000;padding-top:5px;padding-bottom:5px;">
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name , name , name</div>
</div>
</div>
</div>
<!-- END SECOND ROW -->
</div>
</div>
</div>
</div>
<!-- WISHLIST -->
<div style="width:250px;margin-left:50px;float:left;">
<div style="width:250px;float:left;margin:0px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">wishlist</div>
<div style="width:250px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:250px;float:left;margin:0px;margin-top:9px;background-color:#000;padding-top:8px;padding-bottom:15px;">
<!-- WISH -->
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:justify;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;"><em><strong><span style="color:#5CB7D5;">name</span></strong></em> - enter wishes here.&nbsp;<strong>urgent in bold.</strong><br />
<br />
<!-- END OF WISH -->
<em><strong><span style="color:#5CB7D5;">name</span></strong></em> - enter wishes here.&nbsp;<strong>urgent in bold.</strong><br />
<br />
<em><strong><span style="color:#5CB7D5;">name</span></strong></em> - enter wishes here.&nbsp;<strong>urgent in bold.</strong><br />
<br />
<em><strong><span style="color:#5CB7D5;">name</span></strong></em> - enter wishes here.&nbsp;<strong>urgent in bold.</strong></div>
</div>
<!-- NEWEST MEMBERS -->
<div style="width:250px;float:left;margin:0px;margin-top:20px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">newest members</div>
<div style="width:250px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:240px;float:left;margin:0px;margin-top:9px;background-color:#000;padding:5px;">
<!-- FIRST MEMBER -->
<div style="width:240px;"><img alt="" src="http://media.tumblr.com/64b711ec8017681b106fa4f1aeaab6e2/tumblr_inline_mjlc532v581qz4rgp.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" />
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">krystal jung</span></a></div>
</div>
<!-- SECOND MEMBER -->
<a href="http://adminurl.com" rel="nofollow"><img alt="" src="http://i.imgur.com/CZH7f2d.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" /></a>
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">kim myungsoo</span></a></div>
</div>
<!-- THIRD MEMBER -->
<img alt="" src="https://31.media.tumblr.com/18a4898c2cbecaae63a935b47b82c869/tumblr_n02jezetbj1r70rblo1_500.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" />
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">kim jonghyun</span></a></div>
</div>
<!-- FOURTH MEMBER -->
<img alt="" src="http://25.media.tumblr.com/tumblr_lz5xeeMQtP1qcm8pyo1_500.gif" style="width:120px;float:left;margin:-3px;padding:3px;height:67px;" />
<div style="width:120px;float:left;margin:0px;margin-top:0px;margin-left:-120px;height:67px;">
<div style="font-family:calibri, 'times new roman';font-size:8px;color:#FFFFFF;text-align:right;margin-right:2px;line-height:100%;margin-top:57px;text-transform:uppercase;"><a href="http://adminurl.com" rel="nofollow"><span style="color:#FFFFFF;">lee jieun</span></a></div>
</div>
</div>
</div>
<!-- END NEWEST MEMBERS SECTION -->
<!-- TOTAL RPERS SECTION -->
<div style="width:250px;float:left;margin:0px;margin-top:15px;">
<div style="width:250px;">
<div style="width:50px;height:70px;float:left;margin:0px;background-color:#000;">
<div style="font-family:'helvetica condensed', tahoma;font-size:40px;text-align:center;line-height:100%;margin:0px;margin-top:15px;color:#FFFFFF;">0</div>
</div>
<div style="width:50px;height:70px;float:left;margin:0px;background-color:#000;margin-left:3px;">
<div style="font-family:'helvetica condensed', tahoma;font-size:40px;text-align:center;line-height:100%;margin:0px;margin-top:15px;color:#FFFFFF;">0</div>
</div>
<div style="width:145px;float:left;margin:0px;margin-top:15px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;text-align:left;line-height:100%;margin-left:10px;margin-right:10px;text-transform:uppercase;"><strong>role<br />
players</strong></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="width:800px;float:left;margin:0px;height:45px;background-color:#5CB7D5;">
<div style="font-family:arial;font-size:11px;color:#FFFFFF;text-align:center;line-height:100%;margin-top:17px;margin-bottom:13px;"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-roleplay-layouts-gallery-layout-profile" rel="nofollow"><span style="color:#FFFFFF;">CODED &amp; DESIGNED BY HOLISTIC FROM SYNCRATIC DESIGNS</a></span><br />
<br />
.</div>
</div>
</div>
</div>
Raw
03 - Couplelist
<div style="width:800px;float:left;margin:auto;margin-bottom:15px;">
<div style="width:800px;float:left;margin:auto;">
<div style="width:800px;float:left;margin:0px;height:65px;background-color:#242424;">
<div style="font-family:'helvetica condensed', tahoma;font-size:12px;color:#FFFFFF;text-align:right;margin-right:15px;margin-top:48px;line-height:100%;text-transform:uppercase;letter-spacing:.3px;">you&#39;re the life present in everything i do.</div>
</div>
<div style="width:800px;float:left;margin:0px;height:20px;background-color:#5CB7D5;">&nbsp;</div>
<div style="width:800px;float:left;margin:0px;">
<div style="width:800px;"><img alt="" src="http://i.imgur.com/kV1iq5e.png" style="width:401.5px;float:left;margin:-3px;padding:3px;" /><img alt="" src="http://i.imgur.com/IxT7Bu4.png" style="width:398.5px;float:left;margin:-3px;padding:3px;" /></div>
</div>
<div style="width:800px;float:left;margin:0px;height:360px;margin-top:-360px;">
<div style="width:800px;float:left;margin:0px;margin-top:30px;">
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:55px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">home</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">masterlist</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#5CB7D5;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">couples</div>
</div>
<div style="width:150px;height:30px;background-color:#000;opacity:.7;float:left;margin:0px;margin-left:30px;">
<div style="font-family:'Helvetica Condensed', helvetica;color:#FFFFFF;line-height:100%;margin-top:8px;text-transform:uppercase;text-align:center;">base</div>
</div>
</div>
<div style="width:800px;margin:0px;margin-top:275px;">
<div style="font-family:arial;font-size:13px;color:#FFFFFF;text-align:right;margin-right:30px;line-height:30%;text-transform:uppercase;">an asianfanfics roleplay</div>
<div style="font-family:'helvetica condensed', helvetica;font-size:45px;color:#000;line-height:100%;text-align:right;margin-right:25px;text-transform:uppercase;"><strong>lines</strong></div>
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:720px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:10px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
<div style="width:10px;height:10px;float:left;margin:0px;margin-left:10px;background-color:#5CB7D5;border-radius:10px;" title="enter affliate name here"><a href="http://url.com" rel="nofollow">&nbsp;</a></div>
</div>
</div>
<div style="width:800px;float:left;margin:0px;height:20px;background-color:#5CB7D5;">&nbsp;</div>
<div style="width:800px;float:left;margin:0px;padding-top:30px;padding-bottom:30px;background-color:#242424;">
<div style="width:450px;float:left;margin:0px;margin-left:175px;margin-right:175px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">couple name</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:440px;float:left;margin:0px;margin-top:6px;padding-left:5px;margin-left:175px;padding-right:5px;padding-bottom:15px;background-color:#000;"><img alt="" src="http://25.media.tumblr.com/f31f767fb61f939315ecf0fb5d8dc620/tumblr_n13qz41kUo1qihji8o1_500.gif" style="float:left;margin:10px 10px 10px 40px;width:177px;" /><img alt="" src="http://24.media.tumblr.com/5ecb4472eff69d2379a812009174b1e7/tumblr_n13qz41kUo1qihji8o2_500.gif" style="float:left;margin:10px 10px 10px 0px;width:177px;" />
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:center;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name x name | dating status since date</div>
</div>
</div>
<div style="width:800px;float:left;margin:0px;padding-top:0px;padding-bottom:30px;background-color:#242424;">
<div style="width:450px;float:left;margin:0px;margin-left:175px;margin-right:175px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">couple name</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:440px;float:left;margin:0px;margin-top:6px;padding-left:5px;margin-left:175px;padding-right:5px;padding-bottom:15px;background-color:#000;"><img alt="" src="http://25.media.tumblr.com/f31f767fb61f939315ecf0fb5d8dc620/tumblr_n13qz41kUo1qihji8o1_500.gif" style="float:left;margin:10px 10px 10px 40px;width:177px;" /><img alt="" src="http://24.media.tumblr.com/5ecb4472eff69d2379a812009174b1e7/tumblr_n13qz41kUo1qihji8o2_500.gif" style="float:left;margin:10px 10px 10px 0px;width:177px;" />
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:center;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name x name | dating status since date</div>
</div>
</div>
<!-- SECOND COUPLE -- IF YOU NEED MORE SECTIONS, COPY FROM THIS PART OF THE CODE TO THE END OF SECOND COUPLE -->
<div style="width:800px;float:left;margin:0px;padding-top:0px;padding-bottom:30px;background-color:#242424;">
<div style="width:450px;float:left;margin:0px;margin-left:175px;margin-right:175px;">
<div style="font-family:'helvetica condensed', helvetica;font-size:20px;color:#FFFFFF;line-height:100%;text-transform:uppercase;text-align:right;">couple name</div>
<div style="width:450px;float:left;margin:0px;margin-top:3px;background-color:#5CB7D5;height:15px;">&nbsp;</div>
</div>
<div style="width:440px;float:left;margin:0px;margin-top:6px;padding-left:5px;margin-left:175px;padding-right:5px;padding-bottom:15px;background-color:#000;"><img alt="" src="http://25.media.tumblr.com/f31f767fb61f939315ecf0fb5d8dc620/tumblr_n13qz41kUo1qihji8o1_500.gif" style="float:left;margin:10px 10px 10px 40px;width:177px;" /><img alt="" src="http://24.media.tumblr.com/5ecb4472eff69d2379a812009174b1e7/tumblr_n13qz41kUo1qihji8o2_500.gif" style="float:left;margin:10px 10px 10px 0px;width:177px;" />
<div style="font-family:'helvetica neue';font-size:9px;color:#FFFFFF;line-height:130%;text-align:center;margin-left:25px;margin-right:25px;text-transform:uppercase;letter-spacing:1px;">name x name | dating status since date</div>
</div>
</div>
<!-- END SECOND COUPLE -->
<div style="width:800px;float:left;margin:0px;height:45px;background-color:#5CB7D5;">
<div style="font-family:arial;font-size:11px;color:#FFFFFF;text-align:center;line-height:100%;margin-top:17px;margin-bottom:13px;"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-roleplay-layouts-gallery-layout-profile" rel="nofollow"><span style="color:#FFFFFF;">CODED &amp; DESIGNED BY HOLISTIC FROM SYNCRATIC DESIGNS</a></span><br />
<br />
.</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment