Chapter Text
Welcome to the Rate My Professor work skin tutorial!
This guide will show you how to create a RateMyProf page in AO3 using the provided CSS work skin and HTML template. Here's an example of what the end result will look like:
Awe Some
Professor in the Engineering Department at Awesome University, Barbieland, Earth
Are you Awe?
|
Overall Quality:
5.0
|
|
|||
|
Tags: RESPECTED (17) , CARING (17) , INSPIRATIONAL (14) , AMAZING LECTURES (13) , HILARIOUS (6) |
||||
Start typing your comment... |
350 characters left |
| MAGIC101 | |
| , , , , | |
|
Tags:
SKIP CLASS? YOU WON'T PASS.,
LOTS OF HOMEWORK,
TOUGH GRADER,
GET READY TO READ
0 people found this useful 4 people did not find this useful |
|
| MAGIC101 | |
| , , , , | |
|
Tags:
SKIP CLASS? YOU WON'T PASS.,
LOTS OF HOMEWORK,
PARTICIPATION MATTERS
4 people found this useful 1 person did not find this useful |
|
| MAGIC999 | |
| , , , , | |
|
Tags:
SKIP CLASS? YOU WON'T PASS.
,
EXTRA CREDIT
,
CLEAR GRADING CRITERIA
,
GIVES GOOD FEEDBACK
,
GET READY TO READ
12 people found this useful 0 people did not find this useful |
|
I personally prefer the old UI and since I really wanted to keep the hotness rating (a must for all college AUs everywhere!), I decided to dig into the Wayback Machine for a template I could use to create this work skin. For a better experience across different devices, I used the mobile view of the website and added some extra code to make fics as readable as possible even with the work skin disabled.
Chapter 2 contains the entire code of the CSS work skin that you can copy paste as well as a step-by-step guide on how to use work skins in general.
Chapter 3 contains a blank template of the HTML code that you can use to get started.
Chapter 4 contains some in-depth explanations of the HTML and CSS code used to make this page.
