Actions

Work Header

Ninjago Themed Site Skins

Summary:

I was messing around with the site skin creator and liked how this came together. It's the CSS code copied into the fic, I'll put how to use them in the first chapter. I'm Planing on making the whole team plus any ninjago character requests anyone has in the comments of the first chapter. I have tried my best to avoid any eye strain but I am not a professional website designer so be warned.

Version Two (the next in the series) has been tested (by me naturally) and It should be good for mobile devices as well as your laptop (there is a little less detail in it which is what makes the proportions the same across devices lol)

Notes:

Instructions on how to use site skins (I'm kinda new to them myself.)
Side note, there is a public site skins thingy, but IDK if/how to publish this there, due to the fact that all the ones I can see (not many) are from like 2011 and mostly by AO3, so if you do know, please tell me. Otherwise enjoy this little booklet of site skins lol.

(See the end of the work for more notes.)

Chapter 1: Instructions on use

Chapter Text

WHERE TO FIND SKINS
1. Go to your dashboard (hover over your user name and click "My Dashboard")
2. Select "Skins" from the side bar
3. Go to public skins and select one. (If you would like to apply one of my skins, follow the instructions for creating a site skin below this one)
4. To preview a random page select the preview button (If you click off the page in anyway you will stop seeing the preview and it will return to the defult or whatever skin you have currently)
5. Go back and select the use button and it will be applied until you go back and select "stop using" (where the use button was origonally)

TO CREATE SITE SKIN (always applied to YOUR account when logged in)
1. Go to "My site skins"
2. Select "Create Site Skin"
3.
A. To use one of the skins I created, copy and paste the respective skin into the CSS section
B. To create your own you can use the Wizard (fill in some boxes to change colours and fonts) or write your own CSS code in the same section
4. Fill out the other sections (name of the skin etc.)
5. Press Submit
6. Apply skin from the "My skin" sections the same way you apply a public skin

TO CREATE WORK SKIN (makes the reader of your fics have a different screen for as long as they are reading the fic)
1. The same as above, but in the "Work Skins" section
2. when creating a fic add it in the "select work skin" section