style and consistancey changes

gh-pages
Rubenwardy 2012-12-29 16:55:18 +00:00
parent ee0c52bad1
commit 767da56c7f
6 changed files with 978 additions and 85 deletions

205
game/custom.html Normal file
View File

@ -0,0 +1,205 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fi">
<head>
<meta name="keywords" content="minetest,manual,run,walk,through,tutorial" />
<meta name="description" content="Minetest Manual" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="../style.css" type="text/css" />
<link rel="shortcut icon" href="../favicon.ico" />
<link rel="bookmark icon" href="../favicon.ico" />
<title>Minetest Manual</title>
<style>
#conul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
#conul li {
display: inline-block;
font-size: 18px;
padding: 4px 7px 0;
}
</style>
</head>
<body>
<div id="logo">
<div id="logo_left">
<a href="http://minetest.net" target="_blank">
<img width=126 height=126 src="../images/mt_logo.png">
</a>
</div>
<div id="logo_right"></div>
</div>
<div id="navbar" class="navbar">
<div class="constrain">
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../index.html">Minetest Manual</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../intro.html">Introduction</a></li>
<li class="navlink_special"><a href="../game/install.html">Installing</a></li>
<li class="navlink_special"><a href="../game/index.html">Game Play</a></li>
<li class="navlink_special"><a href="../game/custom.html">Customisation</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../mod/index.html">Modding</a></li>
<li class="navlink_special"><a href="../dev/index.html">Engine Dev</a></li>
</ul>
</span>
<span class="inbar_right">
<ul>
<li class="navlink_special"><a href="http://github.com/rubenwardy/minetest-manual" target="_blank" title="This manual's git hub page">Git Hub</a></li>
</ul>
</span>
</div>
</div>
<div id="content">
<div class="constrain">
<div style="clear: both;"></div>
<!-- end of header -->
<h1>Customisation</h1>
<h2 id="mods">Installing Mods</h2>
You can find mods online at <a href="http://multa.bugs3.com/minetest/forum">Minetest Extensions</a> or on the <a href="http://www.minetest.net/forum/viewforum.php?id=11">Mod Forum</a>.
<p>
Unzip the mod's download into a folder in <a class="tooltip" title="The folder where you installed Minetest.">root</a> /mods/minetest/
</p>
<p>
<a href="../images/sc_mod_folder.png">
<img src="../images/sc_mod_folder.png">
</a>
</p>
As soon as you enter the mod's folder, there should be a init.lua or a modpack.txt file. If not, delete any subfolders until they are the first files.
</div>
</div>
</body>
</html>

View File

