reclame banner rechts

Gestart doorFreestyle1 reacties13 weergaven

2 berichten · pagina 1 van 1

Freestyle

Lid · Topicstarter

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
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:

* {
    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">
                        &raquo;&nbsp;<a href=index.php>Beginpagina</a><br />
                        &raquo;&nbsp;<a href=index.php?pagina=adverteren>Adverteren</a> <br />
                        &raquo;&nbsp;<a href=index.php?pagina=informatie>Informatie</a> <br />
                        &raquo;&nbsp;<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">&raquo;&nbsp;<a href=index.php?pagina=top100>Top 100</a><br />
                        &raquo;&nbsp;<a href=index.php?pagina=verdien>Verdienen</a><br />
                        &raquo;&nbsp;<a href=index.php?pagina=kraakdekluis>Kraak de Kluis</a> <br />
                        &raquo;&nbsp;<a href=index.php?pagina=punten_bestellen><strong>Bestel 100 punten!</strong></a> <br />
                        &raquo;&nbsp;<a href=index.php?pagina=belenwin><strong>Bel en Win</strong></a> <br />
                        &raquo;&nbsp;<a href=index.php?pagina=vip_bestellen><strong>Wordt VIP!</strong></a> <br />
                        &raquo;&nbsp;<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">
                        &raquo;&nbsp;<a href=index.php?pagina=happyhour><strong>HappyHour</strong></a>
                        <br />&raquo;&nbsp;<a href=index.php?pagina=steenpapierschaar>Steen Papier Schaar</a>
                        <br />&raquo;&nbsp;<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">
                        &raquo;&nbsp;<a href=index.php?pagina=happyhour>HappyHour</a>
                        <br />&raquo;&nbsp;<a href=index.php?pagina=steenpapierschaar>Steen Papier Schaar</a>
                        <br />&raquo;&nbsp;<a href=index.php?pagina=kopofmunt>Kop of Munt</a>
                        <br />&raquo;&nbsp;<a href=index.php?pagina=admin>Admin</a>
                        

                        

                  </div>
                    
                </div>
{ /if }
                
                <div class="box">
                    
                    <h3>Hosting</h3>
                    <div class="box_text">&raquo;&nbsp;<a href=index.php?pagina=hosting>Hosting activeren</a><br />
                      &raquo;&nbsp;<a href=index.php?pagina=winkel>Winkel</a> <br />
                          &raquo;&nbsp;<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
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
css:

#reclamebanner {width:120px; height:600px; margin: 10px 10px 0 0; float:right;}


html:

...
<body>

    <div id="reclamebanner"><IMG src="urlbanner" /></div>

    <!-- CONTAINER -->
    <div id="container">
...enz


zo ongeveer, ik weet natuurlijk niet hoeveel ruimte er tussen de banner en de layout moet.
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren