API tools faq
paste
Guest User

FO4HTML

a guest
Nov 6th, 2025
2
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <!-- Change your site title: (It is shown in the tab) -->
  6. <title>vault89</title>
  7.  
  8. <!-- Change your site description: (It is shown in Google results) -->
  9. <meta content="vault89" name="Welcome to vault89!" />
  10.  
  11. <!-- Setting character encoding and viewport size. Do not remove. -->
  12. <meta charset="UTF-8">
  13. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14.  
  15. <!-- FavIcon (small image in tab), change to any image you want: -->
  16. <script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762485954890&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Ffo4%2Ffo4temp.html%3F_%3D1762487014255&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762485954890&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762485954890&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Ffo4%2Ffo4temp.html%3F_%3D1762486249877&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762485954890&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762403193687&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Ffo4%2Fjoey1.html%3F_%3D1762406263186&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762403193687&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762403193687&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Ffo4%2Fjoey1.html%3F_%3D1762404267975&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762403193687&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762403193687&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Ffo4%2Fjoey1.html%3F_%3D1762403765554&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762403193687&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762395995411&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Ff04.html%3F_%3D1762398799360&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762395995411&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762395995411&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Ff04.html%3F_%3D1762398007120&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762395995411&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762394810723&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Findex.html%3F_%3D1762395843680&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762394810723&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762388791611&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Findex.html%3F_%3D1762391740741&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762388791611&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762385190756&amp;type=content-script&amp;dmn=neocities.org&amp;url=https%3A%2F%2Fneocities.org%2Fsite_files%2Fdownload%2Findex.html%3F_%3D1762388607372&amp;app=firefox.exe&amp;css=3&amp;js=1&amp;rel=1&amp;rji=1&amp;sbe=0&amp;stealth=1&amp;st-dnt"></script><script type="text/javascript" nonce="8112ae1e2adb4da9b8f69e729a0" src="//local.adguard.org?ts=1762385190756&amp;name=AdGuard%20Extra&amp;name=AdGuard%20Popup%20Blocker&amp;type=user-script"></script><link href="favicon.ico" rel="icon" type="image/x-icon" />
  17.  
  18. <!-- CSS: -->
  19. <!-- You will have to change this to "../style.css" if this HTML file is in a subfolder, to "../../style.css" if this HTML file is in 2 subfolders, etc. -->
  20. <link href="./stylewiki.css" rel="stylesheet" />
  21.  
  22.  
  23. <script>
  24. // Template generated with petrapixel's layout generator.
  25. // (Please do not remove this credit.)
  26. console.log("%cTemplate generated with petrapixel's layout generator: https://petrapixel.neocities.org/coding/layout-generator", "font-size: 14pt; color: #922a45; background: #ffd3ef");
  27. </script>
  28. </head>
  29. <body>
  30. <!-- The next line is a skip-to-content link for keyboard users. Do not remove it! -->
  31. <a href="#content" id="skip-to-content-link">Skip to content</a>
  32.  
  33. <div class="layout">
  34.  
  35. <!-- =============================================== -->
  36. <!-- HEADER -->
  37. <!-- =============================================== -->
  38.  
  39. <header>
  40.  
  41. <div class="header-content">
  42. <div class="header-title">VAULT89</div>
  43.  
  44. <!-- NAVIGATION -->
  45. <nav>
  46. <ul>
  47.  
  48.  
  49. <a href="/fo1/f01.html"><img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/35.png" style="width:85px;height:40px;""
  50. onmouseover="this.src='https://files.catbox.moe/yfuynr.png'"
  51. onmouseout="this.src='https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/35.png'"/></A>
  52.  
  53. <a href="/fo2/f02.html"><img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/36.png" style="width:85px;height:40px;""
  54. onmouseover="this.src='https://files.catbox.moe/d47rv4.png'"
  55. onmouseout="this.src='https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/36.png'" /></A>
  56.  
  57. <a href="/fo3/f03.html"><img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/37.png" style="width:85px;height:40px;""
  58. onmouseover="this.src='https://files.catbox.moe/0fdaex.png'"
  59. onmouseout="this.src='https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/37.png'" /></A>
  60.  
  61. <a href="/fonv/fnv.html"><img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/39.png" style="width:85px;height:40px;""
  62. onmouseover="this.src='https://files.catbox.moe/damubu.png'"
  63. onmouseout="this.src='https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/39.png'" /></A>
  64.  
  65. <a href="/fo4/f04.html"><img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/38.png" style="width:85px;height:40px;""
  66. onmouseover="this.src='https://files.catbox.moe/dg232s.png'"
  67. onmouseout="this.src='https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/38.png'" /></A>
  68.  
  69. <a href="/fo76/f76.html"><img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/40.png" style="width:85px;height:40px;""
  70. onmouseover="this.src='https://files.catbox.moe/0yi81q.png'"
  71. onmouseout="this.src='https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/40.png'" /></A>
  72.  
  73.  
  74.  
  75. </div>
  76. </header>
  77.  
  78.  
  79.  
  80.  
  81. <!-- =============================================== -->
  82. <!-- RIGHT SIDEBAR -->
  83. <!-- =============================================== -->
  84.  
  85. <aside class="right-sidebar">
  86.  
  87.  
  88. <div class="sidebar-section">
  89. <div class="sidebar-title">Directory</div>
  90. <p><a href="credit.html">Ocs by creators/Credits</a></p>
  91. <p><p><a href="templates.html">Templates</a></p>
  92. <p> <p><a href="links.html">Links</a> </p>
  93. </div>
  94.  
  95.  
  96.  
  97.  
  98.  
  99. <div class="sidebar-section">
  100. <div class="sidebar-title">...</div>
  101. <marquee>
  102.  
  103. </marquee>
  104. </div>
  105.  
  106. <div class="sidebar-section">
  107. <div class="sidebar-title"></div>
  108. <img class="full-width-image" src="">
  109. </div>
  110.  
  111. <div class="sidebar-section">
  112. <div class="sidebar-title"></div>
  113. <div class="site-button">
  114. </a></textarea>
  115. </div>
  116.  
  117. <div class="sidebar-section">
  118. <div class="sidebar-title">Disclaimerz</div>
  119. <blockquote>
  120. <p>This is a fanmade fallout site.</p>
  121. <p>We claim no association with Bethesda or ownership over the games or prexisting characters mentioned, only ownership of our original characters.</p>
  122. <p> There is no plan to have any form of submissions, this is a site made for use among friends, not as a public oc archive such as Toyhouse </p>
  123. </blockquote>
  124. </div>
  125. </div>
  126. </aside>
  127.  
  128.  
  129. <main id="content"> <!-- Do NOT remove the ID here -->
  130.  
  131.  
  132.  
  133. <!-- =============================================== -->
  134. <!-- MAIN CONTENT -->
  135. <!-- =============================================== -->
  136.  
  137.  
  138. <section>
  139. <!-- I need to fix this freaking big gap between the title and the top of the box this is to remind me -->
  140. <h1>Title</h1>
  141. <hr> </hr>
  142.  
  143. <!-- IMPORTANT: YOU CAN REMOVE AND ADD SECTIONS OF THE TABLE AT YOUR DISCRESSION. I TRIED MAKING IT NEAT SO ITS EASIER TO TELL WHAT YOURE SUPPOSED TO PASTE
  144.  
  145. <!--- table-->
  146. <table class="infotable">
  147. <tbody><tr>
  148. <th colspan="2" id="centertext" style="text-align:center">Name goes here
  149. </th></tr>
  150.  
  151. <tr>
  152. <th colspan="2" style="text-align: center;"><p><img src="IMAGE GOES HERE" alt="IMAGE ALT TEXT GOES HERE (OR PUT NOTHING)"></p>
  153. </th></tr>
  154.  
  155. <tr>
  156. <td colspan="2" style="text-align: center"><i>Cool title here</i>
  157. </td></tr>
  158.  
  159. <tr>
  160. <th colspan="2" id="centertext"> Ingame characteristics(??)
  161. </th></tr>
  162. <tr>
  163. </td></tr>
  164.  
  165. <tr>
  166. <th>Affiliation
  167. </th>
  168. <td> ...
  169. </td></tr>
  170.  
  171. <tr>
  172. <th>Location
  173. </th>
  174. <td> ...
  175. </td></tr>
  176.  
  177. <th>Role
  178. </th>
  179. <td> ...
  180. </td></tr>
  181.  
  182. <th>Also known as
  183. </th>
  184. <td> ...
  185. </td></tr>
  186.  
  187. <td>
  188. </td></tr>
  189. <th>Family
  190. </th>
  191. <td> ...
  192. </td></tr>
  193.  
  194. <th>Status
  195. </th>
  196. <td> ...
  197. </td></tr>
  198.  
  199. <!--add items above this-->
  200.  
  201. <tr>
  202. <th colspan="2" id="centertext">Characteristics
  203. </th></tr>
  204.  
  205. <tr>
  206. <th>Race
  207. </th>
  208. <td> ...
  209. </td></tr>
  210.  
  211. <tr>
  212. <th>Ethnicity
  213. </th>
  214. <td> ...
  215. </td></tr>
  216.  
  217. <th>Nationality
  218. </th>
  219. <td> ...
  220. </td></tr>
  221.  
  222. <tr>
  223. <th>Height
  224. </th>
  225. <td> ...
  226. </td></tr>
  227.  
  228. <tr>
  229. <th>Weight
  230. </th>
  231. <td> ...
  232. </td></tr>
  233.  
  234. <tr>
  235. <th>Birthday
  236. </th>
  237. <td> ...
  238. </td></tr>
  239.  
  240. <tr>
  241. <th>Age
  242. </th>
  243. <td> ...
  244. </td></tr>
  245.  
  246. <th>Gender
  247. </th>
  248. <td> ...
  249. </td></tr>
  250.  
  251. <th>Sexuality
  252. </th>
  253. <td> ...
  254. </td></tr>
  255.  
  256. <!--add items above this-->
  257.  
  258. <tr>
  259. <th colspan="2" id="centertext"> Stats
  260. </th></tr>
  261.  
  262. <tr>
  263. <th>SPECIAL
  264. </th>
  265. <td> ...
  266. </td></tr>
  267.  
  268. <tr>
  269. <th>Level
  270. </th>
  271. <td> ...
  272. </td></tr>
  273.  
  274. <tr>
  275. <th>HP
  276. </th>
  277. <td> ...
  278. </td></tr>
  279.  
  280. <th>Carry Weight
  281. </th>
  282. <td> ...
  283. </td></tr>
  284.  
  285. <th colspan="2" id="centertext"> Technical
  286. </th></tr>
  287.  
  288. <!--add items above this-->
  289.  
  290. <tr>
  291. <th> Creator
  292. </th>
  293. <td> ...
  294. </td></tr>
  295.  
  296. <!--add items above this-->
  297.  
  298. <tr>
  299. </tbody></table>
  300. <!--end table-->
  301.  
  302. <h2> Title </h2>
  303. <p> lorem bibsum skib dib dop dop </p>
  304. <p> qlorm wlorm elorm rlorm tlorm ylorm ulorm ilorm olorm plorm alorm slorm dlorm florm glorm hlorm jlorm klorm llorm zlorm xlorm clorm vlorm blorm nlorm mlorm </p>
  305. <p> this is to fill up space this is to fill up space this is to fill up space this is to fill up space for the template </p>
  306. <p> ㅤ
  307. </p>
  308.  
  309. <!--add items above this-->
  310.  
  311. <h2> Table of Contents </h2>
  312.  
  313.  
  314. <hr> </hr>
  315.  
  316.  
  317. <!--table of contents-->
  318. <div class="toc">
  319. <details class="contents"><summary class="showcontent">Show Table</summary>
  320. <ul>
  321. <li>1. Title 1</li>
  322. <li>2. Title 2 </li>
  323. <ul><li>2.1. Sub Title 1 </li>
  324. <li>2.1. Sub Title 2 </li>
  325.  
  326.  
  327. <!--add items above this-->
  328. </ul>
  329. </details>
  330. </div>
  331. <!--end table of contents-->
  332. <p> ㅤ </p>
  333.  
  334.  
  335. <h2> Title </h2>
  336. <hr> </hr>
  337.  
  338. <h3> Sub Title 1 </h3>
  339.  
  340. <b> The quick brown fox jumps over the lazy dog. </b>
  341.  
  342. <p> <u> The movie was sad. </u> <p>
  343.  
  344. <p> <s> But how did you think it would end? It couldn't have ended any other way.</s> <p>
  345.  
  346. <p> <i> well its okay, because im italicized. </i> </p>
  347.  
  348.  
  349.  
  350. <!--add items above this-->
  351.  
  352. <h3> Sub Title 2 </h3>
  353.  
  354. <p> qlorm wlorm elorm rlorm tlorm ylorm ulorm ilorm olorm plorm alorm slorm dlorm florm glorm hlorm jlorm klorm llorm zlorm xlorm clorm vlorm blorm nlorm mlorm </p>
  355. <p> I repeat: </p>
  356. <p> qlorm wlorm elorm rlorm tlorm ylorm ulorm ilorm olorm plorm alorm slorm dlorm florm glorm hlorm jlorm klorm llorm zlorm xlorm clorm vlorm blorm nlorm mlorm </p>
  357.  
  358. <!--add items above this-->
  359. <p> ㅤ </p>
  360.  
  361. <h2> Title </h2>
  362. <hr> </hr>
  363.  
  364. <h3> Weapons </h3>
  365. <p> Formatting this as a weapons list section. </p>
  366.  
  367. <!--edit location of images at your discression, might take trial and error but they are seperated so hopefully its not too hard -->
  368.  
  369.  
  370. <li> <h3> Weapon 1
  371.  
  372. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" alt="alt text here" width="100" height="50">
  373.  
  374. </h3> </li>
  375. <ul> <li> this weapon is strong and cool. <h4> </h4> </li> </ul>
  376.  
  377.  
  378.  
  379.  
  380.  
  381. <li> <h3> Weapon 2
  382.  
  383. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" alt="alt text here" width="100" height="50">
  384.  
  385. </h3> </li>
  386. <ul> <li> this weapon is effective against ghouls. </li> </ul>
  387. <ul> <li> add bullet points to your discression </li> </ul>
  388.  
  389.  
  390.  
  391.  
  392. <li> <h3> Weapon 3
  393.  
  394. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" alt="alt text here" width="100" height="50">
  395. </h3></li>
  396.  
  397. <ul> <li> example text blahblah. </li> </ul>
  398. <ul> <li> example text blahblah. </li> </ul>
  399.  
  400.  
  401. <!--add items above this-->
  402.  
  403.  
  404. <p> ㅤ </p>
  405. <p> ㅤ </p>
  406.  
  407. <h3> Items </h3>
  408. <p> Formatting this as a Items list section. </p>
  409.  
  410.  
  411.  
  412. <li> <h3> Item 1
  413.  
  414. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" alt="alt text here" width="100" height="50">
  415.  
  416. </h3> </li>
  417. <ul> <li> this item heals you. <h4> </h4> </li> </ul>
  418.  
  419.  
  420.  
  421.  
  422.  
  423. <li> <h3> Item 2
  424.  
  425. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" alt="alt text here" width="100" height="50">
  426.  
  427. </h3> </li>
  428. <ul> <li> this item is effective against radiation poisoning. </li> </ul>
  429. <ul> <li> add bullet points to your discression </li> </ul>
  430.  
  431.  
  432. <!--add items above this-->
  433.  
  434.  
  435. <p> ㅤ </p>
  436.  
  437. <h2> Images </h2>
  438. <hr> </hr>
  439.  
  440. <h3> Sub title 4 </h3>
  441.  
  442.  
  443. <div class="image-row">
  444. <figure>
  445.  
  446. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" width="200px" height="150px" alt="alt text">
  447. <figcaption>Image caption</figcaption>
  448. </figure>
  449.  
  450. <figure>
  451.  
  452. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" width="200px" height="150px" alt="alt text">
  453. <figcaption>Image caption</figcaption>
  454. </figure>
  455.  
  456. <figure>
  457.  
  458. <img src="https://file.garden/Z3XYLzYqKD0Nc9EB/fallout/FA%3BLLOUT.png" width="200px" height="150px" alt="alt text">
  459. <figcaption>Image caption</figcaption>
  460. </figure>
  461. </div>
  462.  
  463.  
  464.  
  465.  
  466.  
  467. <!--add items above this-->
  468.  
  469. <p> ㅤ </p>
  470.  
  471. <h2> Links/References </h2>
  472. <hr> </hr>
  473.  
  474. <h3> Put your links to sources and such here. </h3>
  475.  
  476. <ol type="1">
  477. <li>format it</li>
  478. <li>in this list</li>
  479. <li>add more as needed</li>
  480. <li>and put the number of the source next to the statement that needs to be sourced</li>
  481. </ol>
  482.  
  483.  
  484.  
  485. <!--add items above this-->
  486.  
  487.  
  488.  
  489. <!--
  490. closing yapping notes
  491. you can delete different parts of the page if you want, such as the weapons list, and put something else there.
  492.  
  493. literally just do what you want.
  494.  
  495. if you want a reference for how to lay out your page, go check out the fallout wiki to see how they format their character pages.
  496. for example where in the page they write about the apperance of the character, where in the page they write their story. stuff like that.
  497.  
  498. If you want to add images, it might act weird. try adding images in a area of text that is not right next to the info box.
  499. To move the images placement you have to edit where on the page it sits in css. i sugguest using <h5> for images like that. you can go in and edit "text-align" to right, left, or center.
  500.  
  501. or just ask me to add the image for you, im fine with that, and id rather you just ask me to do it rather than you accidently mess something important up while trying to figure out how-->
  502.  
  503.  
  504. </section>
  505. </main>
  506.  
  507.  
  508. <!-- =============================================== -->
  509. <!-- FOOTER -->
  510. <!-- =============================================== -->
  511.  
  512. <footer>
  513. <div>(2025) HTML generated with <a href="https://petrapixel.neocities.org/coding/layout-generator.html">petrapixel's layout generator</a>.</div>
  514. </footer>
  515.  
  516. <!-- Closing .layout: -->
  517. </div>
  518.  
  519.  
  520. <!-- Add any additional Javascript code (<script></script>) here. -->
  521. </body>
  522. </html>
  523.  
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!