@ -1,101 +1,201 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fi">
<head>
<meta name="keywords" content="minetest,manual,run,walk,through,tutorial" />
<meta name="description" content="Minetest Manual" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="../style.css" type="text/css" />
<link rel="shortcut icon" href="../favicon.ico" />
<link rel="bookmark icon" href="../favicon.ico" />
<title>Minetest Manual</title>
<style>
#conul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
#conul li {
display: inline-block;
font-size: 18px;
padding: 4px 7px 0;
}
</style>
</head>
<body>
<div id="logo">
<div id="logo_left">
<a href="http://minetest.net" target="_blank">
<img width=126 height=126 src="../images/mt_logo.png">
</a>
</div>
<div id="logo_right"></div>
</div>
<div id="navbar" class="navbar">
<div class="constrain">
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../index.html">Minetest Manual</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../intro.html">Introduction</a></li>
<li class="navlink_special"><a href="../game/install.html">Installing</a></li>
<li class="navlink_special"><a href="../game/index.html">Game Play</a></li>
<li class="navlink_special"><a href="../game/install.html#mods">Customisation</a></li>
<li class="navlink_special"><a href="../game/custom.html">Customisation</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../mod/index.html">Modding</a></li>
<li class="navlink_special"><a href="../dev/index.html">Engine Dev</a></li>
</ul>
</span>
<span class="inbar_right">
<ul>
<li class="navlink_special"><a href="http://github.com/rubenwardy/minetest-manual" target="_blank" title="This manual's git hub page">Git Hub</a></li>
</ul>
</span>
</div>
</div>
<div id="content">
<div class="constrain">
<div style="clear: both;"></div>
<!-- end of header -->
<div style="float:right;">
<div class="bigbutton">
<div class="bigbutton" onclick="location.href='install.html';">
<a href="install.html">Installing</a>
</div>
<div class="bigbutton">
<div class="bigbutton" onclick="window.open('http://youtube.com','mywindow');';">
<a href="http://youtube.com" target="_blank">Watch a Video</a>
</div>
</div>
<h1>Playing Minetest</h1>
There are many aims in Minetest, the main ones being building and fighting <a class="tooltip" title="Ingame animals and monsters are called mobs"><u>mobs</u></a>.
There are many aims in Minetest, the main ones being building and fighting <a class="tooltip" title="Ingame animals and monsters are called mobs">mobs</a>.
<br><br><br>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,141 +1,246 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fi">
<head>
<meta name="keywords" content="minetest,manual,run,walk,through,tutorial" />
<meta name="description" content="Minetest Manual" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="../style.css" type="text/css" />
<link rel="shortcut icon" href="../favicon.ico" />
<link rel="bookmark icon" href="../favicon.ico" />
<title>Minetest Manual</title>
<style>
#conul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
#conul li {
display: inline-block;
font-size: 18px;
padding: 4px 7px 0;
}
</style>
</head>
<body>
<div id="logo">
<div id="logo_left">
<a href="http://minetest.net" target="_blank">
<img width=126 height=126 src="../images/mt_logo.png">
</a>
</div>
<div id="logo_right"></div>
</div>
<div id="navbar" class="navbar">
<div class="constrain">
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../index.html">Minetest Manual</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../intro.html">Introduction</a></li>
<li class="navlink_special"><a href="../game/install.html">Installing</a></li>
<li class="navlink_special"><a href="../game/index.html">Game Play</a></li>
<li class="navlink_special"><a href="../game/install.html#mods">Customisation</a></li>
<li class="navlink_special"><a href="../game/custom.html">Customisation</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="../mod/index.html">Modding</a></li>
<li class="navlink_special"><a href="../dev/index.html">Engine Dev</a></li>
</ul>
</span>
<span class="inbar_right">
<ul>
<li class="navlink_special"><a href="http://github.com/rubenwardy/minetest-manual" target="_blank" title="This manual's git hub page">Git Hub</a></li>
</ul>
</span>
</div>
</div>
<div id="content">
<div class="constrain">
<div style="clear: both;"></div>
<!-- end of header -->
<h1>Installing and Customisation</h1>
<div style="float:right;">
<div class="bigbutton">
<a href="http://minetest.net/download.php#win">Windows</a>
<div class="bigbutton" onclick="location.href='http://minetest.net/download.php';">
<a href="http://minetest.net/download.php">Windows</a>
</div>
<div class="bigbutton">
<a href="http://minetest.net/download.php#linux">Linux</a>
<div class="bigbutton" onclick="location.href='http://minetest.net/download.php';">
<a href="http://minetest.net/download.php">Linux</a>
</div>
<div class="bigbutton">
<a href="http://minetest.net/download.php#mac">Mac</a>
<div class="bigbutton" onclick="location.href='http://minetest.net/download.php';">
<a href="http://minetest.net/download.php">Mac</a>
</div>
<div class="bigbutton">
<a href="http://minetest.net/download.php#other">Other</a>
<div class="bigbutton" onclick="location.href='http://minetest.net/download.php';">
<a href="http://minetest.net/download.php">Other</a>
</div>
</div>
<h2>Installing Minetest</h2>
<div class="inbar_left" style="background-color:#FFFFFF;text-align:center;">
<a href="../images/sc_minetest_exe.png">
<img width=164 src="../images/sc_minetest_exe.png">
</a>
<br>
The Minetest program.
</div>
Download Minetest from one of the links on the right.
<p>
Unzip the resulting package into a folder of your choice.
To run Minetest simply go into the bin/ folder and double click the minetest program.<br />
<div style="background-color:#FFFFCC; width:500px; height:50px; padding: 10px 10px 10px 10px;">
<b>Creating a Shortcut</b><br>
<span id="shortcut">Right click the minetest program file, select <i>send to</i> and then <i>desktop (create shortcut)</i>.</span>
</div>
</p>
<br>
<h2 id="mods">Installing Mods</h2>
You can find mods online at <a href="http://multa.bugs3.com/minetest/forum">Minetest Extensions</a> or on the <a href="http://www.minetest.net/forum/viewforum.php?id=11">Mod Forum</a>.
<p>
Unzip the mod's download into a folder in <a class="tooltip" title="The folder where you installed Minetest."><u>root</u></a> /mods/minetest/
</p>
<p>
<a href="../images/sc_mod_folder.png">
<img src="../images/sc_mod_folder.png">
</a>
</p>
As soon as you enter the mod's folder, there should be a init.lua or a modpack.txt file. If not, delete any subfolders until they are the first files.
</div>
</div>
</div>
</body>
</html>

