This is a shop for miscellaneous codes. I'm certainly not as gifted as some of the folks on our staff team, but I do genuinely enjoy digging around online and learning new things, so I'm willing to prostitute my time out for those among you who like pretty things and don't have the patience to figure out how to code them yourselves.

Here you can request... post templates! postlogs! networking! letter templates! wanted ads! extended profile coding! and just about anything else you fancy. Just be as descriptive as you can about what you're looking for and I'll do my best.

Here's a Request form!

Request: What type of thing you want.
Size: As specific as you want, or as vague as you want.
Scroll? If the content is bigger than the template, do you want the content to scroll, or do you want the template to adjust to fit?
Colors: You can give me a general theme/mood, or pick specific values.
Fonts: As with above, you can pick a general feeling for the font, or link me to a specific one you have in mind.
Images: You can give me specific images, or give me a name/PB name and let me do the poking around and editing. I cannot edit gifs; if you want gifs you'll have to find them yourself. You can also just specify what size image you'll be using and I can leave it blank for you, if you're having images edited elsewhere.
Dynamic Elements: Some of the pieces of your code will be saved on my computer and hosted in a .css file, which means you won't be able to edit them on the fly. If there is anything specifically that you want the ability to change as you go - for example, the font, background color, or image - mention it here! The less you put here, the simpler and more elegant your coding will end up looking!
Fun Things: "I'd like this template to be able to..." For example, you may want a post template that formats all speech the same way with one simple tag, like < /h>, or maybe you want text to appear on hover, or you want functional tabs. Dream big, and I'll tell you if it can't be done. :P
Other: Any other notes!

Code:

<b>Request</b>:
<b>Size:</b>
<b>Scroll?</b>
<b>Colors:</b>
<b>Fonts:</b>
<b>Images:</b>
<b>Dynamic Elements:</b>
<b>Fun Things:</b>
<b>Other</b>:

Here are Some Examples!

These are examples/free to use codes, so feel free to just grab them if you need them. You can credit me or not, I'm not particularly fussed. xD

Click below for a post template example:

Show

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Date | Outfit | Tag

Code:

<center><div style="background-image:url('IMAGE LINK HERE'); background-repeat:no-repeat; background-position:top; width:500px; border-radius:150px 5px 0px 0px; border-bottom:8px double #2471a3;"><div style="background:linear-gradient(transparent, #eaecee 250px, #d6eaf8); border-radius:150px 5px 0px 0px; padding:190px 15px 15px; text-align:justify;">Post text!

<font style="color: #2471a3; font-weight:bold;">Speech text!</font> post text!

<div style="color: #2471a3; font-weight:bold; text-align:center; font-variant:small-caps;">Date | Outfit | Tag</div></div></div></center>

Click below for a networking example:

Show

Basics

Blah Blah Blah Intro Stuff!

My networking is best viewed in a full-screen browser. Viewing on mobile? Use a landscape orientation and click photos to reveal character quick stats.

Upper Class

Socialite
Gryffindor
Engaged
23 Years
UCHB
Orphan
Catty

Miss Ophelia Dippet
Ophelia Devine

Ophelia is a well known socialite and is often lauded for her skills as a hostess and her excellent fashion sense. She often feels superior to other women and can be catty with anyone she is not close to. She does a lot of harmless flirting with the menfish, but her heart has been soundly stolen already.

Ophelia was raised a MCHB and was a tomboyish, graceless girl at Hogwarts until she was pulled out after her fourth year. If your character knew her then, you may remember that her family is both odd and tragic.

I am mostly interested in networking her with other friends or frenemies (the latter is more fun!) or anyone who might remember her from her distant past.

Middle Class

Explorer
Gryffindor
Hurlable
33 Years
MCHB
Socially Awkward
"Odd"
Adventurous

J. Alfred Darrow
J. Alfred Darrow

J. Alfred is preparing an expedition, and would love to thread with potential sponsors, crewmates, or other interested parties. He would also be interested in either making or reconnecting with male friends. Old Hogwarts schoolmates would be ideal, or anyone generally in his age range and not too judgemental.

