Welcome!
To preface this I want you to know that Destinpedia has this section where you can do something similiar on-site. However if you want to have a full control over the page you can just rip and edit a page and this is a tutorial on how to do it.
To do this you will need to know quite a bit about html and a bit about css. Also - it's a lot of editing! So you'll also need patience.
[Click to go back to my homepage]
Let's get to it
This tutorial doesn't cover mobile version - the page will still display but it will look like pc version. Also the page doesn't support switching between light and dark mode (but I mean. Who wants to get their eyes blasted by Destinypedia light mode?).
Copying the page
- Make a folder where you want to store the page (or not, you do you).
- Go to a page you want to rip.
- Rightclick anywhere on the page and choose "Save the page as...". This should give you a folder and a .htm file in your downloads folder.
- Go back to the folder on your Neocities you've created and upload the .htm file there.
- Create a folder in the same place as the .htm file and name it like the folder you've just downloaded.
- Upload the contents of the folder on your computer to that folder. Done.
Editing the page
- Change the title of the page.
- Delete the google analitics code.
<script async="" src="[articlename]_files/google-analytics_analytics.js"></script>
- Fix the link color by puting this somewhere in the .htm file:
<style> a:link { color: #00A0FF !important; background-color: transparent; } a:visited { color: #00A0FF !important; background-color: transparent; } </style> - The most difficult part is changing the background. I'm lazy so I decided to stuck my page in darkmode because it's easier that way.
- Go to load_003, find "https://destiny.wiki.gallery/images/9/9a/HQyeD3R.jpg" with search tool and change it to "https://destiny.wiki.gallery/images/7/73/DP_Dark-bg.jpg".
- Paste
"; background-repeat: no-repeat;background-attachment: fixed; background-size: 100%"
between"url(https://destiny.wiki.gallery/images/7/73/DP_Dark-bg.jpg)"
and
" repeat-x left top". - Delete "repeat-x left top / contain".
- Go back the .htm page. The actual editing really starts after around 550th line with the "Did you know…?" box. The article title should be around 600th line.
- Make sure to change/delete the "Recent contributors" part for clarity.
Notes
Some things I think are important about the process.
- You can delete images of the contributors from the folder. Also you can only have one image of your character, it doesn't really change anything.
- I recomment starting by titying up the code.
- Pick an article that has the most similiar structure to yours. I picked Asher because I was also making a guardian page.
- Use "find on the page" tool in your browser to find you you haven't forgotten to delete something.
And that's it! If you have any ideas on how to improve/fix this process, let me know.
