Making a great HTML page for 1.5.1 servers! And above


#1

Making a welcome screen for a server

You need these websites:

Cooltext.com and htmleditor.in*. You will also need an email account but if you want to send your HTML extremely quickly between your computer and iDevice/Android you should use Pushbullet (Chrome extension+iPhone/Android** (only app but you can still use it on iPad)

*from a mobile device use tinymce.com
**Noodlecake have yet to add functionality allowing android users to edit HTML. In addition, android users cannot view elaborate HTML. Minimalism is your friend.

You need no knowledge of HTML at all

HTMLeditor.in does everything in WYSIWYG format meaning you can add it in like it was a Word document, press the source button and copy/paste the code into an email or to pushbullet, then copy/paste from your devices email or Pushbullet into your welcome message page. A lot of cloud servers have well developed welcome messages-if you press the random world button you’ll eventually find one that you like. Don’t make your page too laggy-Android devices don’t display extremely flashy HTML pages well. Static images are a better option but GIFs look cool.

IMG
CoolText can be used to create cool logos, like the GIF above. GIFs aren’t great for server welcome screens as they can lag a lot. Cooltext allows you to put these in your welcome screen but if you put them in a server thread you must give credit.

HTML Editor

You can use this like you’d use Microsoft Word or even the editor page on the forums. Type it in, and it will look almost exactly like you type it in on the website as it will on your game. You can use lists or bulletpoints to create lists and the styles tab lets you change the look of the text including highlighting key points.

If you use a laptop, try htmleditor.in because it’s quicker and slightly more fully featured but from an iPad or other mobile device you can try tinymce.com

From experience, using this site is more efficient than actually typing out HTML, unless you’re a complete expert at HTML and know more tags than the site.

Adding /OP to the Cloud

Enter the code below into your welcome message, change the MAILTO: enteremailhere code to your own email after the colon, this will carry the /op function over to the cloud but make it easier and less likely to be spammed, you can also block the spammers

<h3>Send email to Support</h3>

<form action="mailto:EMAILHERE" method="post" enctype="text/plain">

Name:<br>
<input name="name" placeholder="Your name"><br>
E-mail:<br>
<input type="email" name="mail" placeholder="Your email"><br>
Comment:<br>
<textarea name="comment" rows="5" cols="50"></textarea>
<br>
<input type="submit" value="Send">
<input type="reset" value="Reset">

</form>

Adding in a pop up window

<script>
alert("Hello world!")
</script>

Copy/Paste that into the welcome message and change the Hello world! text to whatever you want.

Changing the outside fonts

To change the text color outside of your welcome message use this code, change #ff0000 to a hex color code. Google color picker to get an easy to use color picker.

<style>
center {
  color: #ff0000;
}
</style>

IMG

(The above image is from from Callum’s server, golden island)

Gaining Votes

On http://blockheadsfans.com/servers/ you can submit a server. Register and click on the vote button for your server. The link below is for Plebeius 2.0:

http://blockheadsfans.com/servers/vote.php?id=134

The number in bold is your server ID. You can find this at the end of your servers page on blockheads fans, remember the number because you’ll need it for the next step:
Paste this into your HTML:

<script>
if (window.confirm("Vote for our server daily by pressing ok! You can do it once a day, every day!")) {
    document.location.href = "http://blockheadsfans.com/servers/vote.php?id=28";
}
</script>

You must change the id=28 to your own ID, this site and HTML is run by RedEagle


Guide to thinking up, building, and "selling" your server
The almost complete list of guides
#2

very cool! thanks!


#3

Oh nice thanks! I was wondering how I could do this.


#4

Yeah. HMTL is fun! Do we have to do <!DOCTYPE html>? or should we just forget that?


#5

No, since HTML is supported, it’s unnecessary.


#6

'Kay, thank you. Could we do font styles? I tried <font family=Papyrus> (One of my fave. fonts) and it didn’t work.


#7

I really need help making the page for mine look good.
I can’t use the html editor as I don’t have any computers other then my old iPad.


#8

It supports the font Georgia and a few others in the game, and maybe if you download some of the cooltext fonts, create a text document with that font then paste it into the html editor and get the source it’ll work but I’m not entirely sure


#9

Is their a way to do this on Blockserver that I have not yet noticed? Or what?


#10

<html> <head> <title></title> </head> <body> <p> <font color="#008000"><span style=“background-color: rgb(0, 255, 0);”>HTML EDITOR</span></font></p> </body></html>

Not working =(


#11

You can do it the same was as on the cloud with blockserver servers that haven’t been migrated, it’s still through the app. Pause>Options>World Options>View/Edit Welcome page>Edit then paste in the code, it’ll show up every time you join the server like on the cloud

Try the site below, it takes a longer time to make it but it works from an iPad:

www.tinymce.com

Still trying to find a quicker version for mobile devices

Edit: Try the code in this spoiler, if the server you were making it for was Majic Islands:

[SPOILER]

<p style=“text-align: center;”><img src=“http://images.cooltext.com/3774210.gif” alt=“majicislands” width=“649” height=“80” /></p><p style=“text-align: center;”> </p>
<h2 style=“text-align: center;”><u>Rules</u></h2>
<ul>
<li>No griefing</li>
<li>No stealing</li>
<li>No hacks or cheats</li>
<li>Don’t beg for admin,it will be given to trusted players</li>
<li>Most importantly,<strong>HAVE FUN</strong>!</li>
</ul>
<h1 style=“text-align: center;”><br /><br /><strong><u>Admins</u></strong></h1>
<ul>
<li>gollark8</li>
</ul>
<h1 style=“text-align: center;”><br /><br /><u>Moderators</u></h1>
<ul>
<li>None yet</li>
</ul>
<p style=“text-align: center;”><br /><br /><u>Donators</u></p>
<ul>
<li>None yet</li>
</ul>
<p style=“text-align: center;”><br /><br />Enjoyed the server?<br />Donate TCs to keep the server running!</p>

[/SPOILER]

You need to decode it with the website first to show what it says, I should change that to normal text when I get my laptop again

I found a website filled with html codes to try, going to test the most interesting today to see which are best and useful to the guide


#12

Hi

Sent from my iPod touch using Tapatalk


#13

Do you know how to make e pop up message I’ve been seeing in some servers? When I connect a pop up shows UO saying follow the rules etc and you have to press ok, knowing to do this would be very helpful


#14

Yes, I can get that up tonight once I get my iPad back.


#15

Ok thanks :slight_smile:


#16

Wait, was that my server? :stuck_out_tongue:


#17

Added it in, not entirely sure that it works but you can try it!


#18

Works perfectly , and no it was not your server @silver star


#19

Oh boy I’m helpless at HTML lol


#20

You can override the top, bottom, and background of the page by redirecting to a website.


<script>
location.href = "http://theblockheads.net";
</script>