Webwereld

Hoe kan ik dit maken?

Gestart doorJef25 reacties137 weergaven
Log in om mee te praten

26 berichten · pagina 1 van 2

Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

Ik heb laatst dus een opensource gedownload.
Een exchanger script, die laat je toe om YouTube views te wisselen.
Maar helaas heb ik een probleempje met een login box, wat niet binnen de content box valt.
Screen:
Spoiler tonen
Afbeelding
Hoe kan ik dit oplossen?

De code:

[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/if"]if[/URL][COLOR= #007700](![/COLOR][URL="http://www.php.net/isset"]isset[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$data[/COLOR][COLOR= #007700])) {[/COLOR] ?>
            
                
                <div class="contentinside">
                 <div class="sidebox">
                  <div class="head"><center>Login</center></div>
                    <form class="login" method="post"><center>
                        Username<br/>
                        <input name="loginUsername" type="text" style="width:75%;" value="[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/if"]if[/URL][COLOR= #007700]([/COLOR][URL="http://www.php.net/isset"]isset[/URL][COLOR= #007700]([/COLOR][COLOR= #0000BB]$_POST[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]"loginUsername"[/COLOR][COLOR= #007700]])) {[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$_POST[/COLOR][COLOR= #007700][[/COLOR][COLOR= #DD0000]"loginUsername"[/COLOR][COLOR= #007700]]; }[/COLOR] ?>"/><br/><br/>
                        Password<br/>
                        <input name="loginPassword" type="password" style="width:75%;"/><br/><br/>
                        
                        <input type="submit" value="Login" style="width:75%;"/><br/><br/>
                        <input onclick=javascript:window.location = "resetpassword.php"; type="button" value="Reset Password" style="width:40%;"/>
                        <input onclick=javascript:window.location = "resendactivation.php"; type="button" value="Resend Activation" style="width:40%;"/>
                        <br/><br/></center>
                    </form>
                 </div>
                </div>
            <div class="sidebox">
                <div class="head"><center>Ads</center></div>
                <div class="contentinside">
                    <center><br>
                    <!-- Adsense start -->
        
<!-- Adsense stop -->
</center><br><br>
                </div>
            </div>
            [COLOR= #0000BB]<?php $sidebox[/COLOR] [COLOR= #007700]=[/COLOR] hook_filter[COLOR= #007700]([/COLOR][COLOR= #DD0000]sidebox_loggedout[/COLOR][COLOR= #007700],[/COLOR][COLOR= #DD0000]""[/COLOR][COLOR= #007700]);[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$sidebox[/COLOR][COLOR= #007700];[/COLOR] ?>
            [COLOR= #0000BB]<?php[/COLOR] [COLOR= #007700]}[/COLOR] [URL="http://www.php.net/else"]else[/URL] [COLOR= #007700]{[/COLOR]?>
            <div class="sidebox">
                <div class="head">Menu</div>
                <div class="contentinside sidemenu">    
                    [COLOR= #0000BB]<?php
                    $menu[/COLOR] [COLOR= #007700]=[/COLOR] [COLOR= #DD0000]"<p><a href=addsite.php>Add Site</a></p>"[/COLOR][COLOR= #007700];[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700].=[/COLOR] [COLOR= #DD0000]"<p><a href=sites.php>My Sites</a></p>"[/COLOR][COLOR= #007700];[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700].=[/COLOR] [COLOR= #DD0000]"<p><a href=buy.php>Buy Coins</a></p>"[/COLOR][COLOR= #007700];[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700].=[/COLOR] [COLOR= #DD0000]"<p><a href=coupon.php>Coupon</a></p>"[/COLOR][COLOR= #007700];[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700].=[/COLOR] [COLOR= #DD0000]"<p><a href=refer.php>Promote/Refer</a></p>"[/COLOR][COLOR= #007700];[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700]=[/COLOR] hook_filter[COLOR= #007700]([/COLOR][COLOR= #DD0000]side_menu[/COLOR][COLOR= #007700],[/COLOR][COLOR= #0000BB]$menu[/COLOR][COLOR= #007700]);[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700].=[/COLOR] [COLOR= #DD0000]"<p><a href=settings.php>Settings</a></p>"[/COLOR][COLOR= #007700];[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700].=[/COLOR] [COLOR= #DD0000]"<p><a href=logout.php>Logout</a></p>"[/COLOR][COLOR= #007700];[/COLOR]
                    [COLOR= #0000BB]$menu[/COLOR] [COLOR= #007700]=[/COLOR] hook_filter[COLOR= #007700]([/COLOR][COLOR= #DD0000]side_menu_wrapper[/COLOR][COLOR= #007700],[/COLOR][COLOR= #0000BB]$menu[/COLOR][COLOR= #007700]);[/COLOR]
                    [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$menu[/COLOR][COLOR= #007700];[/COLOR]
                    ?>
                </div>
            </div>
            <div class="sidebox">
                <div class="head">Coins</div>
                <div class="contentinside coins">
                    <center><font size="5"><b id="coins">[COLOR= #0000BB]<?php[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$data[/COLOR][COLOR= #007700]->[/COLOR]coins[COLOR= #007700];[/COLOR] ?> Coins</b></font><br/>
                    <a href="buy.php">Buy more</a></center>
                </div>
            </div>
            [COLOR= #0000BB]<?php $sidebox[/COLOR] [COLOR= #007700]=[/COLOR] hook_filter[COLOR= #007700]([/COLOR][COLOR= #DD0000]sidebox_loggedin[/COLOR][COLOR= #007700],[/COLOR][COLOR= #DD0000]""[/COLOR][COLOR= #007700]);[/COLOR] [URL="http://www.php.net/echo"]echo[/URL] [COLOR= #0000BB]$sidebox[/COLOR][COLOR= #007700];[/COLOR] ?>
            [COLOR= #0000BB]<?php[/COLOR] [COLOR= #007700]}[/COLOR] ?>
        </div>
        <div class="footer">
            Copyright - 2013 </a>
        </div>
        <br><center>
        <font color="white" size="1">We are neither affiliated with nor endorsed by Twitter, Facebook, MySpace, Digg, StumbleUpon, Google, YouTube, or Linkedin.</font></center>
        </body>
</html>
0
Username

Lid

Berichten
33
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Wat is je CSS?
Waarschijnlijk staat je margin te groot.
0
Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Username schreef:
Wat is je CSS?
Waarschijnlijk staat je margin te groot.
Spoiler tonen
body
{
margin:0;
padding:0;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
font-family:sans-serif;
}

.content
{
margin:auto;
background-image:url(images/content_clear.png);
background-repeat:no-repeat;
width:994px;
min-height:700px;
padding:20px;
padding-top:25px;
margin-top:20px;
}

.contentbox
{
    background-image:url(images/nieuws.png);
    width:650px;
    border:1px solid #000000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#F8F8F8;
    margin-bottom:10px;
    float:left;
    clear:left;
}

.contentbox .head
{
    background-image:url(images/nieuws_top.png);
    background-color: #e3d1d1;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding:7px;
    color:#FFFFFF;
    font-size:18px;
    font-weight:italic;
}

.contentinside
{
    padding:10px;
    color:#FFFFFF;
    font-size:12px;
}

.sidebox
{
    width:280px;
    border:2px solid #505050;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color:#F8F8F8;
    margin-bottom:10px;
    float:right;
    clear:right;
}

.sidebox .head
{
    background-color: #c8c2c2;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    padding:5px;
    color:#494444;
    font-size:15px;
    font-weight:bold;
}




.menu{
   width:1000px;
   margin:auto;
    height:52px;
}
.menu .menu-wrap ul{
   padding: 0;
   margin: 0;
   list-style: none;
   font-size: 0;
    margin-left:200px;
}
.menu .menu-wrap ul li{
    height: 52px;
    display: inline-block;
    border-right: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(255,255,255,0.1);
    position: relative;
}
.menu .menu-wrap ul li a{
    border: none;
    font-size: 14px;
    color: #ffffff;
    padding: 17px 10px;
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,0.1);
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    font-weight: 300;
    text-decoration:none;
}
.menu .menu-wrap ul li a:hover{
   background: url(http://socialjumbo.com/img/menu_top_bg.png) repeat;
    border-right: 1px solid rgba(0,0,0,0.1);
}
.menu .menu-wrap ul li.iehover {
    border-left: 1px solid rgba(0,0,0,0.2);
}
.menu .menu-wrap ul li.iehover a{
  background: url(http://socialjumbo.com/img/menu_top_bg.png) repeat;
}


/* 2nd layer menu*/
.menu .menu-wrap ul li:hover ul li a,
.menu .menu-wrap ul li.iehover ul li a{
    background: #736f6f;
    text-decoration:none;
}

.menu .menu-wrap ul li:hover ul,
.menu .menu-wrap ul li.iehover ul{
    display:block;
}

.menu .menu-wrap ul li:hover ul li a:hover,
.menu .menu-wrap ul li.iehover ul li a:hover{
    background: none;
    background-color: #5f5a5a;
}

.menu .menu-wrap ul li ul{
    display: none;
    position: absolute;
    top: 52px;
    left: -2px;
    width: 150px;
    z-index: 20;
    margin-left:0;
}
.menu .menu-wrap ul li ul li{
    display: block;
    background: none;
    height: 30px;
    position: relative;
    border: 0;
}
.menu .menu-wrap ul li ul li.iehover {
    border: 0;
}
.menu .menu-wrap ul li ul li a{
    height: 16px;
    padding: 7px 10px;
    background: #736f6f;
    color: #ececec;
    font-size: 12px;
    display: block;
    font-family: arial;
    font-style: normal;
    font-weight: normal;
}

.menu .menu-wrap ul li:hover li a:hover,
.menu .menu-wrap ul li:hover li:hover a,
.menu .menu-wrap ul li.iehover li a:hover,
.menu .menu-wrap ul li.iehover li.iehover a {
    background-color: #000000;
    color: #ffffff;
}

.login input, .sideform input
{
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    width:94%;
    border:1px solid black;
    padding:5px;
}
.register input, .contentform input, .contentform select, .refresh, .contentform textarea
{
    background-color:#F0F0F0;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    width:98%;
    border:1px solid black;
    padding:5px;
}

.contentform select, .refresh
{
    width: 100%;
}

.login input:hover, .sideform input:hover, .sideform select:hover, .register input:hover, .contentform input:hover, .contentform select:hover, .refresh:hover
{
    background-color:lightgray;
}

.footer
{
    background-color:lightgray;
    color:black;
    text-align:center;
    clear:both;
    top:20px;
    position:relative;
    padding:5px;
    font-size:12px;
    width:940px;
    margin:auto;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    border:2px solid gray;
}

.logo
{
    position:absolute;
    margin-left:20px;
    line-height:52px;
    color:White;
    font-size:20px;
    font-weight:bold;
    text-decoration:none;
}

.logo:hover
{
    text-decoration:underline;
}

img
{
    border:0;
}

.error
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#CC6666;
    padding:10px;
    color:White;
    margin:10px;
    border:1px solid red;
    font-weight:bold;
}

.success
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#66CC00;
    padding:10px;
    color:White;
    margin:10px;
    border:1px solid green;
    font-weight:bold;
}

.warning
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#FFCC00;
    padding:10px;
    color:White;
    margin:10px;
    border:1px solid yellow;
    font-weight:bold;
}

.hint
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#FFCC00;
    padding:10px;
    color:White;
    margin:10px;
    border:1px solid yellow;
    font-weight:bold;
    display:none;
}

.sidemenu a
{
    text-decoration:none;
    color:Black;
    font-weight:bold;
}

.sidemenu a
{
    padding:5px;
    margin-top:-10px;
    margin-bottom:-10px;
    display:block;
}

.sidemenu a:hover
{
    background:black;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}

.sidemenu a:hover
{
    color:White;
}

.coins a
{
    text-decoration:none;
    color:Black;
    font-weight:bold;
}

.coins a:hover
{
    text-decoration:underline;
}

.site_menu
{
    margin-top:10px;
    text-align:center;
}

.site_menu a
{
    padding:5px;
    padding-bottom:10px;
    padding-top:10px;
    background-color:Gray;
    color:White;
    -webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;
    margin:5px;
    border:1px solid black;
    text-decoration:none;
}

.site_menu a:hover
{
    background-color:Black;
}

.site_menu .selected
{
    background-color:green;
}

.site_menu .selected:hover
{
    background-color:green;
}

.site_content
{
    margin-top:10px;
    border-top:2px solid black;
}

.footername
{
    text-decoration:none;
    color:Black;
}

.footername:hover
{
    text-decoration:underline;
}

.siteslist
{
    width:100%;
}

.siteslist a
{
    color:Black;
    text-decoration:none;
}

.siteslist a:hover
{
    text-decoration:underline;
}

.siteslist tr:nth-child(1)
{
    background-color:#808080;
}

.siteslist tr:nth-child(n+2)
{
    background-color:#C0C0C0;
}

.siteslist tr:nth-child(2n+2)
{
    background-color:#E0E0E0;
}

.xchangebox
{
    background-color:lightblue;
    color:gray;
    border:1px solid black;
    padding:5px;
    margin:5px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    width:100px;
    line-height:20px;
    float:left;
    text-align:center;
}

.xchangebox a
{
    text-decoration:none;
    color:gray;
}

.xchangebox a:hover
{
    text-decoration:underline;
}

.purchase
{
    background-color:lightblue;
    color:gray;
    border:1px solid black;
    padding:5px;
    margin:5px;
    -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    width:188px;
    height:120px;
    line-height:20px;
    float:left;
    text-align:center;
}

.loggedin
{
    float:right; 
    color:White; 
    margin-top:-35px; 
    font-size:14px; 
    margin-right:20px;
}


::-moz-selection{ background: #333; color: orange; }
:SMILEYYYYYYYYYYYBEGIN:selection { background: #333; color: orange; }

img:SMILEYYYYYYYYYYYBEGIN:selection {
background:orange;}
img::-moz-selection {
background:orange;}
Aub
0
Username

Lid

Berichten
33
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
.sidebox
{
width:280px;
border:2px solid #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#F8F8F8;
margin-bottom:10px;
float:left;
clear:left;
margin-left: 10px;
}
0
Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Username schreef:
.sidebox
{
width:280px;
border:2px solid #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color:#F8F8F8;
margin-bottom:10px;
float:left;
clear:left;
margin-left: 10px;
}
Hij is nu alleen naar onder geschoven.
Spoiler tonen
Afbeelding
0
Username

Lid

Berichten
33
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
width:270px;
0
Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Username schreef:
width:270px;
Zelfde probleem, werkt ook niet als ik margin naar right zet.
0
Username

Lid

Berichten
33
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Geef dan eens volledige code.
Je moet dan de holder van links in die holder ook op left zetten. En dan kijken dat rechts niet te breed is want dan schiet hij eronder.
0
Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Username schreef:
Geef dan eens volledige code.
Je moet dan de holder van links in die holder ook op left zetten. En dan kijken dat rechts niet te breed is want dan schiet hij eronder.
http://www.gameleakers.com/ex/ex/index.php
Kijk daarzo aub!
0
Username

Lid

Berichten
33
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
.sidebox {
width: 280px;
border: 2px solid #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #F8F8F8;
margin-bottom: 10px;
float: left;
clear: right;
margin-left: 20px;
}
0
Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Username schreef:
.sidebox {
width: 280px;
border: 2px solid #505050;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #F8F8F8;
margin-bottom: 10px;
float: left;
clear: right;
margin-left: 20px;
}
Bedankt!!!
0
Username

Lid

Berichten
33
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
yw
0
Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Username schreef:
yw
Alleen nog als je ingelogd bent heb ik een dezelfde error.
0
Username

Lid

Berichten
33
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
wat voor error?
0
Jef

Lid · Topicstarter

Berichten
2.682
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Username schreef:
wat voor error?
Dezelfde, hij blijft eronder staan.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Super Exchanger - Get Facebook Fans, Twitter Followers, Youtube Views, Google +1s, Stumbleupon Followers, Digg Followers, Website Hits, Twitter ReTweets, and MORE!</title>
        <meta name="description" content="We give you free YouTube views, free Twitter followers & more!" />
        <link rel="stylesheet" href="style.css" type="text/css" />
        <script type="text/javascript" src="jquery.js"></script>
        


    </head>
    <body>
    <center><a href="index.php"><img src="images/headerlogo.png"></a></center>
        <div class="menu">
            <div class="menu-wrap">
                <ul id="main_menu">
                                        <li><a href="index.php">Home</a></li>
                    <li>
                        <a href="#">Earn Coins</a>
                        <ul>
                            <li><a href=xchange.php?p=dg>Digg</a></li><li><a href=xchange.php?p=fb>Facebook</a></li><li><a href=xchange.php?p=gp>Google Plus</a></li><li><a href=xchange.php?p=li>Linkedin</a></li><li><a href=xchange.php?p=rt>Retweet</a></li><li><a href=xchange.php?p=su>Stumbleupon</a></li><li><a target=_blank href=p.php?p=surf>Surf</a></li><li><a href=xchange.php?p=tw>Twitter</a></li><li><a href=xchange.php?p=yt>Youtube</a></li>                        </ul>
                    </li>
                                        <li><a href="faq.php">FAQ</a></li>
                    <li><a href="contact.php">Contact</a></li>
                    <li><a href="stats.php">Stats</a></li>
                                        <li><a href="admin-panel/settings.php">Admin Panel</a></li>
                                    </ul></center>
                                <div class=loggedin>Logged in as: Jeffrey</div>
                            </div>
        </div>
        <div class="content"><div class="contentbox">
    <div class="head"><center>Welcome to Super Exchange!</center></div>
    <div class="contentinside">
        <center><p>Hello & Welcome to our website, were Super Exchange.</br>
        We want to give you, the best marketing expierence. </br>
        We have many options to choose from, please check our menu above.</br></br>
        
        <i>- Regards, Super Exchange Team</i></p>
        </center>
        <br/>
        <br/>
        
    </div>
</div>
                        <div class="sidebox">
                <div class="head">Menu</div>
                <div class="contentinside sidemenu">    
                    <p><a href=addsite.php>Add Site</a></p><p><a href=sites.php>My Sites</a></p><p><a href=buy.php>Buy Coins</a></p><p><a href=coupon.php>Coupon</a></p><p><a href=refer.php>Promote/Refer</a></p><p><a href=settings.php>Settings</a></p><p><a href=logout.php>Logout</a></p>                </div>
            </div>
            <div class="sidebox">
                <div class="head">Coins</div>
                <div class="contentinside coins">
                    <center><font size="5"><b id="coins">48.00 Coins</b></font><br/>
                    <a href="buy.php">[Buy Coins]</a></center>
                </div>
            </div>
                                </div>
        <div class="footer">
            Copyright &copy; 2012 <a class="footername" href="http://www.gameleakers.com/ex/ex/">Super Exchanger</a>
        </div>
        <br><center>
        <font color="white" size="1">We are neither affiliated with nor endorsed by Twitter, Facebook, MySpace, Digg, StumbleUpon, Google, YouTube, or Linkedin.</font></center>
        </body>
</html>
<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->
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