ik wil een reclame banner aan de rechter kant van me website plaatsen.
maar ik weet niet echt wat/waar ik ni de style moet zetten en in de pagina zelf.
dus wie wilt dit doen??
prijs: 0,1
style:
pagina:
het moet naast de content komen
website: hostrat.nl
groote: 120x600
maar ik weet niet echt wat/waar ik ni de style moet zetten en in de pagina zelf.
dus wie wilt dit doen??
prijs: 0,1
style:
* {
outline: none;
border: 0;
margin: 0;
padding: 0;
text-decoration: none;
}
body {
background: #dcf0f5 url( images/background.png ) repeat-x;
text-align: center;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
font-size: 12px;
margin-bottom: 20px;
}
#container {
width: 800px;
text-align: left;
margin: 0 auto;
}
#header {
background: url( images/header.png ) no-repeat;
width: 800px;
height: 90px;
}
#top_menu {
border-left: 1px solid #e6e6e6;
}
#top_menu ul {
list-style-type: none;
}
#top_menu li {
float: left;
color: #737373;
background: #FFFFFF url( images/menu_bg.png ) repeat-x;
padding: 15px;
padding-bottom: 14px;
border-right: 1px solid #e6e6e6;
border-left: 1px solid #FFFFFF;
font-size: 13px;
}
#top_menu li:hover {
background: #FFFFFF url( images/menu_bg_hover.png ) repeat-x;
}
#top_menu a, #top_menu a:hover, #top_menu a:visited {
color: #737373;
}
#mid {
margin-top: 10px;
height: 200px;
width: 800px;
}
#mid_text {
margin-top: 10px;
width: 535px;
float: left;
}
#mid_text h3 {
font-size: 36px;
color: #1c88a4;
}
#mid_text p {
font-size: 15px;
color: #a1a1a1;
margin-top: 10px;
line-height: 25px;
}
#mid_img {
float: right;
}
#content {
background: #dcf0f5;
padding-bottom: 12px;
}
#content_left {
width: 215px;
float: left;
}
.box {
width: 190px;
padding: 12px;
padding-bottom: 0;
}
.box h3 {
padding-left: 10px;
line-height: 28px;
font-size: 15px;
color: #167b95;
border-bottom: 1px solid #dcf0f5;
background: #FFFFFF;
}
.box_text {
font-size: 11px;
color: #737373;
line-height: 19px;
background: #FFFFFF;
padding: 10px;
}
select {
background: url( images/input.png ) repeat-x;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 5px;
padding-right: 5px;
font-size: 11px;
color: #8a8a8a;
}
input[type="text"], input[type="password"] {
background: url( images/input.png ) repeat-x;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 5px;
padding-right: 5px;
font-size: 11px;
color: #8a8a8a;
}
input[type="text"], input[type="hostnaam"] {
background: url( images/input.png ) repeat-x;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 5px;
padding-right: 5px;
font-size: 11px;
color: #8a8a8a;
}
input[type="submit"], input[type="button"] {
background: url( images/button.png ) repeat-x;
border-left: 1px solid #1b809b;
border-right: 1px solid #1b809b;
padding: 4px;
font-size: 11px;
color: #FFFFFF;
}
textarea {
border: 1px solid #d9d9d9;
}
a, a:hover, a:visited {
color: #1c88a4;
}
a:hover {
text-decoration: underline;
}
#content_right {
float: left;
width: 573px;
}
.box_c {
width: 573px;
margin-top: 12px;
}
.box_c h2 {
padding-left: 10px;
line-height: 28px;
font-size: 15px;
color: #167b95;
border-bottom: 1px solid #dcf0f5;
background: #FFFFFF;
}
.box_c_text {
font-size: 11px;
color: #737373;
line-height: 19px;
background: #FFFFFF;
padding: 10px;
}
td.kop {
background: #2f92ad;
padding: 7px;
color: #FFFFFF;
}
td.lb {
background: #edf7f9;
padding: 7px;
}
td.db {
background: #dcf0f5;
padding: 7px;
} pagina:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TITLE -->
<title>{ $site.naam } - { $titel }</title>
<!-- /TITLE -->
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="{ $site.url }template/style.css" />
<!-- /CSS -->
</head>
<body>
<!-- CONTAINER -->
<div id="container">
<!-- HEADER -->
<div id="header">
</div>
<!-- /HEADER -->
<!-- MID -->
<div id="mid" style="height:10px;">
</div>
<!-- /MID -->
<!-- CONTENT -->
<div id="content">
<!-- LEFT -->
<div id="content_left">
<div class="box">
<h3>Inloggen</h3>
<div class="box_text">
» <a href=index.php>Beginpagina</a><br />
» <a href=index.php?pagina=adverteren>Adverteren</a> <br />
» <a href=index.php?pagina=informatie>Informatie</a> <br />
» <a href=index.php?pagina=contact>Contact</a>
</div>
</div>
{ if $ingelogd == 0 }
<div class="box">
<h3>Inloggen</h3>
<div class="box_text">
<form method="post" action="index.php?pagina=inloggen">
Gebruikersnaam<br />
<input type="text" name="gebruikersnaam" style="width: 160px; margin-bottom: 12px;" /><br />
Wachtwoord<br />
<input type="password" name="wachtwoord" style="width: 160px; margin-bottom: 12px;" /><br />
<div style="text-align: right;">
<input type="submit" name="submit" value="Inloggen" />
</div>
</form>
<br /><a href="index.php?pagina=aanmelden">Aanmelden</a><br />
</div>
</div>
{ else }
<div class="box">
<h3>{ $lid.gebruikersnaam }</h3>
<div class="box_text">» <a href=index.php?pagina=top100>Top 100</a><br />
» <a href=index.php?pagina=verdien>Verdienen</a><br />
» <a href=index.php?pagina=kraakdekluis>Kraak de Kluis</a> <br />
» <a href=index.php?pagina=punten_bestellen><strong>Bestel 100 punten!</strong></a> <br />
» <a href=index.php?pagina=belenwin><strong>Bel en Win</strong></a> <br />
» <a href=index.php?pagina=vip_bestellen><strong>Wordt VIP!</strong></a> <br />
» <a href=index.php?pagina=uitloggen>Uitloggen</a> <br />
</div>
</div>
{ if $lid.toegang == 20 }
<div class="box">
<h3>V.I.P.</h3>
<div class="box_text">
» <a href=index.php?pagina=happyhour><strong>HappyHour</strong></a>
<br />» <a href=index.php?pagina=steenpapierschaar>Steen Papier Schaar</a>
<br />» <a href=index.php?pagina=kopofmunt>Kop of Munt</a>
</div>
</div>
{ /if}
{ if $lid.toegang == 30 }
<div class="box">
<h3>Admin</h3>
<div class="box_text">
» <a href=index.php?pagina=happyhour>HappyHour</a>
<br />» <a href=index.php?pagina=steenpapierschaar>Steen Papier Schaar</a>
<br />» <a href=index.php?pagina=kopofmunt>Kop of Munt</a>
<br />» <a href=index.php?pagina=admin>Admin</a>
</div>
</div>
{ /if }
<div class="box">
<h3>Hosting</h3>
<div class="box_text">» <a href=index.php?pagina=hosting>Hosting activeren</a><br />
» <a href=index.php?pagina=winkel>Winkel</a> <br />
» <a href=index.php?pagina=overzicht>Overzicht</a> <br />
</div>
</div>
{ /if }
<div class="box">
<h3>Status</h3>
<frame width="100" height="100" src="/stats/stats.php">
<div class="box_text">
</div>
</div>
</div>
<!-- /LEFT -->
<!-- RIGHT -->
<div id="content_right">
{ include file = $pagina }
{ if $ingelogd == 0 || $lid.toegang < 20 }
<div class="box_c">
<h2>Advertentie</h2>
<div class="box_c_text" style="text-align: center;">
{ if isset( $advertenties.onder ) }
{ $advertenties.onder }
{ else }
Geen advertentie ingesteld.
{ /if }
</div>
</div>
{ /if }
</div>
<!-- /RIGHT -->
<div style="clear: both;"></div>
</div>
<!-- /CONTENT -->
</div>
<!-- /CONTAINER -->
</body>
</html> het moet naast de content komen
website: hostrat.nl
groote: 120x600