View File

@ -1,132 +1,263 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fi">
<head>
<meta name="keywords" content="minetest,manual,run,walk,through,tutorial" />
<meta name="description" content="Minetest Manual" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="bookmark icon" href="/favicon.ico" />
<title>Minetest Manual</title>
<style>
#conul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
#conul li {
display: inline-block;
font-size: 18px;
padding: 4px 7px 0;
}
</style>
</head>
<body>
<div id="logo">
<div id="logo_right"></div>
<div id="logo_left">
<a href="http://minetest.net" target="_blank">
<img width=126 height=126 src="images/mt_logo.png">
</a>
</div>
</div>
<div id="navbar" class="navbar">
<div class="constrain">
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="index.html">Minetest Manual</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="intro.html">Introduction</a></li>
<li class="navlink_special"><a href="game/install.html">Installing</a></li>
<li class="navlink_special"><a href="game/index.html">Game Play</a></li>
<li class="navlink_special"><a href="game/install.html#mods">Customisation</a></li>
<li class="navlink_special"><a href="game/custom.html">Customisation</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="mod/index.html">Modding</a></li>
<li class="navlink_special"><a href="dev/index.html">Engine Dev</a></li>
</ul>
</span>
<span class="inbar_right">
<ul>
<li class="navlink_special"><a href="http://github.com/rubenwardy/minetest-manual" target="_blank" title="This manual's git hub page">Git Hub</a></li>
</ul>
</span>
</div>
</div>
<div id="content">
<div class="constrain">
<div style="clear: both;"></div>
<!-- end of header -->
<div style="float:right;">
<div class="bigbutton">
<div class="bigbutton" onclick="location.href='intro.html';">
<a href="intro.html">Introduction</a>
</div>
<div class="bigbutton">
<div class="bigbutton" onclick="location.href='game/install.html';">
<a href="game/install.html">Installing</a>
</div>
<div class="bigbutton">
<div class="bigbutton" onclick="location.href='game/index.html';">
<a href="game/index.html">Game Play</a>
</div>
<div class="bigbutton">
<a href="game/install.html#mods">Customisation</a>
<div class="bigbutton" onclick="location.href='game/custom.html';">
<a href="game/custom.html">Customisation</a>
</div>
<div class="bigbutton">
<div class="bigbutton" onclick="location.href='mod/index.html';">
<a href="mod/index.html">Modding</a>
</div>
</div>
<h1>Minetest Manual</h1>
<p>
This manual was writen by the Minetest community, and will help you use Minetest to its full potential.
</p>
<p>
We recommend you start with the introduction, as it will explain to you the key things you need to know about Minetest, and its background.
</p>
<p>
<b>Noticed a mistake?</b>
Contribute to this manual at the <a href="http://github.com/rubenwardy/minetest-manual" target="_blank" title="This manual's git hub page">Git Hub Page</a>.
</p>
<br>
<h2>Engine Development</h2>
<p>
Are you interested in making Minetest better?<br />
Minetest could always use more core developers.
</p>
<div class="bigbutton">
<div class="bigbutton" onclick="location.href='dev/index.html';">
<a href="dev/index.html">Development</a>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@ -1,149 +1,297 @@
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="fi">
<head>
<meta name="keywords" content="minetest,manual,run,walk,through,tutorial" />
<meta name="description" content="Minetest Manual" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="bookmark icon" href="/favicon.ico" />
<title>Minetest Manual</title>
<style>
#conul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
#conul li {
display: inline-block;
font-size: 18px;
padding: 4px 7px 0;
}
</style>
</head>
<body>
<div id="logo">
<div id="logo_right"></div>
<div id="logo_left">
<a href="http://minetest.net" target="_blank">
<img width=126 height=126 src="images/mt_logo.png">
</a>
</div>
</div>
<div id="navbar" class="navbar">
<div class="constrain">
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="index.html">Minetest Manual</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="intro.html">Introduction</a></li>
<li class="navlink_special"><a href="game/install.html">Installing</a></li>
<li class="navlink_special"><a href="game/index.html">Game Play</a></li>
<li class="navlink_special"><a href="game/install.html#mods">Customisation</a></li>
<li class="navlink_special"><a href="game/custom.html">Customisation</a></li>
</ul>
</span>
<span class="inbar_separator">
|
</span>
<span class="inbar_left">
<ul>
<li class="navlink_special"><a href="mod/index.html">Modding</a></li>
<li class="navlink_special"><a href="dev/index.html">Engine Dev</a></li>
</ul>
</span>
<span class="inbar_right">
<ul>
<li class="navlink_special"><a href="http://github.com/rubenwardy/minetest-manual" target="_blank" title="This manual's git hub page">Git Hub</a></li>
</ul>
</span>
</div>
</div>
<div id="content">
<div class="constrain">
<div style="clear: both;"></div>
<!-- end of header -->
<h1>Introduction to Minetest</h1>
<div style="float: right;margin-left:1em;">
<table>
<tr><th bgcolor="#BBBBBB" colspan=2>Minetest -C55</th></tr>
<tr><td bgcolor="#BBBBBB"><b>Project Started:</b></td><td>October 2010</td></tr>
<tr><td bgcolor="#BBBBBB"><b>Released Date:</b></td><td>September 2011</td></tr>
<tr><td bgcolor="#BBBBBB"><b>Creator:</b></td><td>Perttu "celeron55" Ahola</td></tr>
<tr><td bgcolor="#BBBBBB"><b>Engine:</b></td><td>Irrlicht</td></tr>
</table>
</div>
Many features in Minetest are missed or mis-understood by new players. This chapter will go over the basic things you need to know about Minetest.
<p>
Minetest is written in C++, so <b>executes faster</b> than Java code. It is a <b>Free</b> and <b>Open</b> Source Game,
released under the LGPL license, and is available for Windows and Linux.
iOS (Mac) and other ports can be compiled from the source.
</p>
<h2>The aims of Minetest</h2>
<h3>1. Free-ness</h3>
<p>
Minetest is a <b>Free</b> and <b>Open</b> Source Game, released under the LGPL license.
</p>
<h3>2. Device Compatibility</h3>
<h3>1. Free-ness</h3>
<p>
Minetest runs on old devices, and works on all devices more natively and efficiently than Java games.
Minetest is a <b>Free</b> and <b>Open</b> Source Game, released under the LGPL license.
</p>
<h3>2. Device Compatibility</h3>
<p>
Minetest runs on old devices, and works on all devices more natively and efficiently than Java games.
</p>
<div style="float: right;margin-left:1em;margin-bottom:1em;">
<a href="images/sc_mod.png"><img src="images/sc_mod_tmp.png" width=205></a>
<br>
An example of a mod's lua code
</div>
<h3>3. Extendablity</h3>
<p>
All of the content in Minetest is supplied by Lua mods, even the default content in the game is a mod.
Mods are made with Lua, which makes mod making easy.
Because of this, you can extend Minetest to your taste, and playing style.
</p>
<p>
There are many mods available, such as:
Animals, Farming and Food for you hunger cravings,
and
<a class="tooltip" title="(redstone)"><u>Mesecons</u></a>, Moreblocks and 3d Furniture for your building needs.
</p>
<p>
To learn more about lua modding, see the <a href="mod/index.html">modding chapter</a> of this manual.
</p>
<p>
There are many mods available, such as:
Animals, Farming and Food for you hunger cravings,
and
<a class="tooltip" title="(redstone)">Mesecons</a>, Moreblocks and 3d Furniture for your building needs.
</p>
<p>
To learn more about lua modding, see the <a href="mod/index.html">modding chapter</a> of this manual.
</p>
</div>
</div>
</body>
</html>

