Webscripting Help

[AnDy1990]

Hello

I'm soon starting my new real map ot up. And I wanted a new website. But I'm not very good at the scripting so I need some help.

Im using AFS-CMS (latest version) and TFS 0.2.10

>----------->----------<-----------<

Here is the design:


(I haven't added the boxes under Account,Password,Player search, because I don't know how to , if it should be done in photoshop or in script.)

So.. I need help with the scripting.

Here is the default.css for the layout.

/*
Original design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Modified by Andy
Copyright on Design for Throne OT.
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #0A0A0A url(Images/img1.jpg);
	font-family: Britannic Bold;
	font-size: 14px;
	color: Orange;
}

h1, h2, h3 {
	color: Yellow;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 1.6em;
}

p {
}

blockquote {
}

ul {
}

ol {
}

a {
	border-bottom: 1px dotted #652A17;
	text-decoration: none;
	color: #652A17;
}

a:hover {
	border: none;
	color: #FF0000;
}

/* Wrapper */

#wrapper {
	background: url(Images/img2.jpg) repeat-x;
}

/* Header */

#header {
	width: 662px;
	height: 260px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(Images/img3.jpg);
}

#header h1, #header h2 {
	text-align: center;
}

#header h1 {
	padding: 150px 0 0 20px;
	letter-spacing: 3px;
	font-size: 136%;
}

#header h2 {
	padding: 153px 0 0 6px;
	letter-spacing: 2px;
	font-size: 107%;
}

#header a {
	border: none;
	text-transform: uppercase;
	text-decoration: none;
	color: #000000;
}

/* Menu */

#menu {
	width: 750px;
	height: 50px;
	margin: 0 auto;
	background: url(Images/img4.jpg) no-repeat;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 20px;
	padding: 10px 20px 0 20px;
	border: none;
	border-right: 1px solid #110F09;
	font-size: 85%;
	font-weight: bold;
	color: DarkGreen;
}

#menu a:hover {
	color: Lime;
}

/* Page */

#page {
	width: 750px;
	margin: 0 auto;
	background: url(Images/img7.jpg) repeat-y 220px 0px;
}

/* Content */

#content {
	float: right;
	width: 489px;
	padding-right: 20px;
}

#content h1, #content h2, #content h3 {
	margin-bottom: 20px;
}

#content h1 {
	font-size: 136%;
}

#content h2 {
	font-size: 107%;
}

#content h3 {
	font: 92%;
}

#content ul, #content ol {
	list-style-position: inside;
}

#content .boxed {
	float: left;
	width: 46%;
	padding-right: 2%;
}

#content .boxed h2 {
	padding: 5px 0;
	background: url(Images/img5.jpg) repeat-x left bottom;
}

/* Welcome */

#welcome {
}

/* Sample1 */

#sample {
}

/* Sample2 */

#sample2 {
}

/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	padding-left: 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 1px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding: 7px 20px;
	background: url(Images/img5.jpg) repeat-x left bottom;
}

#sidebar h2 {
	padding: 5px 20px;
	background: url(Images/img6.jpg);
	border-bottom: 1px solid #1C1C1C;
	font-size: 100%;
}

#sidebar h3 {
	font-size: 77%;
}

#sidebar p {
	margin: 0;
	line-height: normal;
}

#sidebar a {
	border: none;
}

/* Submenu */

#submenu {
}

/* News */

#news {
}

#news a {
	font-size: 85%;
}

/* Footer */

#footer {
	width: 750px;
	height: 50px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url(Images/img4.jpg) no-repeat;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

I have saved the borders, banner etc. in .jpeg and are set up as img1/img2/im3 etc.

so here is what it looks like now. (just installed it so its some default settings)


(I got two screens, so yes its on the right)

Also as you see on the design, I want to add some new things like "Information", How should I proceed with this?

If you could help me with this, please answer on this thread or contact me msn/email: [email protected]

Thank you for looking and hope you can help.


-Andy

 

[Snel pUppie]

If you want the acc and password fields you just have to put this in your html code, depending on where you want it.

<form method="post" action="">
<input type="text" name="username">
<input type="password" name="password">
<br/>
<input type="submit" value="Login" name="">
</form>

Then you need a php login script and I am too lazy to make one It ain't that hard so ask around if someone wanna do it for ya. You will also need a database to store the account numbers and passwords, I prefer phpmyadmin.

 

[AnDy1990]

If you want the acc and password fields you just have to put this in your html code, depending on where you want it.

<form method="post" action="">
<input type="text" name="username">
<input type="password" name="password">
<br/>
<input type="submit" value="Login" name="">
</form>

Then you need a php login script and I am too lazy to make one It ain't that hard so ask around if someone wanna do it for ya. You will also need a database to store the account numbers and passwords, I prefer phpmyadmin.

I use AFS-CMS as I said, so the database is in phpmyadmin, with the mysql database for tfs.