[HELP] Website

liddojose97 · 04/23/2012, 02:37

Hello i was wondering how do i make a rule page to show before anything else on a appserv website. So like in the beginning when you go to the website . And also how do i make it look an amazing rule page for conquer

~~DyjgK64J451Jhv0~~ · 04/23/2012, 03:07

why dont u just download any done page and teach urself and keep testing on it ?

Angellinho · 04/23/2012, 06:17

How hard should be?

HTML Code:

 <html>
    <head>
      <title>My Server Rules Page</title>
    </head>
    <body>
      <h4>Rules baby!</h4>

     <p>First rule, Minimal knowledge about keyboard/mouse</p>
     <p>Second rule, don`t think you`re C# Developer/Hacker when you`re a ****** 15 years old kid who think can own a **** using tools from google. Don`t feel too important `cuz I`m talking about you my dog! =)</p>
      <p>Third rule, you shouldn`t have mental problems (you`ll bother me) etc.</p>
       <!-- You should keep the 2nd rule. "H4k3r2" will afraid of your server if see that. If not all of them, at least the best of it. /sarcasm. :)) -->
    </body>
 </html>

You can keep the second rule, should look nice.

tkblackbelt · 04/23/2012, 07:51

Use Angellinho html template and just store a cookie on the users computer with a boolean flag that indicates whether they accepted the terms and only display it if they haven't.

turk55 · 04/23/2012, 10:22

Quote:

Originally Posted by Angellinho

How hard should be?

HTML Code:

 <html>
    <head>
      <title>My Server Rules Page</title>
    </head>
    <body>
      <h4>Rules baby!</h4>

     <p>First rule, Minimal knowledge about keyboard/mouse</p>
     <p>Second rule, don`t think you`re C# Developer/Hacker when you`re a ****** 15 years old kid who think can own a **** using tools from google. Don`t feel too important `cuz I`m talking about you my dog! =)</p>
      <p>Third rule, you shouldn`t have mental problems (you`ll bother me) etc.</p>
       <!-- You should keep the 2nd rule. "H4k3r2" will afraid of your server if see that. If not all of them, at least the best of it. /sarcasm. :)) -->
    </body>
 </html>

You can keep the second rule, should look nice.

BAD, BAD! USING INLINE CSS!!

Angellinho · 04/23/2012, 15:47

Quote:

Originally Posted by turk55

BAD, BAD! USING INLINE CSS!!

:| It`s an example. Not even a template.

turk55 · 04/23/2012, 17:45

<!DOCTYPE HTML>
<html>
<head>
<title>Disclaimer</title>
</head>
<body>
<ul>
<li> rule 1 </li>
<li> rule 2 </li>
<li> rule 3 </li>
<li> rule 4 </li>
<li> rule 5 </li>
<li> rule 6 </li>
</ul>
</body>
</html>

Korvacs · 04/23/2012, 20:28

Quote:

Originally Posted by turk55

BAD, BAD! USING INLINE CSS!!

Wheres the CSS in that quote?

Angellinho · 04/23/2012, 20:49

I think he`s talking about the paragraph tag. And with inline css something like that:

HTML Code:

<p style="background: #000; color: white;">Inline CSS</p>

Wait for me an hour to charge my laptop then I`ll make it using some styles.

turk55 · 04/23/2012, 20:51

Quote:

Originally Posted by Korvacs

Wheres the CSS in that quote?

<h4>Rules baby!</h4>

Korvacs · 04/23/2012, 21:23

Quote:

Originally Posted by turk55

<h4>Rules baby!</h4>

So.......thats not inline css..

tkblackbelt · 04/23/2012, 21:49

Quote:

Originally Posted by turk55

<h4>Rules baby!</h4>

How high are you right now?

turk55 · 04/23/2012, 22:01

its a inline style, which is part of inline css

Angellinho · 04/23/2012, 22:02

#Done. I used tiny ajax.

HTML Code:

<!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>My Rules page!</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<div id="wrapper">
<h4>Read the fuckin` rules before </h4>
<p> First rules line - First rules line - First rules line <font color="e82d40">Punishment: 1 second ban</font> </p>
<p> Second rules line - Second rules line <font color="e82d40">Punishment: 1 minute ban</font>  </p>
<p> Third rules line - Third rules line <font color="e82d40">Punishment: 1 hour ban</font>  </p>
<p> Fourth rules line - Fourth rules line - Fourth rules line - <font color="e82d40">Punishment: 1 day ban</font></p>
<p> Fifth rules line - Fifth rules line - Fifth rules line - <font color="e82d40">Punishment: 1 week ban</font></p>
<p> Sixth rules line - Sixth rules line - Sixth rules line - <font color="e82d40">Punishment: 1 month ban</font></p>
<p> Seventh rules line - Seventh rules line - <font color="e82d40">Punishment: 1 season ban</font></p>
<p> Eighth rules line - Eighth rules line - Eighth rules line - <font color="e82d40">Punishment: 1 year ban</font></p>
<p> Ninth rules line - Ninth rules line - Ninth rules line - <font color="e82d40">Punishment: 1 decade ban</font></p>
<p> Tenth rules line - Tenth rules line - Tenth rules line - <font color="e82d40">Punishment: Permantent</font></p><br/>

	<div id="output">
		<div id="content"></div>
		<div class="close" onclick="hide()">X</div>
	</div>
	<script language='javascript'>
