API tools faq
paste
eienpressure

004 // "Best Luck" Layout (foreword)

eienpressure
Jul 31st, 2014
331
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.74 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin-left:100px;">
  2. <p><img alt="xP07Lha.png" src="http://i.imgur.com/xP07Lha.png" style="width:350px;" /><img alt="ZCbD8dt.png" src="http://i.imgur.com/ZCbD8dt.png" style="width:300px;margin:0px 0px 235px -327px;" /></p>
  3.  
  4. <div style="margin:-515px 0px 0px 30px;width:280px;text-align:center;font-family:georgia;font-size:20px;color:#779955;line-height:11px;font-weight:bold;letter-spacing:-1px;">최고의 행운<br />
  5. <span style="font-size:10px;color:#fff;"><i>EVERYDAY I&#39;M SO LUCKY</i></span></div>
  6.  
  7. <div style="margin-left:65px;margin-top:10px;width:220px;height:170px;overflow:auto;text-align:justify;font-family:verdana;font-size:8px;text-transform:uppercase;color:#808080;">THIS IS THE ABOUT SECTION! TELL YOUR READERS/FUTURE APPLICANTS WHAT YOUR FIC IS ABOUT RIGHT HERE. IF YOU HAPPEN TO WRITE TOO MUCH, IT&#39;LL BECOME A SCROLLBOX SO DON&#39;T WORRY ABOUT LENGTH. ALTERNATIVELY, YOU CAN REPLEACE TEXT HERE WITH A GIF OR SOMETHING AND THAT MIGHT WORK IN WHICH CASE YOU CAN JUST MOVE THE ABOUT SECTION TO THE RIGHT WHERE THE RULES AND STORY INFO ARE. IT&#39;S ALL UP TO YOU! KEEP IN MIND, THOUGH, IF YOU END UP WRITING TOO MUCH <b>MAKE SURE YOU CHANGE THE VARIABLE FOR &#39;MARGIN-LEFT&#39; TO 73PX INSTEAD OF 65PX.</b></div>
  8.  
  9. <p><img alt="0Ouy9yf.png" src="http://i.imgur.com/0Ouy9yf.png" style="width:140px;height:25px;margin-left:100px;margin-top:125px;" /></p>
  10.  
  11. <div style="margin-left:100px;margin-top:-67px;width:135px;text-align:center;background:#fff;font-family:georgia;font-size:10px;font-weight:bold;"><b><a href="" rel="nofollow" style="color:#404040;"><i>CHEAT SHEET</i></a></b></div>
  12.  
  13. <p><img alt="0Ouy9yf.png" src="http://i.imgur.com/0Ouy9yf.png" style="width:140px;height:25px;margin-left:100px;margin-top:10px;" /></p>
  14.  
  15. <div style="margin-left:100px;margin-top:-67px;width:135px;text-align:center;background:#fff;font-family:georgia;font-size:10px;font-weight:bold;"><b><a href="" rel="nofollow" style="color:#404040;"><i>APPLICANTS</i></a></b></div>
  16.  
  17. <p><img alt="0Ouy9yf.png" src="http://i.imgur.com/0Ouy9yf.png" style="width:140px;height:25px;margin-left:100px;margin-top:10px;" /></p>
  18.  
  19. <div style="margin-left:100px;margin-top:-67px;width:135px;text-align:center;background:#fff;font-family:georgia;font-size:10px;font-weight:bold;"><b><a href="" rel="nofollow" style="color:#404040;"><i>UPDATES</i></a></b></div>
  20.  
  21. <p><img alt="0Ouy9yf.png" src="http://i.imgur.com/0Ouy9yf.png" style="width:140px;height:25px;margin-left:100px;margin-top:10px;" /></p>
  22.  
  23. <div style="margin-left:100px;margin-top:-67px;width:135px;text-align:center;background:#fff;font-family:georgia;font-size:10px;font-weight:bold;"><b><a href="http://www.asianfanfics.com/story/view/776209" rel="nofollow" style="color:#404040;" title="layout made by shortcake productions"><i>CREDIT</i></a></b></div>
  24.  
  25. <p>&nbsp;</p>
  26.  
  27. <p>&nbsp;</p>
  28.  
  29. <div style="float:right;margin-right:170px;margin-top:-584px;width:350px;height:525px;line-height:12px;">
  30. <div style="line-height:24px;letter-spacing:-1px;font-family:georgia;font-size:24px;color:#779955;border-bottom:1px solid #ddd;"><b><i>➳ RULES</i></b></div>
  31. <span style="font-family:verdana;font-size:8px;text-transform:uppercase;color:#808080;"><b>001</b> ) rule here<br />
  32. <b>002</b> ) rule here<br />
  33. <b>003</b> ) rule here<br />
  34. <b>004</b> ) rule here<br />
  35. <b>005</b> ) rule here<br />
  36. <b>006</b> ) rule here</span><br />
  37. <br />
  38. <br />
  39. &nbsp;
  40. <div style="line-height:24px;letter-spacing:-1px;font-family:georgia;font-size:24px;color:#779955;border-bottom:1px solid #ddd;"><b><i>➳ STORY INFO</i></b></div>
  41. <span style="font-family:verdana;font-size:8px;text-transform:uppercase;color:#808080;"><b>TITLE</b> ) 최고의 행운 / BEST LUCK<br />
  42. <b>AUTHOR</b> ) eienepressure<br />
  43. <b>GENRE</b> ) goes here<br />
  44. <b>CHARACTERS</b> ) goes here<br />
  45. <b>STARTED</b> ) july 23, 204</span><br />
  46. <br />
  47. <br />
  48. &nbsp;
  49. <center><img alt="T22lDg4.png" src="http://i.imgur.com/T22lDg4.png" /><br />
  50. &nbsp;
  51. <div style="width:300px;height:97px;border:1px solid #ddd;padding:5px;text-align:justify;font-family:verdana;font-size:8px;text-transform:uppercase;color:#808080;overflow:auto;"><b>AUTHOR&#39;S NOTE</b> ➳ PRETTY SELF EXPLANATORY SECTION, YES? IF YOU SOMEHOW MANAGED TO WRITE A LOT THEN THIS WILL ALSO TURN INTO A SCROLLBOX! ALTERNATIVELY, YOU CAN JUST CHANGE THE HEIGHT OF THIS BOX AS YOU NEED. AS FOR THE POSITION OF THIS BOX, IT MOVES UP AND DOWN DEPENDING ON HOW MUCH YOU WRITE IN THE SECTIONS ABOVE. WRITE A LOT AND THIS BOX WILL GET PUSHED DOWN, WRITE A FEW LINES AND THIS BOX WILL BE PULLED UP. <b>this layout was inspired by <a href="https://www.youtube.com/watch?v=4aXOCVkvDpA" rel="nofollow" style="color:#dddd88;" title="you'll want to click this. trust me.">the tears i shed because of kim jongdae</a></b></div>
  52. </center>
  53. </div>
  54. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!