API tools faq
paste
Advertisement
DamionHellspawn

Yu Narukami's profile code

DamionHellspawn
Sep 26th, 2018
199
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.03 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. /*----- IMPORT BASE CODE -----*/
  3. @import url(https://ellexidecodes.github.io/Profile-Codes/free/cyclone.css);
  4.  
  5. /*
  6.  
  7. AUTHOR: Elle
  8. LANGUAGE: HTML/CSS
  9. FOR: Cyclone [RPC PROFILE]
  10. LICENSE WILL NOT BE GIVEN TO ANYONE || DO NOT REMOVE ANY OF THE CREDIT HIDDEN AND IN OOC
  11.  
  12. IMAGES USED IN THIS PROFILE ARE NOT MINE; ONLY THE CODE IS
  13.  
  14. READ THE DISCLAIMER SHOWCASED IN https://ellexide-codes.tumblr.com/disclaimer
  15.  
  16.  
  17. ######################----########-----------------########------------------######################
  18. ######################----########-----------------########------------------######################
  19. ######################----########-----------------########------------------######################
  20. ########------------------########-----------------########------------------########
  21. ########------------------########-----------------########------------------########
  22. ######################----########-----------------########------------------######################
  23. ######################----########-----------------########------------------######################
  24. ######################----########-----------------########------------------######################
  25. ########------------------########-----------------########------------------########
  26. ########------------------########-----------------########------------------########
  27. ######################----#####################----######################----######################
  28. ######################----#####################----######################----######################
  29. ######################----#####################----######################----######################
  30.  
  31.  
  32. */
  33.  
  34.  
  35. /*
  36. ============================================================================================================
  37. THE REST OF THE CODE IS KEPT IN MY FILE BUT IT WON'T AFFECT HOW YOUR PROFILE WILL LOOK. HERE ARE THE EDITABLE
  38. PORTIONS OF YOUR CODE. IT MAKES IT EASIER FOR YOU TO IGNORE THE PARTS OF THE CODE WHERE YOU REALLY CAN'T TOUCH
  39. BECAUSE IT MIGHT BREAK THE WHOLE THING. IT ALSO MAKES IT EASIER FOR ME TO FIX BUGS YOU MAY FIND.
  40. =============================================================================================================
  41. */
  42.  
  43.  
  44. /*---- CHANGE BACKGROUND ----*/
  45. body{
  46. background-image: url('https://i.imgur.com/I2SvoXa.jpg') !important;
  47. background-size: 108% !important;
  48. }
  49. #ooc{
  50. background-image: url('http://l.rgbimg.com/cache1v0cla/users/x/xy/xymonau/600/oc3d1gm.jpg') !important;
  51. background-size: 70% !important;
  52. }
  53.  
  54. :root{
  55. --box-background: url('https://media.istockphoto.com/vectors/snow-of-halftone-cubes-on-blue-sky-background-vector-id524719421?k=6&m=524719421&s=612x612&w=0&h=zxX8KxN6vM5KJHggal4PH2kDK1rV6tOw3wcbWZGiH_E=') !important;
  56. /* I EXTREMELY SUGGEST NOT CHANGING THE BACKGROUND OF THE MAIN CODE AND *IF YOU HAVE TO* PLEASE
  57. CONTACT ELLE ON HOW TO PROPERLY DO IT. IF YOU DON'T SEE WHAT I MEAN, GO AHEAD AND TRY
  58. CHANGING IT.
  59.  
  60. IF YOU REALLY WANT TO DO IT YOURSELF REFER TO THE NEXT PART*/
  61. }
  62.  
  63. /* ------ MAIN BOX BACKGROUND --------*/
  64. /* ---- AFTER YOU CHANGE THE LINK ABOVE MESS AROUND WITH THIS UNTIL YOU FIND GET IT PERFECTLY ALIGNED ----*/
  65. #skew-background{
  66. top: -5% !important;
  67. left: -30% !important;
  68. height: 124.5% !important;
  69. width: 107.7% !important;
  70. }
  71.  
  72.  
  73.  
  74. /* --------- CHANGE COLORS ----------*/
  75. :root{
  76. --scrollbar: #db1313 !important;
  77. --h1: #db1313 !important;
  78. --bold: #db1313 !important;
  79. --link: #db1313 !important;
  80. --link-outline: #ffee00 !important;
  81. --sheet-color: linear-gradient(360deg,#ffee00 50%, rgba(255, 255, 0, 0.5)) !important;
  82. --name: #db1313 !important;
  83. --pad-color: linear-gradient(180deg, #ddd, rgba(221, 221, 221, 0.8)) !important;
  84. --mainbox-pad: #8cd4ff !important;
  85. }
  86.  
  87. /*
  88. ========= INFORMATION ===========
  89. WHAT ARE THE PADS AND SHEETS?
  90. THE PADS AND SHEETS ARE VERY FADED OVERLAYS TO THE BACKGROUNDS OF THE DIFFERENT BOXES.
  91. WITHOUT THEM, THE PATTERNS OF THE BACKGROUNDS ARE TOO INTENSE THAT THE WORDS GET DROWNED
  92. OUT. WHEN YOU CHANGE THEM, REFER TO THE MAIN COLOR FOUND IN YOUR IMAGE LIKE BLUE,
  93. OR YELLOW, OR PEACH, AND CHANGE IT TO THAT COLOR
  94. */
  95.  
  96.  
  97.  
  98. /* -------- CHANGE FONTS [you have to link them first]----------*/
  99. h1{font-family: 'Bangers' !important; font-size: 3.5vh !important;}
  100. #name{font-family: 'Bangers' !important; font-size: 20vh !important;}
  101. .words, #actualbox{font-family: 'Bubblegum Sans' !important;}
  102.  
  103.  
  104. /* ------- OPTION ADD A NEW GALLERY/FRIENDS TAB -----------*/
  105. .three{right: 35%;}
  106. .four{right: 38%;}
  107. /* -- IF IT'S THREE TABS USE THIS --*/
  108. /*#bottom-left{
  109. width: 28% !important;
  110. right: 35.7% !important;
  111. }*/
  112. /* -- IF IT'S FOUR TABS USE THIS --*/
  113. /*#bottom-left{
  114. width: 25% !important;
  115. right: 38.7% !important;
  116. }*/
  117.  
  118. /*
  119. =======================================================================================================
  120. TROUBLESHOOTING: IF YOU NEED ANY HELP, MESSAGE ME ON DISCORD: Lil Monster#3557
  121. =======================================================================================================
  122. */
  123.  
  124. </style>
  125. <!-- DONATER PERK: DETERS CODE THEFT || IF YOU'RE NOT A DONATOR, IT'S FINE BUT IT WON'T WORK -->
  126. <script src="https://rawgit.com/EllexideCodes/Profile-Codes/master/free/credit.js"></script>
  127.  
  128.  
  129. <!-- ACTUAL PROFILE -->
  130. <div id="sheet"></div>
  131. <div id="mainimg">
  132. <img src="https://i.imgur.com/3Rz4PvS.jpg" height="80%" width="100%">
  133. </div>
  134. <div id="border">
  135. <div id="boom">
  136. <img src="https://i.imgur.com/QNtL3Jb.png" height="100%" width="100%">
  137. </div>
  138. </div>
  139. <div id="bottom-right"></div>
  140. <div id="bottom-left"></div>
  141. <div id="name">Persona!</div>
  142. <a href="#bio" class="nav one"></a>
  143. <a href="#info" class="nav two"></a>
  144. <!-- additional tabs -->
  145. <!--<a href="#idname" class="nav three"></a>
  146. <a href="#idname" class="nav four"></a>-->
  147. <div id="ooc">
  148. <div id="pad"></div>
  149. <div class="words">
  150. <center><h1>Out of Character</h1></center>
  151. <b>𝞅</b> This code is made by <a href="https://roleplay.chat/profile.php?user=Ellexide">Elle</a> mainly for Cyclone but this code is free for anyone else to use under the ToS given in the website.<br>
  152. <b>𝞅</b> Always PM friendly.<br>
  153. <b>𝞅</b> Male typist.<br>
  154. <b>𝞅</b> Story or Smut. <br>
  155. <b>𝞅</b> 3rd person preferred. Don't mind doing 1st or 2nd though.<br>
  156. <b>𝞅</b> Work in progress. Might change profile later down the road.<br>
  157. <b>𝞅</b> Main protaganist from Persona4/Golden/etc.<br>
  158. <b>𝞅</b> I'll play Yu however I want. Don't like? Too bad.<br>
  159. <b>𝞅</b> Experienced Rper, just sucks at making posts. Still always practicing to get better.<br>
  160. <b>𝞅</b> Most likely always alt tabbed.<br>
  161. <b>𝞅</b> No Drama Llamas.<br>
  162. <b>𝞅</b> I hate coding.
  163. </div>
  164. </div>
  165. <div id="box"><div class="pad"></div></div>
  166. <div id="box-skew">
  167. <div id="skew-background"><div class="pad"></div></div>
  168. </div>
  169. <div id="actualbox">
  170. <div id="host">
  171. <div id="info" class="info">
  172. <center><h1>Information</h1></center>
  173. <b>Name</b><div class="r">Yu Narukami</div><br>
  174. <b>Nicknames</b><div class="r">Leader, Sensei, Senpai, Partner, Big Bro, Souji Seta</div><br>
  175. <b>Age</b><div class="r">18</div><br>
  176. <b>Height</b><div class="r">180 cm (5'11") </div><br>
  177. <b>Species</b><div class="r">Human</div><br>
  178. <b>Weapon</b><div class="r">Two-Handed Sword</div><br>
  179. <b>Aracana</b><div class="r">The Fool, The World</div><br>
  180. <b>Persona</b><div class="r">Izanagi, Izanagi-no-Okami, Wild Card</div><br>
  181. <b>Sexuality</b><div class="r">Straight</div><br>
  182. <b>Occupation</b><div class="r">Investigation Team</div>
  183. </div>
  184. <br>
  185. <div id="bio" class="info">
  186. <center><h1>Biography</h1></center>
  187. Yu Narukami is the protagonist of Persona 4.
  188. <br><br>
  189. He is a high school student who moves to the countryside of Inaba to live with his uncle Ryotaro Dojima and cousin Nanako Dojima for a year as a result of his parents working abroad, and attends Yasogami High School.
  190.  
  191. The protagonist first appears in the Velvet Room, where he encounters Igor and his assistant, Margaret. Igor remarks that a mystery awaits, and it is his fate to discover it. The protagonist later awakens from his subconscious, and reminiscences about his old school.
  192.  
  193. Upon reaching Yasoinaba, the protagonist meets up with his uncle and his cousin. On the way back, Dojima stops by the gas station, and the protagonist is welcomed by an attendant of Moel Gas Station, who offers him a job. The attendant gives the protagonist a handshake and shortly after he begins to feel somewhat sick, but dismisses it as car sickness as they go on their way.
  194.  
  195. After the protagonist falls asleep at the Dojima Residence, he awakens in a fog-ridden area. He hears a voice, telling him to follow it if he wishes to find the truth. The protagonist eventually encounters a presence, but the heavy fog makes it impossible to see the other person. The voice claims to be intrigued by the protagonist, and decides to lend him his power for the time being.
  196.  
  197. Etc etc.
  198. <br><br>
  199. At school and in the Midnight Channel, Yu wears the conventional school uniform of Yasogami High School and wears gray glasses in battle. In the summer, he wears a light uniform. On days off, he is shown wearing a black jacket and gray turtleneck shirt along with black pants. On days off in the summer, he wears a short sleeved white collared shirt and brown pants. At the school festival while cross-dressing, he uses a female uniform with black leggings as well as a wig with long pigtails. He also has a black blazer which he is occasionally seen wearing in the manga adaptation of the game.
  200. <br><br>
  201. In Persona 4 Golden during the newly added Halloween event, he dresses as a vampire, wearing a huge black top hat, a white chemise along with black suspenders and black pants. During the other Golden-exclusive, the ski trip event, he wears a snow suit with a beanie and yellow goggles, black turtleneck and possibly a white sweater vest. On colder days in the winter, he wears a white winter coat with black and white pad scarf and matching black gloves under his school uniform. During the new epilogue, his hair style remains unchanged, but he wears a aqua v-collar shirt, gray plaid trousers and tan shoes.
  202. <br><br>
  203. In Persona 4: Dancing All Night, Yu is shown wearing his Yasogami High School uniform, except the sleeves are rolled up and has a yellow bandana wrapped around his right arm. He also has a pair of yellow headphones around his neck, and wears gray sneakers with yellow laces.
  204. </div>
  205. <!-- GALLERY TAB -->
  206. <!--<br>
  207. <div id="gallery" class="info">
  208. <center><h1>Gallery</h1></center>
  209. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  210. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  211. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  212. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  213. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  214. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  215. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  216. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  217. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  218. <a href="linkhere" target="_blank"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>&nbsp;
  219. </div>-->
  220. <!-- FRIENDS TAB -->
  221. <!--<br>
  222. <div id="friends" class="info">
  223. <center><h1>Friends</h1></center>
  224. <center>
  225. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  226. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  227. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  228. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  229. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  230. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  231. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  232. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  233. <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  234. <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  235. </center>-->
  236. </div>
  237. </div>
  238. </div>
  239. <audio controls controlsList="nodownload" src="http://k003.kiwi6.com/hotlink/n7rtbp8pgh/Willow_-_Fireball.mp3" type="audio/mpeg"></audio>
  240. <!-- CREDIT PLEASE DO NOT REMOVE -->
  241. <div id="credit">
  242. <a href="https://www.copyrighted.com/work/2PKqDybNAqyK7xoN"><font style="font-family: Bangers; font-size: 3vh;">&copy;</font> 2018</a> || <a href="https://roleplay.chat/profile.php?user=Ellexide">Ellexide Codes</a>
  243. </div>
  244. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!