Jump to content
MaxCheaters Official Group on X
MaxCheaters Official Group on Discord

[GUIDE] How To Make Your Own Website (Advanced)

DragonHunter

By DragonHunter
in Guides & Tutorials

 Share

Recommended Posts

DragonHunter Newbie

DragonHunter

Posted
Posted

Begin Guide: [GUIDE] How To Make Your Own Website (Basic)

http://www.maxcheaters.com/forum/index.php?topic=50736.0

 

Experienced Guide: [GUIDE] How To Make Your Own Website (Advanced)

http://www.maxcheaters.com/forum/index.php?topic=51823.0

 

 

 

Hello people, If you have readed my Basic guide how to make your own website you can learn from this guide to make a more advanced website, I will guide you so you can make your own websites instead of downloading stuff without knowing the scripts

 

This is an example I made http://img208.imageshack.us/img208/4222/l2sonic1024.png

 

You can make your website in whatever way you want, So if your ready...Lets begin  ;)

 

We are going to make it in dreamweaver I'm using CS3

 

Make a new HTML empty page in DreamWeaver CS3

 

Make now a new CSS file in DreamWeaver CS3

 

as you will see in the HTML page you will get this:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

 

 

And at CSS

@charset "utf-8";
/* CSS Document */

 

 

Ok lets begin first at the CSS side so... lets say you want your website in a color like red

Go to your CSS and add this under /* CSS Document */

body
{
background-color:#FF0000;
}

 

This will say the <body> must have a background color: red

 

Lets say you want your website centered... make a new ID in your CSS

Type this in your CSS Under the body script

 

#container
{
margin: 0 auto; /* This will say your website begin and thats 0 automatic */
width:800px;
}

 

 

Remember that you must change later your width:800px; good or else it will look a little bit strange if you have a image that will have more then 800pixels as your container where you are making your website

 

Ok lets move on to your HTML side

 

Add this between the body's

<div id="container">


</div>

 

Between the container DIV you must work if you will not do that everything will become under the website you are making

 

This is what your HTML should look like

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div id="container">




</div>
</body>
</html>

 

And the CSS will look like this

@charset "utf-8";
/* CSS Document */

body
{
background-color:#FF0000;
}

#container
{
margin: 0 auto; /* This will say your website begin and thats 0 automatic */
width:800px;
}

 

If you want to see your website name your HTML file to index.html and the css to style.css

 

ok now go to your html side and add this line between the head's under the <title>

<link href="style.css" rel="stylesheet" type="text/css" />

 

and if you go now to the DESIGN you will see the page and its red  ;)

 

if your page is not red please give a comment !

 

Ok lets move on to pictures lets take this picture as example http://images.mmosite.com/feature/news/2007_10_15/lineage2/ss/lineage2sl02.jpg

 

You can choose any picture you want but I just took a picture from google

 

Ok now your CSS Side

 