I very badly want his former lady love! Check my needs tab!

Alfred is also hurlable, although he's an awkward turtle and very slow to admit to his feelings when he does develop them, so any interested parties would have to be patient.

Working Class

Vampire
Politico
Slytherin
Complicated
23 Years
Appears 18
WCPB

Lyra Potter
Lyra Potter

Lyra is the youngest sister of the late Bennet Potter and the late Minister of Magic Darcy Potter. She dropped out of school during his sixth year to "take care of a sick aunt." While the exact reason she dropped out wasn't common knowledge, anyone who went to school with her could probably have deduced that it had something to do with misbehavior since she was a bit of a wild child.

Lyra mellowed out following her departure from school and took an avid interest in politics. She was engaged to August Echelon-Arnost thrice (roller coaster relationship right there) but I think only once was public knowledge? IDK, ask Beanie. She disappeared in February 1883 and has been presumed dead ever since. She'll be returning to England in 1888.

Lyra has not one but two delightful ads on my Needs tab; go check them out!

Needs

               

For J. Alfred Darrow                FORMER HEARTTHROB. Open to an ACAB woman between 22 - 30. After some degree of romantic relationship in 1881-82, Alfred was under the impression that the two of them were meant to be, but didn't have the financial means to actually propose. He pined after said lady the entire time he was shipwrecked/wandering in the wilderness. Meanwhile, she heard that he had been declared dead in 1883 and entirely moved on. Things are pretty awkward now. Their past relationship is pretty open from her end. Alfred was very much devoted to her but kept things very close to his chest because that's just how he is; he doesn't like to talk about things that are important to him. She might have felt the same way or might have just been enjoying the attention. Whether he expressed his intention to marry her upon return from the expedition or not is up for discussion! Presently, things are almost entirely open; she could be married, engaged, courting, or still single. What sorts of interactions the two have already had or may have in the future is also open! She could still have #feelings if you're feeling that and want the drama.

For Lyra Potter                 BABY DADDY. Would have been at Hogwarts with Lyra during fall of 1881. She dropped out of school that spring to "care for her sick aunt in the country," aka go have a baby. Their relationship pre/post sex is flexible. Lyra did not tell him she was pregnant, though he may have guessed. He does not know that the baby was stillborn, though also may have guessed that.                                                     For Lyra Potter                 SAVIOR. This person "saved" her life by either killing or maiming a vampire who was in the process of draining her, resulting in Lyra becoming a vampire. After the attack, s/he either recognized what was happening and purposefully took her further into the Forbidden Forest/away from Hogsmeade so that she could complete the change, or else thought she was as good as dead and abandoned her somewhere in the woods. I'm flexible. Whatever the case, they either did not recognize her as the younger sister of the Minister, or did not report her whereabouts/fate to anyone. The event happened in February of 1883 so they would have had to have a reason to be in the Forbidden Forest then! Also, you know, the sort to fight off a vampire.

Want the code? See post below!

Click below for a letter template example!

Show

March 12th, 1888
To You,

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sincerely,
Me

Code:

<link href="https://dl.dropbox.com/s/efwi0c2p0a48mzy/letter.css?dl=0" rel="stylesheet">
<link href="LINK TO YOUR FONT" rel="stylesheet">
<div class="letter"><div style="font-family: 'YOUR FONT', cursive;">
<d>March 12th, 1888</d>
<n>To You,</n>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<n>Sincerely,
Me</n></div></div>

The following 2 users Like Ophelia Devine's post:2 users Like Ophelia Devine's post
   Hermia Bonaccord, Roberto Devine

---

Get Featured in Witch Weekly!

Hi friends! I updated the tabbed networking coding I had on the last site in case anyone wants to use it over here!

