Updates
Welcome to Charming
Welcome to Charming, the year is now 1894. It’s time to join us and immerse yourself in scandal and drama interlaced with magic both light and dark.

Where will you fall?

Featured Stamp

Add it to your collection...

Did You Know?
Queen Victoria was known for putting jackets and dresses on her pups, causing clothing for dogs to become so popular that fashion houses for just dog clothes started popping up all over Paris. — Fox
It would be easy to assume that Evangeline came to the Lady Morgana only to pick fights. That wasn't true at all. They also had very good biscuits.
Check Your Privilege


Open
Lynn's Code Shop
#1
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. Smile
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

Click below for a networking example:

Show

Click below for a letter template example!

Show


The following 2 users Like Ophelia Devine's post:
   Hermia Bonaccord, Roberto Devine
#2
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:
   Hermia Bonaccord
#3
Networking coding if anyone wants it!
Example:

↓ basic networking ↓
Show

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:
   Hermia Bonaccord


MJ made this <3

Possibly Related Threads…
Thread / Author Replies Views Last Post
Last Post by Sisse Thompsett
July 3, 2022 – 10:11 PM
View a Printable Version


Users browsing this thread: 1 Guest(s)
Forum Jump:
·