#picture
{
background-image:url(http://images.mmosite.com/feature/news/2007_10_15/lineage2/ss/lineage2sl02.jpg);
width:420px;
height:603px;
}

 

You said here what resolution it will take and it was 420*603 if you will set it lower it will cut of a part of the picture and I think you don't want that to happen... You ALWAYS must give width and height

 

Now your CSS will look like this

 

@charset "utf-8";
/* CSS Document */

body
{
background-color:#FF0000;
}

#container
{
margin: 0 auto; /* This will say your website begin and thats 0 automatic */
width:800px;
}

#picture
{
background-image:url(http://images.mmosite.com/feature/news/2007_10_15/lineage2/ss/lineage2sl02.jpg);
width:420px;
height:603px;
}

 

 

And your HTML Side like this

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">


<div id="picture"></div>



</div>
</body>
</html>

 

 

Don't forget we are still working inside the container with a resolution width of 800

 

In your DESIGN you will see this http://img25.imageshack.us/img25/6913/41650079.jpg

 

If its looking like this..give a comment !

 

Ok lets add the same picture

tips:

# = ID, is unique It can be used only one time, You can use it more times but thats bad!

. = CLASS,  You can use this as many times you want and its not unique

 

Ok so lets make the in the CSS the #picture to .picture so its a class and not unique anymore

 

Go now to your HTML side and change 

<div id="picture"></div> to <div class="picture"></div>

 

Hey if I go now back to my DESIGN I see my picture again uhm..lets copy <div class="picture"></div> and lets see what it does

 

I see now 2pictures 1above and 1under, If you do not have this http://img172.imageshack.us/img172/1817/42754205.jpg please comment!

 

Ok so.. I want them together like 1left and 1right (for css it will be 1left and the other 1left)

 

Something like this

 

.picture
{
background-image:url(http://images.mmosite.com/feature/news/2007_10_15/lineage2/ss/lineage2sl02.jpg);
width:420px;
height:603px;
float:left; /* It will be left of the container */
}

 

Go back to your DESIGN at the html side...and hey its not working right ? Thats because the pictures together are more width then the container it self lets make the width of the container to 840, Thats the picture width x 2

 

Math:

Picture width X Picture width = 840 pixels

 

go to your CSS side and change this:

#container
{
margin: 0 auto; /* This will say your website begin and thats 0 automatic */
width:800px;
}

 

TO

#container
{
margin: 0 auto; /* This will say your website begin and thats 0 automatic */
width:840px;
}

 

Now you will notice the pictures does look like this at the website

http://img410.imageshack.us/img410/8899/92835283.jpg

 

You can copy and copy...again and again the pictures and they will come under the above pictures

 

With this you can test alot of things and creating your own website :)

 

Later I will update this thread...

Link to comment
Share on other sites
DragonHunter Newbie

DragonHunter

Posted
  • Author
Posted

nice guide dragonhunter..keep up good work mate..i will try to make it...

Thanks ;)

 

And please don't copy any text but just type it your self so you can learn it much faster

Link to comment
Share on other sites
  • 1 month later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing


  • Posts

    • Guarder
      Loginserver terminated abnormally!

      By Guarder · Posted

      Helly everyone . I use L2jmobius interlude , i did everything , installed the db compiled the Build in eclipse Gameserver seems to lead OK , but it fails to connect to loginserver When i click to start the loginserver it says  "Loginserver terminated abnormally" This is wheat gameserver shows me :    [05/10 17:25:12] LoginServerThread: Connecting to login on 127.0.0.1:9014 [05/10 17:25:12] LoginServerThread: LoginServer not available, trying to reconnect... [05/10 17:25:17] LoginServerThread: Connecting to login on 127.0.0.1:9014 [05/10 17:25:17] LoginServerThread: LoginServer not available, trying to reconnect... [05/10 17:25:22] LoginServerThread: Connecting to login on 127.0.0.1:9014 [05/10 17:25:22] LoginServerThread: LoginServer not available, trying to reconnect...   And This is my login config file:   # --------------------------------------------------------------------------- # Login Server Settings # --------------------------------------------------------------------------- # This is the server configuration file. Here you can set up the connection information for your server. # This was written with the assumption that you are behind a router. # Dumbed Down Definitions... # LAN (LOCAL area network) - typically consists of computers connected to the same router as you. # WAN (WIDE area network) - typically consists of computers OUTSIDE of your router (ie. the internet). # x.x.x.x - Format of an IP address. Do not include the x'es into settings. Must be real numbers. # --------------------------------------------------------------------------- # Networking # --------------------------------------------------------------------------- # Bind ip of the LoginServer, use 0.0.0.0 to bind on all available IPs # WARNING: <u><b><font color="red">Please don't change default IPs here if you don't know what are you doing!</font></b></u> # WARNING: <u><b><font color="red">External/Internal IPs are now inside "ipconfig.xml" file.</font></b></u> # Default: 0.0.0.0 LoginserverHostname = 0.0.0.0 # Default: 2106 LoginserverPort = 2106 # The address on which login will listen for GameServers, use * to bind on all available IPs # WARNING: <u><b><font color="red">Please don't change default IPs here if you don't know what are you doing!</font></b></u> # WARNING: <u><b><font color="red">External/Internal IPs are now inside "ipconfig.xml" file.</font></b></u> # Default: 127.0.0.1 LoginHostname = 127.0.0.1 # The port on which login will listen for GameServers # Default: 9014 LoginPort = 9014 # --------------------------------------------------------------------------- # Database # --------------------------------------------------------------------------- # Specify the JDBC driver class for your database. # Default: org.mariadb.jdbc.Driver Driver = org.mariadb.jdbc.Driver # Database URL # Default: jdbc:mariadb://localhost/l2jmobiusinterlude?useUnicode=true&characterEncoding=utf-8&useSSL=false&connectTimeout=10000&interactiveClient=true&sessionVariables=wait_timeout=600,interactive_timeout=600&autoReconnect=true URL = jdbc:mariadb://localhost/l2jmobiusinterlude?useUnicode=true&characterEncoding=utf-8&useSSL=false&connectTimeout=10000&interactiveClient=true&sessionVariables=wait_timeout=600,interactive_timeout=600&autoReconnect=true # Database user info. Default is "root" but it's not recommended. Login = root # Database user password, leave empty for no password. Password = root # Maximum number of database connections to maintain in the pool. # Default: 5 MaximumDatabaseConnections = 5 # Determine whether database connections should be tested for availability. # Default: False TestDatabaseConnections = False # --------------------------------------------------------------------------- # Automatic Database Backup Settings # --------------------------------------------------------------------------- # Generate database backups when server restarts or shuts down.  BackupDatabase = False # Path to MySQL bin folder. Only necessary on Windows. MySqlBinLocation = C:/xampp/mysql/bin/ # Path where MySQL backups are stored. BackupPath = ../backup/ # Maximum number of days that backups will be kept. # Old files in backup folder will be deleted. # Set to 0 to disable. BackupDays = 30 # --------------------------------------------------------------------------- # Thread Configuration # --------------------------------------------------------------------------- # Defines the number of threads in the scheduled thread pool. # If set to -1, this will be determined by available processors divided by 2. ScheduledThreadPoolSize = 2 # Defines the number of threads in the instant thread pool. # If set to -1, this will be determined by available processors divided by 2. InstantThreadPoolSize = 2 # --------------------------------------------------------------------------- # Security # --------------------------------------------------------------------------- # How many times you can provide an invalid account/pass before the IP gets banned. # Default: 5 LoginTryBeforeBan = 5 # Time you won't be able to login back again after LoginTryBeforeBan tries to login. # Default: 900 (15 minutes) LoginBlockAfterBan = 900 # If set to True any GameServer can register on your login's free slots # Default: True AcceptNewGameServer = True # Flood Protection. All values are in milliseconds. # Default: True EnableFloodProtection = True # Default: 15 FastConnectionLimit = 15 # Default: 700 NormalConnectionTime = 700 # Default: 350 FastConnectionTime = 350 # Default: 50 MaxConnectionPerIP = 50 # --------------------------------------------------------------------------- # Misc Login Settings # --------------------------------------------------------------------------- # If False, the license (after the login) will not be shown. # Default: True ShowLicence = True # Default: True AutoCreateAccounts = True # Datapack root directory. # Defaults to current directory from which the server is started. DatapackRoot = . # --------------------------------------------------------------------------- # Scheduled Login Restart # --------------------------------------------------------------------------- # Enable disable scheduled login restart. # Default: False LoginRestartSchedule = False # Time in hours. # Default: 24 LoginRestartTime = 24    
    • Morrison2102
      Morison Store Cheap Torrent Trackers/NZB Indexers

      By Morrison2102 · Posted

      bump
    • Banshee Garnet
      [Report] Celsas, Interface (Re)-Seller

      By Banshee Garnet · Posted

      or at least to tell you an update that sorry but still not at home.. 10 days is suspisious.. but he is long time offline from discord indeed... maybe something happened?
    • HyperBlown
      [Report] Celsas, Interface (Re)-Seller

      By HyperBlown · Posted

      I never had problems with him. Again, Im not sure if he scammed or not. But 10+ days without answering after we already paid, its a bit sus. If you know you wouldnt be able to answer for a few days, after receiving and confirming the amount, why dont keep in touch? or just say "hey, dont send now because I will only be available after day x.".  
    • Banshee Garnet
      [Report] Celsas, Interface (Re)-Seller

      By Banshee Garnet · Posted

      i used to ask him for stuff etc, i dont think he scammed ... if he does i will be suprised...

  • Topics

×
×
  • Create New...