Changes:
-there are five tabs now. As before, you can rename these to be whatever works best for your needs - separating out boys and girls, hurlables and marries, whatever you want.
-there is now a :hover command built into the code. If you're planning on using hovers, you can do so without an additional hosted .css. More on that below.
-as with before, any html coding (or bbcode if that's how you roll) should work within the tabs and shouldn't make anything look wonky. Holler if it does.

you can see it in action over here!

Code:

<link href="https://dl.dropboxusercontent.com/s/nyryjmch79kr8gt/networking2.css?dl=0" rel="stylesheet"><div class="container"><div class="tabbed"><!-- base panel --><input name="tabbed" id="tabbed5" type="radio" checked><section><h1><label for="tabbed5">Basics</label></h1><div><!-- content -->

FIRST TAB CONTENT HERE!


</div></section><!-- first panel --><input name="tabbed" id="tabbed1" type="radio"><section><h1><label for="tabbed1">Upper Class</label></h1><div><!-- content -->

UPPER CLASS CONTENT HERE!




<br><br><br><br><br><br></div></section><!-- second panel --><input name="tabbed" id="tabbed2" type="radio"><section><h1><label for="tabbed2">Middle Class</label></h1><div><!-- content -->


MIDDLE CLASS CONTENT HERE!



<br><br><br><br><br><br></div></section><!-- third panel --><input name="tabbed" id="tabbed3" type="radio"><section><h1><label for="tabbed3">Working Class</label></h1><div><!-- content -->



WORKING CLASS CONTENT HERE!





<br><br><br><br><br><br></div></section><!-- fourth panel --><input name="tabbed" id="tabbed4" type="radio"><section><h1><label for="tabbed4">Needs</label></h1><div><!-- content -->


LAST TAB CONTENT HERE!



</div></section></div></div>

For the hover, you can add html coding to personalize your stuff as much as you want. Here's the base:

Code:

<div class="hoverarea" style="XXXXX"><div class="overlay" style="XXXXXXX">
<--! hover text goes here!-->
</div><img src="IMAGE HERE"></div>

Replace the X's with whatever style coding you want and you're all set! If you need help making it look a certain way, just holler!

The following 1 user Likes Ophelia Devine's post:1 user Likes Ophelia Devine's post
   Hermia Bonaccord

---

Get Featured in Witch Weekly!

Networking coding if anyone wants it!
Example:

↓ basic networking ↓

Show

Name @"Char Name" # | #★ | ACAB | Relationship Status Tagline/Description A little blurb goes here!

Name @"Char Name" # | #★ | ACAB | Relationship Status Tagline/Description A little blurb goes here!

Code:

<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Kristi&display=swap" rel="stylesheet"><div style="font-family:Kristi, cursive; font-size:40px; text-align:center;">↓ basic networking ↓</div>
[spoiler]
<table width="100%">
  <tr>
      <td width="50%"><div style="text-align:justify; border:2px solid black; border-radius:10px;padding:5px; height: 300px; overflow:auto;">
<div style="font-family:Kristi, cursive; font-size:40px; text-align:center;line-height:30px;">Name</div><img src="GIF OR IMG LINK" style="height:150px; width:150px; border-radius:75px; border:2px solid black; float:right; clear:none;">
<div style="text-align:center;font-weight:bold;">@"Char Name"<br>
# | #★ | ACAB | Relationship Status<br>
Tagline/Description</div>
<p>A little blurb goes here!</p>
</div>
</td>
    <td><div style="text-align:justify; border:2px solid black; border-radius:10px;padding:5px; height: 300px; overflow:auto;">
<div style="font-family:Kristi, cursive; font-size:40px; text-align:center;line-height:30px;">Name</div><img src="GIF OR IMG LINK" style="height:150px; width:150px; border-radius:75px; border:2px solid black; float:left; clear:none;">
<div style="text-align:center;font-weight:bold;">@"Char Name"<br>
# | #★ | ACAB | Relationship Status<br>
Tagline/Description</div>
<p>A little blurb goes here!</p>
</div>
</td>
  </tr>
</table>
[/spoiler]

(Copy/paste from < tr > to < / tr > to add new lines, shout at me if you break something)

The following 1 user Likes Reuben Crouch's post:1 user Likes Reuben Crouch's post
   Hermia Bonaccord

---

MJ made this <3