Jump to content


Photo

The Great Coding Library


  • This topic is locked This topic is locked
1 reply to this topic

#1 Mrs Blithe

Mrs Blithe

    Pre-Hogwarts Instructor

  • Hogwarts Instructor
  • 350 posts

Posted 14 February 2012 - 01:24 AM


The Great Coding Library

. . . The Coding Library serves to show you how to do all the pretty/fancy tricks that most long time VHers already know.

Now the first Rule of posting is...

Always Preview your post before submitting it Why? Tag errors, things didn't appear exactly how you wanted, many reasons. Professors prefer that you only submit your assignments Once without any editing. So preview your post first to make sure there aren't any coding mistakes.

Let's start with the basics just to make sure we covered them.

When you open up a post template you will see a light switch in the top right corner as depicted below. The coding basics require you to turn the light switch on.



830Cu0G.png

For coding with the light switch off, below is a very basic guide:

cu3geDm.png

BOLD Italics Underlined Strikethrough Sub-script and Super-script


[b]BOLD[/b] 
[i]Italics[/i] 
[u]Underlined[/u] 
[s]Strikethrough[/s] 
[sub]Sub-script[/sub] 
and [sup]Super-script[/sup]
Fonts! Now I can hear you saying, but fonts are self-explanatory. You highlight which text you want and then click the font on the scroll down bar. Right? Well, here's a trick that you may not have known. VH supports more fonts than just those! We simply prefer that you use those since they are easiest to read. If you want to do something fancier in a post, for example make a sign:

Pre-Hogwarts Primary Summer School


[size="5"][font="Viner Hand ITC"]Pre-Hogwarts Primary Summer School[/font]
[/size]
Remember! not all fonts will appear on VH - try to stick with fonts that came standard on your computer and Always Preview your post before submitting it! Also, for the sake of other people, please use legible fonts for your general Role Playing. It hurts the eyes to try and read some of the more complicated fonts, much like using the lighter colors...

Which brings us to... COLOR!

As with the fonts, VH does in fact support more colors than are shown in our color chart. Every color has a hex code that allows the computer to know exactly which color you want to appear. See below.



[color="#FF0000"]C[/color][color="#FFA500"]O[/color]
[color="#0000FF"]L[/color][color="#2E8B57"]O[/color][color="#9932CC"]R[/color]!

[color="#000000"]Black[/color]
I use this website for most of my color choices -- > Hex Color Code Generator.

If I need a color that isn't listed... or isn't exactly the shade I want, I use this one ---> Hex Color Code Chart


Both are very good resources to have when deciding colour.

Now, something else you can also do with colour. [Borrowed from Miss Claire Abienne's VHOT Coding Library]

Remember the Strikethrough and Underline?

This is how to change the color of your strikethrough or your underline only without changing the color of your text.



[color=limegreen][s][color=black]This is how to change the color of your strikethrough[/color][/s][/color][color=magenta][u][color=black] or your underline only without[/color][/u][/color] changing the color of your text.
Links!

Now I'm sure you're wondering... how did you make links? The code for that is below.



[url="http://www.2createawebsite.com/build/hex-colors.html"]Hex Color Code Generator[/url]
Images!

Oh look! It's me!

zukr2s.png
Icon created by Lilia McEvans.

A note: Always, Always, Always! give credit for images, avatars, and banners unless you made them yourself.)



[img=http://i40.tinypic.com/zukr2s.png]
Quotes!

I am quoting myself, Say What?




I am quoting myself, Say What?

[quote] I am quoting myself, Say What?[/quote]
Code!

How do you show all this amazing code?
CODE
[=code]Oh look code...[=/code] (but remove the = from them)



Now that you've got the majority of it down, let's show you how to do a few more neat tricks.

Indents!


I am writing and I want there to be an indent in my writing.


Oh look! it happened!

[indent=1]Oh look! it happened![/indent]
Alignments!!

This one will be very useful for your Character Library.



Align Right

Align Center

Align Left


[right]Align Right[/right]

[center]Align Center[/center]

[left]Align Left[/left]
Lists!
  • Ravenclaw
  • Gryffindor
  • Slytherin
  • Hufflepuff
[list]

[*]Ravenclaw
[*]Gryffindor
[*]Slytherin
[*]Hufflepuff
[/list]
  • Seeker
  • Chaser
  • Beater
  • Keeper
  • Referee
  • Comentator
[list=1]

[*]Seeker
[*]Chaser
[*]Beater
[*]Keeper
[*]Referee
[*]Comentator
[/list]
  • Oh Look
  • Yet
  • Another
  • List!
[list=i]

[*]Oh Look
[*]Yet 
[*]Another
[*]List!
[/list]
  • And
  • Another!
    • ZOMG!
    • I made it double!
  • Seriously tho...
  • Last List
[list=a]
[*]And
[*]Another!
[list]
[*]ZOMG!
[*]I made it double!
[/list]
[*]Seriously tho...
[*]Last List
[/list]
And now you know pretty much everything there is to know about coding for Virtual Hogwarts.

If there is anything you think I missed, post here to let me know with an example and we will add it.

Happy Coding!

Miss McManus & I want to thank Miss Katie, the former teacher of PHP for compiling such a wonderful resource for us to use!

Edited by Mrs Blithe, 26 January 2015 - 03:07 AM.


#2 Mrs Blithe

Mrs Blithe

    Pre-Hogwarts Instructor

  • Hogwarts Instructor
  • 350 posts

Posted 14 February 2012 - 01:24 AM

Other References to help with Coding

The List of Colors created on VHOT by Angelique Paquet

Additionally there are some differences in coding on vh and coding on VHOT (thank you Cameron Creevey and Coronas Hunter) so Marie-Claire Abienne created a great reference here!

So a great many thanks to both of them!





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users