Cbox
Chat
Did you know?

The Language of the Flowers was a popular method to express feelings where words might be improper, but did you know other means of doing so? Some ladies used their parasols, as well as their fans, gloves, and hankies to flirt with a gentleman (or alternatively, tell them to shove it!). — Bree


— Submit your own —
WANTED:

Ester Montgomery for Thomas Montgomery. The one that got away (with the pornographer...)
This boy, then. He wasn't new. Wasn't one of the worst people in the common room, those rotten rich boys - like Mr. Jailkeeper - who could not fathom a world beyond their own farts. Was a good working class lad, so he'd heard. Had a bit of a weird looking face, and a bit of a weird thing for preaching. Still.

Aubrey Davis in The Under-Sofa


— Nominate a quote —
Streaker

Post at least once with the same character every day for a month.

<
>

Bree's Codes (letters, post templates, etc.)
#1
Reply
This is where I'll be posting any codes (new or old!) for other people to use on Charming!

-
00 Month, 1888
— Mr/Mrs. Name Here —
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium commodo dui, quis placerat mi aliquet vitae. Morbi a suscipit nulla, et tincidunt justo. Donec in ultrices nisl. Pellentesque sagittis diam sit amet metus pellentesque euismod. Morbi at leo leo. Duis dapibus tempor ultricies. Vestibulum scelerisque nibh sit amet magna fermentum, vel interdum lacus interdum. Etiam volutpat suscipit ante, nec ultricies nisi. Sed egestas dignissim urna.
— Mr/Mrs. Name Here —


ShowSpoiler:

-
00 Month, 1888
— Mr/Mrs. Name Here —
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium commodo dui, quis placerat mi aliquet vitae. Morbi a suscipit nulla, et tincidunt justo. Donec in ultrices nisl. Pellentesque sagittis diam sit amet metus pellentesque euismod. Morbi at leo leo. Duis dapibus tempor ultricies. Vestibulum scelerisque nibh sit amet magna fermentum, vel interdum lacus interdum. Etiam volutpat suscipit ante, nec ultricies nisi. Sed egestas dignissim urna.
— Mr/Mrs. Name Here —


ShowSpoiler:



bee made me this set and i love it
Post Log
#2
Reply
NASTILY EXHAUSTING WIZARDING TESTS


Dear Mister/Miss _________,

Below you will find the results of your Nastily Exhausting Wizarding Tests. Congratulations on completing your schooling, and good luck in your future endeavors.


AstronomyGrade
CharmsGrade
Defence Against the Dark ArtsGrade
HerbologyGrade
History of MagicGrade
PotionsGrade
TransfigurationGrade


Yours sincerely,

Professor Hamish Darrow


ShowSpoiler:

ORDINARY WIZARDING LEVELS


Dear Mister/Miss _________,

Below you will find the results of your Ordinary Wizarding Levels. Consider your results carefully when choosing your classes for the next school term.


AstronomyGrade
CharmsGrade
Defence Against the Dark ArtsGrade
HerbologyGrade
History of MagicGrade
PotionsGrade
TransfigurationGrade


Yours sincerely,

Professor Hamish Darrow


ShowSpoiler:



bee made me this set and i love it
Post Log
#3
Reply
I've been convinced to share how I do my posts, which basically changes the < b > tag into colored text without the need for editing each bold with the colors.

The code looks like this:
PHP Code:
<link href="https://dl.dropbox.com/s/64jiqehr4rchbgm/postlogscolorized.css?dl=0" rel="stylesheet"><div class="USERGROUPlog">
TEXT
</div

Each usegroup has their own "log" class that changes the color. Most of them align with the actual usergroup name:
    hogsmeadelog
    ministrylog
    londonlog
    irvinglylog
    elsewherelog
    hospitallog
    stmungoslog
    hogwartslog
    beinglog
    gryffindorlog
    hufflepufflog
    slytherinlog
    ravenclawlog
    infirmarylog
    carnielog
    spiritlog
