Archive of Our Own ^beta

Chapter Text

Example: Sebastian talked to Raymond and Justine about the case

Workskin

Go to your dashboard, then 'Skins', then 'My Work Skin' and 'Create Work Skin'. Add the following code:

#workskin .change {
  display: none;
}

#workskin .eustace::after {
  content: "Eustace";
}

#workskin .winner:after {
  content: "Winner";
}

#workskin .eddie::after {
  content: "Eddie";
}

#workskin .fender::after {
  content: "Fender";
}

#workskin .verity::after {
  content: "Verity";
}

#workskin .gavelle::after {
  content: "Gavèlle";
}

Give it a name and save it. Names have to be unique, so I suggest adding your username to the start or end.

The fic itself

Under 'Select Work Skin' choose the skin you have just created. Use HTML for the work text - If you switch to Rich text then the code can break

The code for a single name looks like this:

<span class="change">Sebastian</span><span class="eustace"></span>

So, the fan translation name is wrapped in span tags with the class "change", meaning that it will be hidden with Creator's Style on. After that is the official name, which will be substituted when the skin is on. You'll need to copy-paste this bit of code for every name. For example, here's what the example sentence looks like in HTML:

  <span class="change"><span class="change">Sebastian</span><span class="eustace"></span> talked to <span class="change">Raymond</span><span class="eddie"></span> and <span class="change">Justine</span><span class="verity"></span> about the case</span>

This looks pretty messy, obviously, so you'll probably want to make the changes once you've finished writing. And remember to tell people hit the "Hide Creator's Style" button at the top if they want the fan translation names. Also, if someone downloads the fic, then they will get the fan translation names as CSS doesn't carry over to downloads

Chapter Text

So to the workskin you made before. Hit "edit", then add the following code in:

#workskin .tabby::after {
  content: "Tabby";
}

#workskin .lloyd:after {
  content: "Lloyd";
}

#workskin .bronco::after {
  content: "Bronco";
}

#workskin .knight::after {
  content: "Knight";
}

#workskin .wang::after {
  content: "Wang";
}

#workskin .simeon::after {
  content: "Simeon";
}

#workskin .saint::after {
  content: "Saint";
}

#workskin .fifi::after {
  content: "Fifi";
}

#workskin .laguarde::after {
  content: "Laguarde";
}

#workskin .rocco::after {
  content: "Rocco";
}

#workskin .carcerato::after {
  content: "Carcerato";
}

#workskin .bodhidharma::after {
  content: "Bodhidharma";
}

#workskin .kanis::after {
  content: "Kanis";
}

Chapter Text

Add this code to your workskin:

#workskin .bastian::after {
content: "Bastian";
}
#workskin .rook:after {
content: "Rook";
}
#workskin .samson::after {
content: "Samson";
}
#workskin .tangaroa::after {
content: "Tangaroa";
}
#workskin .scones::after {
content: "Scones";
}
#workskin .judy::after {
content: "Judy";
}
#workskin .bound::after {
content: "Bound";
}
#workskin .carmelo::after {
content: "Carmelo";
}
#workskin .gusto::after {
content: "Gusto";
}
#workskin .artie::after {
content: "Artie";
}
#workskin .frost::after {
content: "Frost";
}
#workskin .bakenbop::after {
content: "Bake 'n' Bop";
}
#workskin .paul::after {
content: "Paul";
}
#workskin .halique::after {
content: "Halique";
}
#workskin .excelsius::after {
content: "Excelsius";
}
#workskin .rosie::after {
content: "Rosie";
}
#workskin .ringer::after {
content: "Ringer";
}
#workskin .florence::after {
content: "Florence";
}
#workskin .niedler::after {
content: "Niedler";
}
#workskin .hilda::after {
content: "Hilda";
}
#workskin .hertz::after {
content: "Hertz";
}
#workskin .shaun::after {
content: "Shaun";
}
#workskin .fenn::after {
content: "Fenn";
}
#workskin .dalong::after {
content: "Da-Long";
}
#workskin .alf::after {
content: "Alf";
}
#workskin .aldown::after {
content: "Aldown";
}
#workskin .amelie::after {
content: "Amelie";
}
#workskin .ian::after {
content: "Ian";
}
#workskin .sideman::after {
content: "Sideman";
}
#workskin .taurusaurus::after {
content: "Taurusaurus";
}