Share the HTML

[Dragon Slayer Arcos]

So, I see a lot of people looking for help with some HTML coding issues. Some of them are easy to fix, others not so much. So, I was thinking. Why not make a post and have user post their own creative codes (that don't break the site or violate the HTML core rules). Posting these codes, be they simple structural codes for templates, or true functional algorithms could help a lot of people learn. 


Think of it this way, you see this really cool template and want to do something like it. But every time you try, something always seems to break your CSS or codes. So maybe you wander in here and see something quite similar in nature and TA-DA there is the code. Now you can perhaps tamper with it, and see why your original codes did not work. Or, as stated before, see something you have never attempted but want to replicate and modify. This would be the place to go.


It could be considered a Tutorial I believe, but the exception is that it is all user submitted, and open to modification.


There are hazards however, as the HTML has still yet to be restricted, and tampering with code could break the site.


Feedback and further discussion would be appreciated!!

 

[Cold Ramen Noodles]

There are some people doing this in the discussion threads. I looked at a few and they are pretty neat.

 

[eclipsa]

I actually have been trying to code up free templates here and I know that there are some people making tutorials for it!

 

[Cold Ramen Noodles]

And there are a few blogs on here displaying codes and designs.

 

[Kaerri]

There are a few tutorials up already, and we encourage users to make more! The only tutorial section restricted to staff-only are the official tutorials. Any user can post in the others.

 

[Count Gensokyo]

I think that having an option on your post to show the HTML coding behind the formatting to the public would be really helpful.


@Dragon Slayer Arcos @Kaerri

 

[Dugym]

No, socialism is bad for the economy.

 

[Kaerri]

I think that having an option on your post to show the HTML coding behind the formatting to the public would be really helpful.


@Dragon Slayer Arcos @Kaerri

We'll take it under advisement, but I think most people would be happy to share what they know if they're asked nicely.


And because of the way HTML works here (you have to click the Source button to make it work), just copy/pasting it into a normal (not Source) text box will let you show what your coding is.

 

[Noivian]

I think it would also be helpful to put out some measurements. How big is text space in a post on an average desktop? On an average tablet? On the average phone? I've been doing a lot of guess work and compromising to make sure my coding is compatible with mobile versions of the site without stretching the page or looking tiny on desktop, and getting some numbers would certainly help not only me, but many other coders out there who want to make pretty graphics...

 

[Kaerri]

The best thing is to not use a set width, but rather a percentage. We've had a lot of issues with that because on smaller screens, the set width literally makes the post wider than the page.


If you're doing coding that involves widths, I recommend using the Preview button. It's that one toward the end of the row that looks like a page with a magnifying glass. On my desktop, in Preview it gives me the option of seeing what it looks like different screens as well. (I don't see how to try different sizes on my tablet, but maybe it thinks it's small enough already.) Then you just click X to leave Preview and go back into editing.

 

[Lady Warlock]

I think that having an option on your post to show the HTML coding behind the formatting to the public would be really helpful.

If you hit quote and then source, it will show you the coding in whatever post you're replying to. You've gotta look around the blockquote of the quote itself, but it is there. 

 

[ewolf20]

please do since i don't know how to start

 

[Cold Ramen Noodles]

please do since i don't know how to start

There are people sharing codes in the creativity section. You can use one of their codes to see how it works. And just change colors around to suit your preference or what not.


If you need more help than that, there are free online lessons. Just google it.

 

[Fable]

As @Bubblegumyum10 mentioned, there are resources for html/css in the creativity area.  I'm one of those people who does this.  Some things coders do want to keep for themselves, so taking codes for exclusive use - speaking as a person who does some css/html - isn't viewed positively.  

 

[ewolf20]

As @Bubblegumyum10 mentioned, there are resources for html/css in the creativity area.  I'm one of those people who does this.  Some things coders do want to keep for themselves, so taking codes for exclusive use - speaking as a person who does some css/html - isn't viewed positively.  






 

but most of these tutorials aren't compatible with the rpnation's editor. I'm sorry but, if they're isn't any in-depth tutorials on the matter then I give up. all that posting to 500 for nothing.

 

[StoneWolf18]

but most of these tutorials aren't compatible with the rpnation's editor. I'm sorry but, if they're isn't any in-depth tutorials on the matter then I give up. all that posting to 500 for nothing.

Did you click the Source button in the top left corner of the RTE? (Rich Text Editor)

 

[Fable]

but most of these tutorials aren't compatible with the rpnation's editor. I'm sorry but, if they're isn't any in-depth tutorials on the matter then I give up. all that posting to 500 for nothing.

This tutorial here is a great area to start with as these do obviously work within RPN's editor:




The tutorials you find in the Design section were created with RPN's editor, so anything shown there means it is possible to use and/or replicate.

Did you click the Source button in the top left corner of the RTE? (Rich Text Editor)

As questioned by StoneWolf, all code should go into the source of the post content.

 

[ewolf20]

This tutorial here is a great area to start with as these do obviously work within RPN's editor:




The tutorials you find in the Design section were created with RPN's editor, so anything shown there means it is possible to use and/or replicate.


As questioned by StoneWolf, all code should go into the source of the post content.

Yeah I did that.But when I try to implement the codes, it doesn't work sometimes. ALso, is it possible to make vertical tabs?

 

[Chordling]

What specifically happens when you try to use the coding?  Also, please see the responses you got from your other question thread!

 

[Fable]

Yeah I did that.But when I try to implement the codes, it doesn't work sometimes. ALso, is it possible to make vertical tabs?

Your question regarding tabs was answered here.

When you click this it will turn grey.  This is when you copy/paste the code.  Click it again to return to normal editing mode and it should display the code.

 

[IctoraPost]

but most of these tutorials aren't compatible with the rpnation's editor. I'm sorry but, if they're isn't any in-depth tutorials on the matter then I give up. all that posting to 500 for nothing.

Put some content in before your style tags. They don't work otherwise, for some reason.

 

[Fable]

Put some content in before your style tags. They don't work otherwise, for some reason.

True, though I assumed they were copy/pasting from codes created for RPN.

 

[Transparent]

Just a suggestion I thought up, but with HTML becoming a possibly large part of the site now then perhaps it would be advisable to create a forum solely for working on, working with others on, showcasing, and putting up how-tos for HTML coding in the forum. It would certainly be beneficial to separate such information as well as provide a location that it can be taught by others.


I believe this would truly allow HTML coding throughout the site's userbase to flourish.

 

[Chordling]

Well, there is the Private Workshop, and there is the Creativity Discussion forum.  You can also send code in PMs.

 

[Transparent]

I'm more aiming at a section for collaboration, sharing, and teaching on a wider scale rather than just personal use between a few individuals here and there. Specifically a place for coding itself rather than being lopped into a forum already designated for a variety of things. With HTML having such a wide usage and an even larger level of difficulty to learn and properly use such a place could really help it grow and spread on the site. I can't really see any downsides to it. Of course, this is merely my opinion, although I would definitely think it's something worth polling over perhaps?