There are certain usergroups (spirit, beast, portrait) that I haven't yet added because there are no played characters from those groups, but you can always poke me on skype when you need them! This is what they all look like:

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.

Character Name

this is a link, did you know?

"That was some rad text," she said with her rainbow shades.
[-] The following 4 users Like Edric Umbridge's post:
   Amelia Evans, Declan Wood, Elias Grimstone, Holliday Fudge



this is such a bee-autiful set!
Post Log
#4
Reply
Have you wanted to make a hover box but have no clue how to do the hover code? I have a pretty blank-slate hover code that you can personalize to your heart's content :P

It can be a circle or a square (or anything you can code??). There are a few things it always needs to work:
  1. The width of the "niceboxy" div needs to be 20px less width and height than the div you put it inside. This is because the padding is 10px, while means it takes 10px on all sides (which equates to 20px height + width) to fit perfectly.
  2. Backgrounds, heights, widths.

Customizable options:
  • border-radius: #px will make the corners rounder.
  • fonts, line-height (which makes more fit inside), basically anything from a normal div
  • margin-left: #px and margin-right: #px can separate the box from text if you're wanting to make it wrap. These would go on the outside div rather than the niceboxy one.
  • float: left or float: right will make it "float" (aka have text wrap around it) on whichever side you choose. This would go on the outside div rather than the niceboxy one.
  • If you want a background image for the outside div, use background-image:url('URLHERE') rather than the example code.



Code:
<link href="https://dl.dropbox.com/s/kk49gw9b5aupdn6/niceboxy.css?dl=0" rel="stylesheet"><div style="width: #px; height: #px; border-radius: #px; background: CAN BE IMAGE OR COLOR;"><div class="niceboxy" style="background: WHITE RECOMMENDED; width: 180px; height: #px; border-radius: #px;"></div></div>

If you see any mistakes/errors, just hmu :P
[-] The following 2 users Like Bella Scrimgeour's post:
   Amelia Evans, Declan Wood



bee made me this set and i love it
Post Log
#5
Reply
Month 00th, 1888 — Location

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla laoreet scelerisque est sit amet consectetur. Nam rutrum felis nibh, pharetra convallis nibh ultrices ac. Cras tristique sit amet risus nec bibendum. Pellentesque vestibulum leo a accumsan facilisis. Nunc a iaculis sem, in dapibus dolor. Donec ac orci ut dui rutrum sodales ac vitae sem. Nam sollicitudin urna nisl, eget scelerisque leo vestibulum eget. Duis pretium hendrerit nibh a egestas. Etiam sapien nibh, volutpat vehicula dui non, consectetur vehicula magna. Ut nec feugiat nisi.

Sed pulvinar sapien nec velit tempor pretium. Aenean turpis nulla, cursus sed metus eget, ultricies ultrices erat. Duis sagittis consectetur dui. Nulla vel laoreet lectus. Curabitur et felis gravida, aliquet eros eget, pretium ex. In molestie risus at congue luctus. Vivamus ut enim mauris. Vivamus accumsan nec augue sed condimentum. Nunc semper augue magna, vitae imperdiet ex ultricies ac. Nunc convallis purus varius mi vulputate vulputate. In et aliquet velit. Duis at lobortis augue. In eget eros tristique, fermentum turpis nec, dapibus erat. Cras suscipit ante ligula, vel ornare felis porta ut. Nullam nisi dui, maximus vel quam id, ultrices placerat est. Sed in imperdiet mi.


@'Character Name'


Code:
<link href="https://dl.dropbox.com/s/eat2rm2ki8zn4kh/breesfancy.css?dl=0" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Roboto:300i,400" rel="stylesheet"><center><div class="breesfancy"><div class="thepremise">Month 00th, 1888 — Location</div>

TEXT

<hr>
<div style="text-align: center; padding-top: 10px;">@'Character Name'</div></div></center>
[-] The following 2 users Like Bella Scrimgeour's post:
   Charles Jameshill, Declan Wood