256
style.css
View File

@ -1,136 +1,269 @@
html {
margin: 0;
}
body {
background: none repeat scroll 0 0 #333333;
color: #000000;
font-family: Arial,Helvetica,sans-serif;
margin: 0;
}
.constrain {
margin: auto;
max-width: 60em;
}
#logo {
background-image:url(images/banner.jpg);
background-repeat:repeat-x;
height: 126px;
left: 0;
right: 0;
top: 0;
}
#logo_left {
width: 126px;
height: 126px;
left: 30px;
top: 0;
bottom: 0;
position: absolute;
}
#logo_right {
background-image:url(images/bannerR.jpg);
background-repeat:none;
width: 308px;
height: 126px;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
/*
--
-- NAVIGATION BARS
--
*/
.inbar_left{
float: left;
}
.inbar_right {
float: right;
}
.inbar_separator {
color: #666666;
display: block;
float: left;
font-size: 18px;
margin-left: 10px;
margin-right: 10px;
padding-top: 4px;
text-decoration: none;
}
.navlink_normal {
}
.navlink_special {
}
.navlink_special2 {
}
.navbar {
background: none repeat scroll 0 0 #333333;
height: 32px;
left: 0;
right: 0;
top: 0;
.inbar_right {
float: right;
}
.inbar_separator {
color: #666666;
display: block;
float: left;
font-size: 18px;
margin-left: 10px;
margin-right: 10px;
padding-top: 4px;
text-decoration: none;
}
.navlink_normal {
}
.navlink_special {
}
.navlink_special2 {
}
.navbar {
background: none repeat scroll 0 0 #333333;
height: 32px;
left: 0;
right: 0;
top: 0;
}
.navbar ul {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
.navbar ul li {
display: inline-block;
font-size: 18px;
padding: 4px 7px 0;
}
#navbar ul li a {
color: #CCCCCC;
display: block;
text-decoration: none;
}
#navbar ul li a:hover {
color: #FFFFFF;
}
#content {
background: none repeat scroll 0 0 #FFFFFF;
font-size: 90%;
margin: 0;
padding: 1em 0 2em;
}
#content img {
margin: 0.5em;
}
#content a img {
border: 1px solid #666666;
}
#content a:hover img {
border: 1px solid #000000;
}
#content a {
text-decoration: none;
}
#content a:visited {
}
#content a:hover {
text-decoration: underline;
}
#content h2 h3 h4 {
color: #222222;
}
@ -141,61 +274,132 @@ body {
#footer {
background: none repeat scroll 0 0 #DDDDDD;
clear: both;
color: #000000;
display: block;
margin-top: 1em;
padding: 0 0.2em 2em;
}
.footerlogo {
margin: auto;
text-align: center;
}
.footerlogo img {
vertical-align: middle;
}
.footerlogo span {
margin: 1em;
vertical-align: middle;
}
.footermainlist {
display: inline-block;
text-align: left;
vertical-align: middle;
}
#footer ul {
list-style: none outside none;
padding: 0 0 0 1.5em;
}
#footer ul .the_li {
font-size: 16px;
font-weight: bold;
}
.tooltip {
color: #005500;
text-decoration: underline;
}
.tooltip{
border-bottom: 2px dotted #005500;
}
.tooltip:hover {
border-bottom: 2px solid #005500;
}
.bigbutton {
width: 210px;
height: 44px;
background-image:url(images/big_button.png);
background-repeat:none;
font-size: 20px;
padding: 18px 0 0 20px;
margin-left: 20px;
cursor: pointer;
}
.bigbutton a {
color: #CCCCCC;
text-decoration: none;
}
.bigbutton a:hover {
color: #FFFFFF;
}