document.write(unescape('%3C%64%69%76%20%69%64%3D%22%62%75%74%74%6F%6E%73%22%3E%0A%09%09%3C%64%69%76%20%63%6C%61%73%73%3D%22%62%75%74%74%6F%6E%22%20%6F%6E%63%6C%69%63%6B%3D%22%54%49%4E%59%2E%61%6A%61%78%2E%63%61%6C%6C%28%27%61%67%72%65%65%2E%70%68%70%27%2C%20%27%63%6F%6E%74%65%6E%74%27%2C%20%27%64%69%73%70%6C%61%79%28%5C%27%67%72%65%65%6E%5C%27%29%27%2C%20%27%69%64%3D%33%32%27%29%22%3E%49%20%61%67%72%65%65%3C%2F%64%69%76%3E%0A%09%09%3C%64%69%76%20%63%6C%61%73%73%3D%22%62%75%74%74%6F%6E%20%66%6C%6F%61%74%72%69%67%68%74%22%20%6F%6E%63%6C%69%63%6B%3D%22%54%49%4E%59%2E%61%6A%61%78%2E%63%61%6C%6C%28%27%64%69%73%61%67%72%65%65%2E%70%68%70%27%2C%20%27%63%6F%6E%74%65%6E%74%27%2C%20%27%64%69%73%70%6C%61%79%28%5C%27%72%65%64%5C%27%29%27%29%22%3E%49%20%64%69%73%61%67%72%65%65%3C%2F%64%69%76%3E%0A%09%3C%2F%64%69%76%3E%0A%09%3C%70%3E%41%6E%67%65%6C%6C%69%6E%68%6F%20%40%20%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%65%6C%69%74%65%70%76%70%65%72%73%2E%63%6F%6D%22%3E%65%2A%70%76%70%2E%63%6F%6D%20%3C%2F%61%3E%2E%3C%2F%70%3E'));
</script>
</div>
</body>
</html>

CSS:

Code:

* {margin:0; padding:0}
body {font:12px Verdana,Arial; color:#777; background:#FFF}
a {color:#999; text-decoration:none}
a:hover {color:#bbb}
h4 {font-family: courier;font-size:250%} 
#wrapper {width:500px; margin:75px auto}
#buttons {height:35px}
.button {border:1px solid #eee; background:#ccc; border-radius:3px; -moz-border-radius:3px; padding:4px 0 5px; width:245px; text-align:center; cursor:pointer; float:left; color:#555}
.button:hover {border:1px solid #fff; background:#d9d9d9; color:#333}
.floatright {float:right}
#output {display:none; border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; height:35px}
.red {border:1px solid #895454; background:#5c3333; color:#af7272; text-shadow:1px 1px #341d1d}
.green {border:1px solid #548954; background:#355c33; color:#79af72; text-shadow:1px 1px #21341d}
#content {float:left; padding:10px 0 0 10px}
.close {float:right; cursor:pointer; padding:1px 4px 2px; margin:8px 10px 0 0}
.red .close {border:1px solid #895454}
.green .close {border:1px solid #548954}

agree.php

PHP Code:


			
Welcome to '#Server_name'! I wish you spend a great time with us! Redirecting in 3 seconds... If not, <a href="directory/file.extension">click here...</a> <meta http-equiv="REFRESH" content="3;url=directory/file.extension">

disagree.php

PHP Code:


			
Bye bye biatch! I wish you`ll like this video! Redirecting in 3 seconds... If not, <a href="http://www.youtube.com/watch?v=T8Ug7o_d39s">click here...</a> <meta http-equiv="REFRESH" content="3;url=http://www.youtube.com/watch?v=T8Ug7o_d39s">

JS:

Save the HTML code as index.php
agree/disagree.php as it`s names in such directory as index.php

create a directory called css and a second one called js
Paste the CSS code to a file you`ll call style.css in "css" directory.

Paste the JS code to a file you`ll call js.js in "js" directory.

It should look like that:

A green ajax box will appear at the bottom of the page redirecting you to a new directory.

In case you disagree will redirect you to:

#edit

Quote:

Originally Posted by turk55

its a inline style, which is part of inline css

Inline css means the highest priority of the three ways you can use CSS: internal, external, and inline. This means you can override styles that are defined in external or internal by using inline css. Inline CSS detracts from the true purpose of CSS, to separate design from content.
The <h1> up to <h6> tags are called HTML headings. <h1> is the most important and the <h6> defines the least important heading.

.Kinshi · 04/23/2012, 22:17

Quote:

Originally Posted by turk55

its a inline style, which is part of inline css

No, that's an HTML tag, not CSS.