bee made me this set and i love it
Post Log
#6
Reply
casually #experimenting with tables, and the census list was my victim :P

Active CharactersMFNTotal
Upper Class ####
Middle Class ####
Working Class ####
Centaur ####
Mer ####
Goblin ####
House-Elf ####
Hag ####
Veela ####
Vampire ####
Ghost ####
Poltergeist####
Portrait####
Total ####
[-] The following 1 user Likes Bella Scrimgeour's post:
   Declan Wood



bee made me this set and i love it
Post Log
#7
Reply
May 11, 1888
— Mr. Name Here —

Vestibulum sit amet erat rhoncus, semper orci auctor, eleifend metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque at luctus nisl, et tempus ligula. In hac habitasse platea dictumst. Praesent convallis enim id diam dictum pretium. Mauris eu mi at tortor porta semper. Sed hendrerit lacus est, id vulputate ipsum bibendum a. Fusce vel tincidunt sem.

— Miss. Name Here —


Code:
<link href="https://fonts.googleapis.com/css?family=Mr+Bedfort" rel="stylesheet"><center><div style="min-height: 300px; color: #937948; text-align: left; font-size: 24px; padding: 5%; width: 70%; font-family: 'Mr Bedfort', cursive; background: linear-gradient(#ffeed8, #fce4b5);"><div align="right">May 11, 1888</div>
<center>— Mr. Name Here —</center>
Vestibulum sit amet erat rhoncus, semper orci auctor, eleifend metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque at luctus nisl, et tempus ligula. In hac habitasse platea dictumst. Praesent convallis enim id diam dictum pretium. Mauris eu mi at tortor porta semper. Sed hendrerit lacus est, id vulputate ipsum bibendum a. Fusce vel tincidunt sem.

<center>— Miss. Name Here —</center></div></center>



bee made me this set and i love it
Post Log
#8
Reply
Images! In the appearance section!



Code:
<br>
<br>
<center><img src="https://78.media.tumblr.com/39060a7715517956fc190bda294263d4/tumblr_inline_o1hoklbJrd1qlt39u_400.gif" style="border-radius: 20px; border: 2px solid #COLOR; max-width: 90%;"/></center>

The two < br >s make it so it's not up against the text. The max-width: 90% makes it so it doesn't overflow on a number of devices, and the border color can be changed to whatever you'd like! So can the border radius; 0px is a complete rectangle.
[-] The following 2 users Like Edric Umbridge's post:
   Elsie Beauregard, Madeleine Backus



this is such a bee-autiful set!
Post Log
#9
Reply
I have this ye darn code. Bask in my glory of walrus gifs (of varying degrees of creepy).

FOR THE COLOR PART: I usually use the usergroup colors, which are these:
Quote:Hogsmeade #785964
Irvingly #513871
London #A52268
Elsewhere #A07BB7
Ministry #00A79F
Hogsmeade Hospital #EF4678
St Mungo’s #69223B
Irvingly Infirmary #3A5545
Beast #9E2A3F
Being #C34940
Spirit #D37438
Hogwarts Staff #6B6086
Gryffindor #EB4A4C
Hufflepuff #CA992C
Ravenclaw #146EA1
Slytherin #009347
Portrait #213468
Temporary #A3D290






@"Character Name"
## | ACAB | ShipStatus
Occupation



Needs | Put a small description here!


@"Character Name"
## | ACAB | ShipStatus
Occupation



Needs | Put a small description here!

@"Character Name"
## | ACAB | ShipStatus
Occupation



Needs | Put a small description here!


@"Character Name"
## | ACAB | ShipStatus
Occupation



Needs | Put a small description here!

@"Character Name"
## | ACAB | ShipStatus
Occupation



Needs | Put a small description here!


@"Character Name"
## | ACAB | ShipStatus
Occupation



Needs | Put a small description here!

