Actions

Work Header

Rating:
Archive Warning:
Fandom:
Additional Tags:
Language:
English
Collections:
Fic In A Box 2023
Stats:
Published:
2023-10-14
Completed:
2023-10-14
Words:
5,978
Chapters:
4/4
Comments:
6
Kudos:
42
Bookmarks:
20
Hits:
933

Rate My Professor Work Skin

Summary:

A work skin tutorial of a Rate My Professor page in AO3 (old UI).

See Chapter 1 for examples of the work skin, Chapter 2 for the complete CSS code of the work skin and step-by-step instructions on how to use a work skin, Chapter 3 for the HTML code template and Chapter 4 for explanation on how it all works.

Notes:

I hope people will find this tutorial useful! Enjoy <3

Chapter 1: Overview

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
Would Take Again:
100%
Level of Difficulty:
1.0
Hotness: HOT 🌶

Top 20 Tags for this Professor

See how other students describe this professor.

Tags: RESPECTED (17) , CARING (17) , INSPIRATIONAL (14) , AMAZING LECTURES (13) , HILARIOUS (6)

14 Student Ratings

Start typing your comment...
350 characters left
Continue Your Rating

11/18/2011
AWFUL
Click for ratings
1.0 Overall Quality
5.0 Level of Difficulty
MAGIC101
For Credit: Yes, Attendance: Mandatory, Textbook Used: Yes, Would Take Again: No, Grade Received: D
Tags: SKIP CLASS? YOU WON'T PASS., LOTS OF HOMEWORK, TOUGH GRADER, GET READY TO READ

Worst class I've ever taken!


11/18/2011
AVERAGE
Click for ratings
3.0 Overall Quality
2.0 Level of Difficulty
MAGIC101
For Credit: Yes, Attendance: Mandatory, Textbook Used: Yes, Would Take Again: Yes, Grade Received: B-
Tags: SKIP CLASS? YOU WON'T PASS., LOTS OF HOMEWORK, PARTICIPATION MATTERS

This might be the toughest class I've ever taken, but the knowledge was definitely worth it! It's clear that the prof really knows their stuff but the lectures are dreadful.


11/18/2011
AWESOME
Click for ratings
5.0 Overall Quality
1.0 Level of Difficulty
MAGIC999
For Credit: Yes , Attendance: Mandatory , Textbook Used: Yes , Would Take Again: Yes , Grade Received: A+
Tags: SKIP CLASS? YOU WON'T PASS. , EXTRA CREDIT , CLEAR GRADING CRITERIA , GIVES GOOD FEEDBACK , GET READY TO READ

If you manage to survive MAGIC101 with Prof Awe Some, then stick around for the other classes they teach! After weeding out the truly hopeless cases, Awe mellows out a lot! I wish they taught more classes.
You definitely won't regret taking this course!


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.