@charset "utf-8";
.speechbubble {
border : 0;
background : url('/img/speechbubble-big-middle.png') repeat-x 0 -6px;
width : 100%;
font-size : 24px;
margin-top : 6px;
}
.speechbubble-left {
float : left;
background : url('/img/speechbubble-big-left.png') repeat-x;
width : 11px;
height : 44px;
margin-top : 20px;
}
.speechbubble-middle {
float : left;
background : url('/img/speechbubble-big-middle.png') repeat-x;
width : 463px;
height : 44px;
margin-top : 20px;
}
.speechbubble-right {
float : left;
background : url('/img/speechbubble-big-right.png') repeat-x;
width : 11px;
height : 44px;
margin-top : 20px;
}
.b {
font-weight : 700;
}
.i {
font-style : italic;
}
.small {
font-size : 9px;
}
.left {
text-align : left;
}
.center {
text-align : center;
}
.right {
text-align : right;
}
.fleft {
float : left;
}
.fcenter {
margin : 0 auto;
}
.fright {
float : right;
}
.cleft {
clear : left;
}
.cright {
clear : right;
}
.cboth {
clear : both;
}
.red {
color : #c00;
}
.nobr {
white-space : nowrap;
}
.spoiler {
color : #fff;
}
.border {
border : 1px solid #000;
}
.light {
background-color : transparent;
}
.middle {
text-align : center;
vertical-align : middle;
}
.dark {
background : url("/tem/Zwart/img/dark.png") repeat;
}
.noborder, .noborder tr, .noborder th, .noborder td {
border : 0;
}
html, body {
margin : 0;
padding : 0;
background-color : #f2f2f2;
height : 100%;
line-height : 1.4em;
}
html, body, th, td, input, textarea, select {
font : 11px Verdana, Arial, Helvetica, sans-serif;
color : #000;
}
a, a:link, a:visited, a:active {
color : #17407e;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
input, textarea {
background : #fff;
border : 1px solid #ddd;
border-bottom : 2px solid #ddd;
padding : 1px;
}
button {
font : 700 11px Verdana, Arial, Helvetica, sans-serif;
}
img {
border : 0;
}
table {
width : 100%;
}
th {
font-weight : 700;
}
h1 {
font : 700 16px Verdana, Arial, Helvetica, sans-serif;
}
h2 {
font : 700 15px Verdana, Arial, Helvetica, sans-serif;
}
h3 {
font : 700 14px Verdana, Arial, Helvetica, sans-serif;
}
#big_container {
background-attachment : fixed;
position : relative;
width : 100%;
min-height : 100%;
height : auto !important ;
height : 100%;
padding : 0;
overflow : auto;
}
#header_container {
padding : 0;
margin : 0 auto;
width : 100%;
height : 97px;
}
#header_content {
background : repeat 0 0;
padding : 0;
padding-left : 10px;
padding-right : 10px;
margin : 0 auto;
width : 980px;
height : 100%;
text-align : left;
}
#menu {
padding : 0;
margin-top : 74px;
width : 650px;
height : 25px;
text-align : right;
float : right;
}
#menu ul {
padding : 0;
margin : 0 auto;
height : 25px;
text-align : right;
list-style-type : none;
float : right;
}
#menu li {
padding : 5px 15px 0 15px;
margin : 0 auto;
height : 20px;
text-align : center;
font-weight : 700;
text-transform : uppercase;
float : left;
}
#submenu_container {
padding : 0;
margin-bottom : 10px;
width : 100%;
height : 33px;
text-align : center;
}
#submenu_content {
background : repeat 0 -97px;
padding-left : 10px;
padding-right : 10px;
margin : 0 auto;
width : 980px;
height : 33px;
text-align : left;
}
#container {
padding-left : 10px;
padding-right : 10px;
padding-bottom : 20px;
margin : 0 auto;
width : 980px;
text-align : left;
overflow : auto;
}
#container_left {
padding : 0;
margin : 0 auto;
width : 220px;
height : 100%;
float : left;
}
#container_right {
padding : 0;
margin : 0 auto;
width : 174px;
height : 100%;
float : right;
}
#container_center {
padding : 0;
margin : 0 10px 0 10px;
width : 566px;
float : left;
}
#footer_container {
position : absolute;
bottom : 0;
background : #fff;
width : 100%;
border-top : 1px solid #d7d6d6;
}
#footer_content {
margin : 0 auto;
width : 980px;
height : 100%;
text-align : center;
overflow : hidden;
padding : 3px;
}
.shout_time {
color : #92bdff;
}
.logo_img {
padding : 0;
margin-top : 30px;
margin-left : 20px;
width : 60px;
height : 85px;
float : left;
position : absolute;
}
.logo_text {
padding : 0;
margin-top : 50px;
margin-left : 100px;
width : 240px;
height : 40px;
float : left;
position : absolute;
}
.logo_name {
font : 900 30px Verdana, Arial, Helvetica, sans-serif;
color : #fff;
margin-top : 30px;
margin-left : 30px;
float : left;
position : absolute;
}
.logo_banner {
padding : 0;
margin-top : 5px;
margin-left : 500px;
width : 468px;
height : 60px;
float : left;
position : absolute;
}
.menu_selected {
background : #fff url("/tem/BlueFan/img/menu.png") repeat-x bottom;
color : #2e3f49;
}
.menu_selected a, .menu_selected a:link, .menu_selected a:visited, .menu_selected a:active {
color : #2e3f49;
}
.menu_unselected {
color : #fff;
}
.menu_unselected a, .menu_unselected a:link, .menu_unselected a:visited, .menu_unselected a:active {
color : #fff;
}
.box_left {
padding : 1px;
margin : 0 0 10px 0;
background : url("/tem/BlueFan/img/background_color.png") repeat;
width : 216px;
border : 1px solid #d7d6d6;
border-bottom : 2px solid #d7d6d6;
text-align : left;
overflow : hidden;
}
.box_left_title {
margin : 0 auto;
padding : 8px 12px 8px 12px;
width : 192px;
height : 16px;
overflow : hidden;
font : 700 13px Verdana, Sans-serif;
}
.box_left_head {
margin : 1px 0 0 0;
padding : 0;
overflow : hidden;
}
.box_left_body {
padding : 0;
margin : 5px;
width : 200px;
overflow : hidden;
}
.box_right {
padding : 1px;
margin : 0 0 10px 0;
background : url("/tem/BlueFan/img/background_color.png") repeat;
width : 170px;
border : 1px solid #d7d6d6;
border-bottom : 2px solid #d7d6d6;
text-align : left;
overflow : hidden;
}
.box_right_title {
margin : 0 auto;
padding : 8px 12px 8px 12px;
width : 146px;
height : 16px;
overflow : hidden;
font : 700 13px Verdana, Sans-serif;
}
.box_right_head {
margin : 1px 0 0 0;
padding : 0;
overflow : hidden;
}
.box_right_body {
padding : 0;
margin : 5px;
width : 160px;
overflow : hidden;
}
.box_center {
padding : 1px;
margin : 0 0 10px 0;
background : url("/tem/BlueFan/img/background_color.png") repeat;
width : 562px;
border : 1px solid #d7d6d6;
border-bottom : 2px solid #d7d6d6;
text-align : left;
overflow : hidden;
}
.box_center_title {
margin : 0 auto;
padding : 8px 12px 8px 12px;
width : 538px;
height : 16px;
overflow : hidden;
font : 700 13px Verdana, Sans-serif;
}
.box_center_head {
margin : 1px 0 0 0;
padding : 0;
overflow : hidden;
}
.box_center_body {
padding : 0;
margin : 5px;
width : 552px;
overflow : hidden;
}
.user_menu {
padding : 0;
margin : 0;
width : 216px;
height : 16px;
color : #2e3f49;
}
.my_habbos_wide {
background : url("/tem/BlueFan/img/my_habbos.png") repeat-x center;
margin : 1px;
padding : 3px;
float : left;
width : 206px;
height : 20px;
border : 1px solid #d7d6d6;
border-bottom : 2px solid #d7d6d6;
vertical-align : middle;
}
.my_habbos_small {
background : url("/tem/BlueFan/img/my_habbos.png") repeat-x center;
margin : 1px;
float : left;
padding-top : 5px;
width : 30px;
height : 25px;
border : 1px solid #d7d6d6;
border-bottom : 2px solid #d7d6d6;
text-align : center;
}
.my_habbos_big {
background : url("/tem/BlueFan/img/my_habbos.png") repeat-x center;
margin : 1px;
float : right;
width : 76px;
height : 42px;
padding : 29px 0 29px 0;
border : 1px solid #d7d6d6;
border-bottom : 2px solid #d7d6d6;
text-align : center;
}
.indent {
padding : 10px 0 0 10px;
border-width : 2px 0 0 2px;
border-style : groove;
margin : 10px 0 0 10px;
}
.ads_link {
width : 160px;
height : 14px;
overflow : hidden;
}
.ads_banner {
width : 160px;
height : 600px;
overflow : hidden;
}
.schedule {
background : url("/img/schedule.png") no-repeat center center;
width : 60px;
height : 60px;
padding : 7px 10px 10px 7px;
text-align : center;
}
.schedule_blank {
width : 60px;
height : 60px;
padding : 7px 10px 10px 7px;
text-align : center;
}
.schedule_active {
background : url("/img/schedule_active.png") no-repeat center center;
width : 60px;
height : 60px;
padding : 7px 10px 10px 7px;
text-align : center;
font-weight : 700;
}
.email {
background : url("/img/input-email.png") no-repeat 1px center;
padding-left : 20px;
height : 18px;
}
.habbo {
background : url("/img/input-habbo.png") no-repeat 1px center;
padding-left : 20px;
height : 18px;
}
.password {
background : url("/img/input-password.png") no-repeat 1px center;
padding-left : 20px;
height : 18px;
}
.tag {
float : left;
display : inline;
border : 1px solid #ddd;
border-bottom : 2px solid #ddd;
padding : 2px;
margin : 3px;
}
.bg_white {
background : url("/tem/BlueFan/img/h_white.png") repeat-x;
color : #000;
}
.bg_blue {
background : url("/tem/BlueFan/img/h_blue.png") repeat-x;
color : #fff;
}
.bg_red {
background : url("/tem/BlueFan/img/h_red.png") repeat-x;
color : #fff;
}
.bg_yellow {
background : url("/tem/BlueFan/img/h_yellow.png") repeat-x;
color : #000;
}
.bg_green {
background : url("/tem/BlueFan/img/h_green.png") repeat-x;
color : #fff;
}
.bg_orange {
background : url("/tem/BlueFan/img/h_orange.png") repeat-x;
color : #fff;
}
.bg_purple {
background : url("/tem/BlueFan/img/h_purple.png") repeat-x;
color : #fff;
}
.bg_beige {
background : url("/tem/BlueFan/img/h_beige.png") repeat-x;
color : #000;
}
.bg_none {
visibility : hidden;
height : 0;
padding : 0;
margin : 0;
}
.b {
font-weight : 700;
}
.i {
font-style : italic;
}
.small {
font-size : 9px;
}
.left {
text-align : left;
}
.center {
text-align : center;
}
.middle {
text-align : center;
vertical-align : middle;
}
.right {
text-align : right;
}
.fleft {
float : left;
}
.fcenter {
margin : 0 auto;
}
.fright {
float : right;
}
.cleft {
clear : left;
}
.cright {
clear : right;
}
.cboth {
clear : both;
}
.dark {
background : url("/tem/BlueFan/img/dark.png") repeat;
}
.light {
background : transparent;
}
.border {
border : 1px solid #000;
}
.red {
color : #c00;
}
.noborder, .noborder tr, .noborder th, .noborder td {
border : 0;
}
.nobr {
white-space : nowrap;
}
| code: | |
|
|
Girls Boys |
Estado Servidor:
Welkom op dragons.jouwweb.nl
Dit is de hoofdpagina van jouw nieuwe website! Wijzig deze tekst via de editor en voeg nieuwe paginas toe.
Naam: ".$gastenboek ['naam']."
".date("H:i:s, jS-M-y", $gastenboek ['datum'])."
".$gastenboek ['boodschap']."
"; } ?> // volgende variabelen vervangen door je eigen Mysql server en database gegevens $hostname = "locahost"; $username = "gebruikersnaam"; $password = "wachtwoord"; $database = "gastenboek"; // Functie om eventuele MySQL errors te specificeren function showerror() { die("Error" .mysql_errno() . " : " . mysql_error()); exit; } // MySQL connectie maken if (!($connection= @ mysql_connect($hostname, $username, $password))) showerror(); //specificeren welke database op de MySQL server we gebruiken if (!mysql_select_db($database, $connection)) showerror(); ?> include 'mysql.php'; // html variabelen ophalen $naam = $_POST['naam']; $boodschap = $_POST['boodschap']; // variabele om het tijdstip van de boodschap in database op te slaan. $time= time(); // sql insert die je in de database gaat doen $sql ="INSERT INTO gastenboek(naam, boodschap, datum) VALUES ('".$naam."', '".$boodschap."', '".$time."')"; //uitvoeren van de query : if (!($temp = mysql_query($sql,$connection))) showerror(); ?>
Maak jouw eigen website met JouwWeb