Code:
<link href="https://dl.dropbox.com/s/odvjevz9mllx2tl/networkingtable.css?dl=0" rel="stylesheet"/><div class="networkingtable"><table style="margin-top: -80px; width: 100%; text-align: left; border-spacing: 10px;"><tr><td valign="top" style="width: 33%; text-align"><blockquote><center><img src="IMGURL" style="max-width: 100%; border-top: 5px solid #COLOR; margin-bottom: 5px;"/>
@"Character Name"
<i>## | ACAB | ShipStatus
Occupation</i>
<hr></center>
❧ <b>Needs</b> | Put a small description here!</blockquote>
</td>


<td valign="top" style="width: 33%; text-align"><blockquote><center><img src="IMGURL" style="max-width: 100%; border-top: 5px solid #COLOR; margin-bottom: 5px;"/>
@"Character Name"
<i>## | ACAB | ShipStatus
Occupation</i>
<hr></center>
❧ <b>Needs</b> | Put a small description here!</blockquote>

</td>


<td valign="top" style="width: 33%; text-align"><blockquote><center><img src="IMGURL" style="max-width: 100%; border-top: 5px solid #COLOR; margin-bottom: 5px;"/>
@"Character Name"
<i>## | ACAB | ShipStatus
Occupation</i>
<hr></center>
❧ <b>Needs</b> | Put a small description here!</blockquote>
</td>
</tr>
</table></div>
[-] The following 1 user Likes Edric Umbridge's post:
   Roberto Devine



this is such a bee-autiful set!
Post Log
#10
Reply
heeeeey y'all. My postlog code was requested so here it is :P

