ESV3 Formatting

/ By Webmaster [+Watch]

Replies: 475 / 4 years 92 days 8 hours 48 minutes 23 seconds

[!index]
[h1 ESV3 Formatting Rocks!]
[h3 What is ESV3 Formatting?]
The new ES formatting is similar to the old one. We just use brackets instead of parenthesis. The formatting can span multiple lines and there's several new useful codes.

[tbl
|| Old Way || New Way || Output
this is bold | [jcode [b this is bold]] | [b this is bold]
this is italic | [jcode [i this is italic]] | [i this is italic]
link to google | [jcode [http://google.com link to google]] | [http://google.com link to google]

This is a header | [jcode [h4 This is a header]] | [h4 This is a header]

youtube: url | [jcode [youtube URL]] | A youtube video
fonts ... | [font consolas test] | [font consolas test]
fonts ... | [font "Times New Roman" test] | [font "Times new Roman" test]
fonts ... | [div test] | [div test]
Html Entity | [ ]| = [ ]
swag | [size20 swag] | [size20 swag]
]

[tbl
|| Code || What it does
b | bold
i | italics
u | underline
o | overline
s | strike
quote | quote
left | align left
right | align right
center | align center
sub | subtext
sup | supertext
pic | an image

| header of size 1, the largest

| size 2

| size 3

| size 4

jcode | Will make all code be rendered as text
[jcode [hr]] | horizontal line break
[jcode [yes]] | [yes]
[jcode [no]] | [no]
[jcode [tab]] | A tab
[jcode [spoiler ....]] | [spoiler a spoiler here!]
[jcode [sub small]] | small text below baseline
[jcode [sup sup]] | citation style text
[jcode [center [pic ...]]] | center a picture
[jcode [left [pic ...]]] | float a picture to the left.
]

[h3 Citations/References]
[p ESV3 Code has lots of new features[ref=webmaster Jimmy Ruska]]
[p Furries are the best[ref=wolvenglade WolvenGlade]. The more furry the better[ref?wolvenglade]] [!ref]

This is the above code:
[jcode
[h3 We now have citations and Google Fonts]
[p ESV3 Code has lots of new features[ref=webmaster Jimmy Ruska]]
[p Furries are the best[ref=wolvenglade WolvenGlade]. The more furry the better[ref?wolvenglade]] [!ref]
]

[jcode [!ref] will dump all references at the current point. Otherwise they get dumped at the end. The structure is [ref=SomeName SomeText] the first time you define a reference. The second time you can refer to it only as [ref?SomeName]. SomeText is what gets shown at the bottom.]

[h3 Google Fonts]
We load the font:
[jcode [google-font http://fonts.googleapis.com/css?family=Finger+Paint]]
[google-font http://fonts.googleapis.com/css?family=Finger+Paint]

We use the font:
[jcode [Finger+Paint We can use google fonts anywhere if we just import them first with the google-font code]]
[Finger+Paint We can use google fonts anywhere if we just import them first with the google-font code]

[p [http://www.google.com/fonts/ Use any google font you want!] There are many. They don't work on internet explorer I don't think. Find one you like, click the [pic http://www.google.com/fonts/quick_use_static.png] pic. Scroll down to "Add this code to your website"] Use that data with the google-font code.

[h3 Colors have slightly changed]
[jcode You can use [+color Text Here] for example [+green This is green] will display] [+green This is green]. All the colors [http://www.w3.org/TR/css3-color/#html4 here] and [http://www.w3.org/TR/css3-color/#svg-color here] are accepted. [jcode You can still also do [#00FF00 hex based RRGGBB colors]] and it will look [#00FF00 like this].

[h3 Use css]
[div If you know html and css you can have fun with this. Not all attributes work, for safety.]
=
[div If you know html and css you can have fun with this. Not all attributes work, for safety.]

[h3 Tables and Lists]
Instead of "ol", "ul", "bl" we now use olist, ulist and blist. We can also put lists inside of lists inside of lists inside of tables inside of... you get the idea.
[jcode
[tbl
|| Pokemon || POWER
Squirtle | 5
Charmander | 7
Wolvenglade | 99999]]
=
[tbl
|| Pokemon || POWER
Squirtle | 5
Charmander | 7
Wolvenglade | 99999]

[h4 Lists][list
milk
sugar]
=
[jcode [list
milk
sugar
]]
[h3 Generate an Index]
The code can automatically setup an index like the one at the top of this page. It's based on the h1 through h5 tags. just add [jcode [!index]] to the top of the page.
[h3 Work to be Done]
As you can tell the spacing is a little excessive. We could work to make it more pretty.

[h3 Why switch to brackets?]
Brackets take 1 click while parenthesis require you to hold down shift. Parenthesis are often used in RPs to indicate OOC'ing (). We may accidentally parse stuff like that. may be parsed as italics, when someone meant it as non-code. I'm sure I could setup a es code v2 converter.
[h3 Future Plans]
I want to remove the flash chats and make them html5 with this new parser as default. This means you can use chats on mobile devices. I'm not sure if the RP replies will accept version 3 in the near future. Once everything is stable I might set things up so people can post journals/writings/poetry separately.

People Online

Realtime Roleplay/Chat (not stored forever)

  Currently: No Character - Profile Logout
WAK [Sound when new reply]

Realtime Responses



Roleplay Reply. Do not chat here. (50 character limit.)

Custom Pic URL: Text formatting is now all ESV3.

Roleplay Responses

Show me how you're using the Google Font? Use [jcode [jcode ]] to show me. :3
  So many socks! / ES APPRENTICE PROGRAMMER / Omio / 195d 15h 23m 33s
Im so confused on how to use Google Fonts no matter what i do it comes out the same font
  Lukas Hellquist / KasaiShadowFox / 195d 16h 1m 15s
[font “Papyrus”[+deeppink testing to see if this works]]
  Crash1989 / 1y 81d 16h 18m 37s
[google-font https://fonts.googleapis.com/css?family=Atma]

[Atma Yea i figured out the google fonts which was the ones i couldn't seem to get to work right.]
  Cheshire Jinx / Lexic / 1y 99d 14h 17m 36s
[jcode [font "Font Name Here" text in the new font.]]
-
[font "Font Name Here" text in the new font.]
=
[jcode [font "Comic Sans MS" want a hot dog?]]
-
[font "Comic Sans MS" want a hot dog?]

Google Fonts are a different can of worms.
  So many socks! / ES APPRENTICE PROGRAMMER / Omio / 1y 100d 20h 17m 8s
um i dont get the font and how it works if someone could help that would be nice
  Cheshire Jinx / Lexic / 1y 101d 13h 54m 19s
[jcode [youtube https://www.youtube.com/watch?v=kPRA0W1kECg]]
=
[youtube https://www.youtube.com/watch?v=kPRA0W1kECg]
  ES APPRENTICE PROGRAMMER / Omio / 1y 106d 13h 25m 10s
I would like to add a youtube video to my profile. I've tried everything, but I can't seem to get it to work. Anyone have any suggestions?
  Mischa Slater / Malachi / 1y 106d 21h 27m 18s
My bad! Just got to tinkering with it AFTER my reply. Makes sense to me. Thank you for the help!
  HEAD ES FORMATTING QUEEN / KITE / 1y 150d 6h 38m 56s
[jcode [!index]

[h1 head1]
asdfasfsdafSDFADSfSD
FSADF
SAD
FSAD
FDS
FSD
F
DSF
[h2 herp]
hurr
hurr
hurr
[h2 derp]
durr
durr
durr
durr
[h3 hhhahahahahahahahahahahahahahaha]
lolwut]
-
[!index]

[h1 head1]
asdfasfsdafSDFADSfSD
FSADF
SAD
FSAD
FDS
FSD
F
DSF
[h2 herp]
hurr
hurr
hurr
[h2 derp]
durr
durr
durr
durr
[h3 hhhahahahahahahahahahahahahahaha]
lolwut
[h3  ]
The "&index" thing doesn't need a space.
  So many socks! / ES APPRENTICE PROGRAMMER / Omio / 1y 150d 8h 25m 48s
Hey Omio, if you're around I have a question regarding ESV3.

To not waste time;
I used to be able to get my citations/ref list to appear above the text I was citing. Now that is no longer the case. How do I get the list to appear at the top?

Usually I just tinker on my own, but I cannot at this time. TIA
  HEAD ES FORMATTING QUEEN / KITE / 1y 150d 15h 1m 58s
thanks you i realized that like three minutes after posting that
  Myuki Kornan (Original Air) / QueenofFallen / 1y 153d 4h 55m 17s
[jcode [h3 Put in the crud here.]]

[h3 Hello there, header. :3]
  So many socks! / ES APPRENTICE PROGRAMMER / Omio / 1y 153d 5h 43m 55s
how do you get the really defined new headline like where it says Roleplay reply. Do not chat here.
  Ariran Naletello (Psychic) / QueenofFallen / 1y 153d 6h 58m 39s
It's not a problem at all.

[div(style="font-size:40%") Also, there's a better way to put in a bunch of filler than that, which can be used for comedy sakes.]
[jcode [div(style="font-size:40%") Use word-things here.]]
EDIT: [http://puu.sh/ohbeA/7a3f634900.png Screenshot.]
  ES APPRENTICE PROGRAMMER / Omio / 1y 163d 12h 47m 11s
12345678910..32

All posts are either in parody or to be taken as literature. This is a roleplay site. Sexual content is forbidden.

Use of this site constitutes acceptance of our
Privacy Policy, Terms of Service and Use, User Agreement, and Legal.
Roleplay
12345678910..32