ESV3 Formatting

/ By Webmaster [+Watch]

Replies: 557 / 7 years 161 days 14 hours 18 minutes 13 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.

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

Custom Pic URL: Text formatting is now all ESV3.

Roleplay Responses

[+teal Just trying out another color!] [+white fillerfillerfillerfiller]
  Sf_Pappy / 29d 16h 53m 57s
Proper technical explanation:

"https" is a secure protocol, but the problem is that ES isn't secured, and as a result, due to cross-site security implementations in the browser, images using secure HTTP won't load on an insecure site.

Thankfully, removing that "s" allows one to load the image without problem.

Thanks, hextheblackcat, I'll add that to my FAQ sometime.
  So many socks! / ES APPRENTICE PROGRAMMER / Omio / 41d 22h 26m 9s
[+pink Ack so im not completely sure I'm doing this the right way .-.]
  Sf_Pappy / 46d 23h 10m 24s
[hr ][center [#6666ff [b [i Because I've had a number of new people ask me the same question. I thought I'd leave this here for others.]]]][hr ]

Are you attempting to [b [i Make Person]] but can't get the [b [#0000ff
picture URL link]] to work? Then follow these instructions to get it to work:[center [pic https://i.imgur.com/W0JjDix.png?1]]

[hr]

If you need a more in depth explanation please follow these instructions to correct the issue :D

[b [u [#0000ff Step 1:]]] Go to [b [i Make Person]]

[b [u [#0000ff Step 2:]]] enter the [b [i Character Name]] and [b [i Picture URL link]] then hit the [b [i Create]] button.

The picture should show for the first time.Now then go find and click on your new character profile.

Once your there look to Admin Character: [b [i Edit]] / [b [i Login]] / [b [i Delete]]

[b [u [#0000ff Step 3:]]] Click on the [b [i Edit]] then click [b [i Edit]] again. Now your picture shouldn't be working and that's okay because now we will fix it so that it won't do it again.

[b [u [#0000ff Step 4:]]] Find and click on your character profile again this time take a close look at the picture URL link. It will look something like this:
[b [i [u http://https://]i.imgur.com/W0JjDix.png?1]]

Notice the problem here is highlight in red:
[b [i [u [#ff0000 http://https://]]i.imgur.com/W0JjDix.png?1]]

[b [u [#0000ff Step 5:]]] Noticed? Good now lets remove ONLY the SECOND [b [i https://]]
Like this:[b [i [u http://[#ff0000 https://]]i.imgur.com/W0JjDix.png?1]]

Now it should look like this:
[b [i [u [#ff0000 http://]]i.imgur.com/W0JjDix.png?1]]

Notice how there is only one [b [i https://]] now. Great job.

[b [u [#0000ff Step 6:]]] Now to warp this up! Simply click on the [b [i Edit]] button. Now your character profile picture should be working.

You will be able to edit your character profile now whenever you want without worrying about the picture acting dumb.

[center [b [u [#0000ff WARNING]]:][b [#ff0000 KEEP IN MIND THAT IF YOU CHANGE THE PICTURE URL LINK TO SOMETHING DIFFERENT YOU WILL HAVE TO GO THROUGH THIS WHOLE PROCESS AGAIN!!! ]]]
  hextheblackcat / 55d 14h 23m 28s
[i I have a tiny turtle his name is tiny tim]
  Sf_Pappy / 60d 23h 12m 15s
[font "chiller" "where are you my little angel? Daddy is very, very, worried.]
testing
  Ethan Morrison / Mr-X / 96d 3h 57m 27s
hello im new here i was thinking that some one could show me the ropes
  ??? / geno / 170d 16h 3m 6s
hey I want to make a cut in between my likes like you have on top can you guys help me?
  Project A.L.F.A. / Alfa279escaped / 197d 6h 27m 16s
[spoiler Im a black male sitting in my room thinking on how I can literally be a shadow at night.]
  NatakaStargazer / 204d 5h 42m 52s
=
[list
buy a spacebar
buy an aenter par
forget to use spacebar
forget to use brackets
wait, forget to use parentheses
wait, we don't use parentheses
forget holding down shift
sell the shift key
wait, BUY A SPACE BAR
AFTER I SELL THE SHIFT KEY
AND, wait a minute
don't use a bracket???
or a parentheses
}

my first post, and I haven't created my character yet. because I want to think about it.


[bold Edit : uh the post above me ??? ]

SO IDK...LOL.

im gonna get back to my stuff, but I was curious about this site IDK=/ PM me if anything.
  Eleet / 203d 11h 45m 23s
[google-font http://fonts.googleapis.com/css?family=Finger+Paint]
  hotpotato / 251d 13h 50m 13s
what do ''shiny objects'' mean? [+white mjknhbgvfhbnjihbgvyb a kfjhvoubcjnhdbcobrfjenckmiuhcfbcuucygjvmcifhecbuerhvkjfecnuuhchiuhxhscjdcnudycxndfghdiuisdhcnjc9ugfvbcneifuyc]
  Alla / bellpepper / 274d 17h 52m 51s
I know~


[spoiler I eat toes for breakfast XD]
  Alla / bellpepper / 275d 21h 58m 35s
Just a reminder, beside the "Post Reply" button is a "Preview" button, which will render your post ABOVE where you've typed your thing.
  So many socks! / ES APPRENTICE PROGRAMMER / Omio / 275d 23h 16m 22s
[spoiler I eat toes]

[spoiler this test works yay]
  Alla / bellpepper / 277d 10h 56m 39s
12345678910..38

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..38