Walrus Overlord
THE WALRUS ACADEMY ('42) | LIKES AFFECTION | SLEEPY

IT'S
ACTUALLY
NOT
A
WALRUS
BUT
IT'S
CUTE

1888
CURRENT | INCOMPLETE | FINISHED

00.00.1800 | Current Thread | with Character Name
00.00.1800 | Finished Thread | with Character Name
00.00.1800 | Finished Letter Thread | with Character Name, ✉
00.00.1800 | Current Letter Thread | with Character Name, ✉
00.00.1800 | Dead Thread | with Character Name

PRE-1888
CURRENT | INCOMPLETE | FINISHED

00.00.1800 | Current Thread | with Character Name
00.00.1800 | Finished Thread | with Character Name
00.00.1800 | Finished Letter Thread | with Character Name, ✉
00.00.1800 | Current Letter Thread | with Character Name, ✉
00.00.1800 | Dead Thread | with Character Name

Code:
<blockquote><div class="thead" style="padding: 10px;">First Last</div>
<center><span style="letter-spacing: 5px; font-size: 10px;"/>HOUSE ALUMNUS/ALUMNA/STUDENT ('##) | TRAIT | TRAIT</span></center>
<img src="ANY-SIZE-GIF-HERE" align="right" hspace="10" style="max-width: 35%;"/>PUT
YOUR
BLURB
HERE
OR
SUFFER

<div class="thead" style="padding: 10px;">1888</div>
<center><span style="letter-spacing: 5px; font-size: 10px;"/><b>CURRENT</b> | <font color="#b2b2b2">INCOMPLETE</font> | FINISHED</span></center>
<b>00.00.1800 | <a href="URL">Current Thread</a> | with Character Name</b>
00.00.1800 | <a href="URL">Finished Thread</a> | with Character Name
00.00.1800 | <a href="URL">Finished Letter Thread</a> | with Character Name, ✉
<b>00.00.1800 | <a href="URL">Current Letter Thread</a> | with Character Name, ✉</b>
<font color="#b2b2b2">00.00.1800 | <a href="URL">Dead Thread</a> | with Character Name</font>

<div class="thead" style="padding: 10px;">PRE-1888</div>
<center><span style="letter-spacing: 5px; font-size: 10px;"/><b>CURRENT</b> | <font color="#b2b2b2">INCOMPLETE</font> | FINISHED</span></center>
<b>00.00.1800 | <a href="URL">Current Thread</a> | with Character Name</b>
00.00.1800 | <a href="URL">Finished Thread</a> | with Character Name
00.00.1800 | <a href="URL">Current Letter Thread</a> | with Character Name, ✉
<b>00.00.1800 | <a href="URL">Current Letter Thread</a> | with Character Name, ✉</b>
<font color="#b2b2b2">00.00.1800 | <a href="URL">Dead Thread</a> | with Character Name</font>
</blockquote>
[-] The following 2 users Like Edric Umbridge's post:
   Aldous Crouch, Roberto Devine



this is such a bee-autiful set!
Post Log
#11
Reply
Want a more #basic letter template? I gotcha.

August 1st, 1888
Name,

TEXT

Bye b!tch,
Name Here


Code:
[premise]August 1st, 1888[/premise]
<link href="https://fonts.googleapis.com/css?family=Rochester" rel="stylesheet"><center><div style="font-family: 'Rochester', cursive; font-size: 30px;">Name,</div></center>
<blockquote>TEXT</blockquote>

<center><div style="font-family: 'Rochester', cursive; font-size: 30px;">Sincerely,
Name Here</div></center>

If you'd like a different font, there are selection of them you can find here!



this is such a bee-autiful set!
Post Log
#12
Reply
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempor eros et est ullamcorper accumsan. Vestibulum fringilla magna quis metus convallis molestie. Integer ac odio lacinia magna venenatis ornare. Vivamus hendrerit porttitor elit vel malesuada. Praesent a lacinia sem, non dapibus magna. Curabitur iaculis nibh vel erat consectetur scelerisque. Sed pellentesque nisl sem, sed maximus justo lobortis et. Mauris condimentum quam eget mauris iaculis, nec auctor quam blandit. Nulla vulputate quam a maximus luctus.

Proin et imperdiet felis. Nulla orci justo, dapibus eu dui ut, dignissim aliquam erat. Etiam elementum urna est, sit amet tincidunt eros maximus commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin orci tortor, pharetra et lorem in, ultricies condimentum sem. Nunc mollis nibh ac purus sodales, a feugiat neque iaculis. Vivamus sit amet tristique ligula. Aliquam justo libero, lobortis sit amet congue id, efficitur vitae neque. In scelerisque, lacus in molestie tincidunt, dolor dui scelerisque arcu, non congue dui leo ac quam. Suspendisse at fringilla dui.

Nunc convallis interdum quam, eu tempor mauris consectetur pulvinar. Nulla felis erat, varius eu porttitor eget, imperdiet a ipsum. Maecenas tempor erat quis nisl egestas, id tempus libero lobortis. Praesent eu lacinia ante, facilisis ultricies tellus. Nam porta eget orci ac vehicula. Quisque dui leo, fringilla in commodo id, facilisis et dui. Sed molestie ornare magna. Phasellus finibus ut dolor vel consequat. Donec ullamcorper nulla vitae velit ultrices blandit. Suspendisse potenti. Proin congue malesuada justo id semper. Vestibulum eget augue metus. Nunc vitae viverra diam, vel dignissim nisi.


Code:
<link href="https://fonts.googleapis.com/css?family=Gabriela|Amiri" rel="stylesheet"><center><div style="font-family: 'Amiri', serif; font-size: 15px; width: 80%; padding: 20px; text-align: left; border: 4px double #e0e0e0;">
TEXTEXTEXT
</div></center>
[-] The following 1 user Likes Edric Umbridge's post:
   Castor Allaway



this is such a bee-autiful set!
Post Log
#13
Reply
The dilemma: you want to tag family members in your profile, but tagging doesn't work there.
The solution: use this code and you'll be good

Code:
<a href="PROFLINK" style="color: #USERGROUP;">Name Here</a>

Usergroup color codes can be found in the posts above!
[-] The following 2 users Like Edric Umbridge's post:
   Aldous Crouch, Veronica Gallivan



this is such a bee-autiful set!
Post Log
#14
Reply
27 September, 1888
Dearest _____
[nondescript love poem here]


With love,
Name Here


Code:
<link href="https://fonts.googleapis.com/css?family=Srisakdi" rel="stylesheet"><center><div style="border: 4px double #000000; min-height: 300px; color: #000000; text-align: left; padding: 5%; width: 90%; background: linear-gradient(#ffe2ee, #ffc9de);"><div align="right"><span style="font-size: 30px; font-family: 'Srisakdi', cursive;">27 September, 1888</span></div>
<span style="font-size: 34px; font-family: 'Srisakdi', cursive;">Dearest _____</span>
<center>[nondescript love poem here]</center>

<center><span style="font-size: 34px; font-family: 'Srisakdi', cursive;">With love,
Name Here</span></center></div></center>

-----

My dearest [Name Here] ♥


Code:
<link href="https://fonts.googleapis.com/css?family=Srisakdi" rel="stylesheet"><center><div style="min-width: 600px; display:table-cell; vertical-align:middle; text-align:center; border: 4px double #000000; color: #000000; padding: 20px; background: linear-gradient(#ffe2ee, #ffc9de); font-size: 34px; font-family: 'Srisakdi', cursive;">My dearest [Name Here] ♥</div></center>
[-] The following 2 users Like Edric Umbridge's post:
   Aldous Crouch, Zipporah Farley



this is such a bee-autiful set!
Post Log
#15
Reply
Want to have bullet points that aren't the boring dots? I got some alternatives :P

This code includes three different options:

  • item
  • item
  • item

Code:
<link href="https://dl.dropbox.com/s/7zamono3amgvkfz/newlog.css?dl=0" rel="stylesheet"/><div class="florallist">
<ul><li>item
<li>item
<li>item
</ul></div>

  • item
  • item
  • item

Code:
<link href="https://dl.dropbox.com/s/7zamono3amgvkfz/newlog.css?dl=0" rel="stylesheet"/><div class="arrowlist">
<ul><li>item
<li>item
<li>item
</ul></div>

  • item
  • item
  • item

Code:
<link href="https://dl.dropbox.com/s/7zamono3amgvkfz/newlog.css?dl=0" rel="stylesheet"/><div class="dottedlist">
<ul><li>item
<li>item
<li>item
</ul></div>
[-] The following 2 users Like Edric Umbridge's post:
   Aldous Crouch, Gwendolyn Flourish



this is such a bee-autiful set!
Post Log
#16
Reply
Code:
<link href="https://dl.dropbox.com/s/ay99a7fnazsngyg/postbox.css?dl=0" rel="stylesheet"/>
<center><div class="namebox">Text</div></center>

Hogsmeade
hogsmeadebox


Elsewhere
elsewherebox


Irvingly
irvinglybox


London
londonbox


Ministry
ministrybox


Hogsmeade Hospital
hospitalbox


St. Mungo's
stmungosbox


Irvingly Infirmary
infirmarybox


Spirit
spiritbox


Being
beingbox


Hogwarts Staff
hogwartsbox


Gryffindor
gryffindorbox


Slytherin
slytherinbox


Hufflepuff
hufflepuffbox


Ravenclaw
ravenclawbox



this is such a bee-autiful set!
Post Log


Possibly Related Threads...
Thread Author Replies Views Last Post
  Bree's Miscellaneous Graphics Edric Umbridge 41 5,211 November 6, 2018 – 11:22 PM
Last Post: Gaston Abercrombie
  Codes by Bree (v2!) Edric Umbridge 1 79 October 23, 2018 – 2:12 AM
Last Post: Edric Umbridge
  Templates? Edric Umbridge 1 84 October 22, 2018 – 9:06 PM
Last Post: Aldous Crouch

Forum Jump:


Users browsing this thread: 1 Guest(s)