Making a great HTML page for 1.5.1 servers! And above


#81

[COLOR="#008000"]WOW! This guide is great and will help me make an awesome welcome page for when I make my first ever server! Thanks so much for taking time to write this! :smiley: [/COLOR]


#82

hi


#83

How do i add a picture on top of the welcome message where it says:
Welcome to [servername]!
Pvp:disabled/enabled
World size: size
Owner: Ownername
Id like the html code if possible plz


#84
<img src="http://www.example.com/image.jpg" />

The URL in the quotes should be the URL of the image, if it’s online somewhere.


#85

If it’s an image from your files, I suggest looking up “Free Image Hosting” on Google or some other search engine and upload your file on the site that you’re most comfortable with. Then copy the link of that image and put it in an image tag

<img src=“Put full link here”>

Like Abc stated above. (Abc, why do you have close slash? It’s not needed in an image tag)


#86

Well, It adds to welcome message not on top of it.


#87


I even circled it in black for u to see where i want the image.


#88

That’s put in by the app itself, you can’t really change it.


#89

Actully, you can

u never knew huh? abcboy


#90

Oh, you want to put the image behind it, not replace it. Put this then:

<style>
body {
    background-image: url('http://www.example.com/image.jpg');
}
</style>

#91

Thanks man finally!

All this time i was trying to figure it out


#92

This is confusing :confused:


#93

I would agree with that, I’ve been googling a lot of these codes and putting the good ones here. I’d like some sort of editor similar to htmleditor.in added into the game by default.


#94

Umm I’ve done all that but how do you actually put it on the welcome screen


#95

Copy the codes and paste them into the welcome message of any server you own or are admin of


#96

confusing


#97

Would anyone mind looking at the HTML page I made as well…?

http://theblockheads.net/forum/showthread.php?14609-Advanced-HTML-Welcome-Screen


#98


#99

<p>
<!doctype html>
<html>
<head>
</head>
<body>
<p>
<a href=“http://youtu.be/RLQx3KjU3wQ”><img alt=“£Treasure seas£” height=“60” src=“http://images.cooltext.com/3907006poop.png” width
=“560” /></a></p>
<hr />
<em> <marquee behavior=“scroll” direction=“left”>Welcome to Treasure Seas 2</marquee </em>
<hr>
<p>

<p>
<h1>
<em>Rules</em> </h1>
<em>•Build two blocks above spawn so people can walk under your house instead of walking through it or have a hallway for people to walk directly through.
<p>
• If you are building a house or railway tracks in the air, please use reinforced blocks to prevent ugly backdrops!
<p>
• If you are building with stone, dirt, steel or anything that seems ugly, paint it!
<p>
• Put your name on your house to avoid it being destroyed by admins
• Please destroy the house if you’re not going to live there anymore!
<p>
IF YOUR HOUSE DOESN’T FIT THE CRITERIA WE WILL REMOVE WHAT IS NECESSARY. ONCE REMOVED WE WILL LEAVE A SIGN STATING THE REASON (e.g: ugly - No Game)
<p>
• No spamming
<p> Do not make lag such as having too many portals, moving objects, bright lights, mobs and/or duping too much.
<h2>Admin & Mod rules</h2>
<p> <em>Do not ban people unless they grief or steal.
<p>
• <em>Do not admin anyone, you have to get the permission of £The A£ or No Game No Life</em></p>
<p>
•<em>It would help if you take a screenshot of £The A£ or No Game No Life saying yes to your admin request</em></p>
<p>
</p>
<hr />
<h1>
<em>REPORT</em></h1>
<p>
<em>Report any grief or stealing that occurred to this Gmail account, you need proof (e.g a screenshot)</em></p>
<p>
</p>
<h1>
<em>Alex64YX@gmail.com</em></h1>
<hr />
<p>
</p>
</body>
</html>
<meta charset=“UTF-8” />
<meta content=“width=device-width” name=“viewport” />
<title>test-12</title>
<p>
<link href=“style.css” rel=“stylesheet” />
</p>
<p>
<em>⬇️Other servers⬇️</em> <a style=“color:#01DF01”> </a>
<p>
<a style=“color:#01DF01”> </a><a href=“http://theblockheads.net/join.php?id=9a0db1ee769069976a0f9b738cf0e251&name=€TREASURE%20SEAS€%20(COOL)”>€Treasure seas€</a></p>
<p>
<a style=“color:#DF013A”> </a><a href=“http://theblockheads.net/join.php?id=7eb8001d34e675662bb65afd1a1e1103&name=£BLOCK%20WARS£”>£Block Wars£</a></p>
<p>
<a style=“color:#8000FF”> </a><a href=“http://theblockheads.net/join.php?id=928797df584826115f3c27e5d581177d&name=TROLL%20CITY”>Troll city</a></p>
<p>
</p>
<hr />
Time left October,10,2014 8:00 am
<hr />
</div>
<p>

 &lt;/p&gt;

<style type=“text/css”>table, tr, td { background-color:transparent;}div table tr td {background-color: CD3333 !important;}div table tr td a:link, div table tr td a:visited, div table tr td a:hover {color: FFFF00 !important; font-weight: bold !important;}table {background-color: transparent !important;}table table table td {background-color: CDAD00 !important;}table table table table td {color: FFFFFF !important;}.clearfix {background-color: CDAD00 !important;}.profileInfo {border: 222C3C 2px solid !important;}.interestsAndDetails, .userProfileDetail, .contactTable {background-color: CDAD00 !important; border: 222C3C 2px solid !important; width: 300px !important;}.extendedNetwork , .latestBlogEntry, .blurbs, .friendSpace,.friendsComments {background-color: CDAD00 !important; border: 222C3C 2px solid !important;}span, .btext, .orangetext15 {background-color: transparent !important;}a {font-weight: normal !important; color: FFFF00 !important;}b, span, .btext, .orangetext15, .whitetext12 {color: FFFFFF !important;}.text {color: FFFFFF !important;}.lightbluetext8 {color: B2DFEE !important;}a.text:link, a.text:visited {font-weight: bold; color:222C3C !important;}div object {background-color: CDAD00 !important; border: 222C3C 2px solid !important;}ul li div span div {background-color: CDAD00 !important; border: 222C3C 2px solid !important;}table.contactTable tr td.text {background-color: CDAD00 !important;}table.contactTable td.tdborder table td{background-color: E0E1E2 !important;}table.contactTable td.tdborder{background-color: E0E1E2 !important;}div ul li a.open:link,div ul li a.open:visited,div ul li a.open:hover{background-color: 1548ae !important;}div ul li small{color: ffccdd !important;}.bodyContent{background-color: transparent;}body {background:url(http://www.fillster.com/images/backgrounds/468v.jpg);background-attachment:fixed;background-repeat:repeat;}table tr td div, div div a.text:link, div div a.text:visited, div div a.text:hover, div div a.text:active, div div p a:link, div div p a:visited, div div p a:hover, div div p a:active {color: 00FF00 !important;}</style><center><a href=“http://www.fillster.com” target="_blank">

<em> <marquee behavior=“scroll” direction=“left”>Hope you enjoy the server</marquee </em>
<hr>nwnsnsnanananajhusuhsusnunsu

Really good animated text must look paste it in Your world


#101

Darn it Callum! Don’t go around posting our code!