2013-05-14 76 views
0

首先,感謝您在此頁面!我正在開發一個應用程序啓動器。我不會多談這件事。我唯一要說的是它是竊聽。同位素是真的竊聽。jQuery的插件同位素,切割圖像的部分

您可以親自看看:http://cloudje.nl/beta/launcher.php

感謝您抽空看看它)。

有沒有人有這個問題的答案:爲什麼這個竊聽?

請給出一個答案,如果你認爲你知道更多關於它並知道如何解決它。您可以查看下面頁面的源代碼。

這是一個荷蘭語頁面,它充滿了HTML/CSS錯誤,我知道。

謝謝,Amanush!


<!DOCTYPE html> 
<html> 
    <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> 
    <title>Cloudje.nl, van harte welkom!</title> 
    <meta name="description" content="Cloudje.nl is een manier om als consument of bedrijf veilig in de cloud te werken! Al uw bestanden staan veilig in onze kluis."> 
    <link rel="stylesheet" type="text/css" media="all" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" media="all" href="css/bootstrap-responsive.min.css"> 
    <link rel="stylesheet" type="text/css" media="all" href="css/global.css"> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
    <script type="text/javascript" language="javascript" charset="utf-8" src="js/bootstrap.min.js"></script> 
<style type="text/css"> 

html, body { 
margin: 0px; 
padding: 0px; 
border: 0px; 
    background: url('./images/bg.jpg') no-repeat; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg.jpg', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/bg.jpg', sizingMethod='scale')"; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
#container { 
width: 100%; 
margin: 0 0 0 20px; /* top right bottom left */ 
padding: 0; 
background-color: #fff; 
} 
#container h1 { 
margin: 0; 
padding: 0; 
width: 100%; 
text-align:center; 
color:lightblue; 
} 
#container #col1 { 
width: 15%; 
float: left; 
} 
#container #col2outer { 
width: 85%; 
float: right; 
margin: 0; 
padding: 0; 
} 
#col2outer #col2mid { 
width: 60px; 
float: left; 
} 
#col2outer #col2side { 
width: 25%; 
float: right; 
color: lightblue; 
} 
#container #footer { 
float: left; 
width: 870px; 
border-top: #c00 solid 3px; 
} 
    #search input[type="text"] { 
    background: url(search-white.png) no-repeat 10px 6px #444; 
    border: 0 none; 
    font: bold 12px Arial,Helvetica,Sans-serif; 
    color: #d7d7d7; 
    width:150px; 
    padding: 6px 15px 6px 35px; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset; 
    -webkit-transition: all 0.7s ease 0s; 
    -moz-transition: all 0.7s ease 0s; 
    -o-transition: all 0.7s ease 0s; 
    transition: all 0.7s ease 0s; 
    } 

#search input[type="text"]:focus { 
    background: url(search-dark.png) no-repeat 10px 6px #fcfcfc; 
    color: #6a6f75; 
    width: 200px; 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; 
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset; 
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); 
    } 
</style> 
</head> 
<body> 
<br/> 
<div id="container"> 
<div id="col1"> 
<p></p> 
</div> 
<div id="col2outer"> 
<div id="col2mid"> 
<p><h1>Applicaties</h1></p> 
<div id="apps"> 
      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'skype'> 
      <div class="app"> 
        <img src="./img/apps/skype.png"> 
        <p id="text">Skype</p> 
      </div> 
      </a> 

      <a onclick="openWindow('http://tumblr.com/','Tumblr')"> 
      <div class="app"> 
        <img src="./img/apps/tumblr.png"> 
        <p id="text">Tumblr</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'firefox'> 
      <div class="app"> 
        <img src="./img/apps/firefox.png"> 
        <p id="text">Firefox</p> 
      </div> 
      </a> 

      <a href="cloudje:gnome-calculator"> 
      <div class="app"> 
        <img src="./img/apps/calculator.png"> 
        <p id="text">Rekenmachine</p> 
      </div> 
      </a> 

      <a href="cloudje:teamviewer"> 
      <div class="app"> 
        <img src="./img/apps/teamviewer.png"> 
        <p id="text">Teamviewer</p> 
      </div> 
      </a> 

      <a href="#"> 
      <div class="app"> 
        <img src="./img/apps/appmarket.png"> 
        <p id="text">App Market</p> 
      </div> 
      </a> 

      <a href="cloudje:googleearth"> 
      <div class="app"> 
        <img src="./img/apps/googleearth.png"> 
        <p id="text">Google Earth</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'gedit'> 
      <div class="app"> 
        <img src="./img/apps/notepad.png"> 
        <p id="text">Kladblok (gedit)</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'gimp'> 
      <div class="app"> 
        <img src="./img/apps/gimp.png"> 
        <p id="text">GIMP</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'openshot'> 
      <div class="app"> 
        <img src="./img/apps/openshot.png"> 
        <p id="text">Openshot</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'filezilla'>   
      <div class="app"> 
        <img src="./img/apps/filezilla.png"> 
        <p id="text">Filezilla</p> 
      </div> 
      </a> 

      <a onclick="openWindow('http://google.com/','Google')"> 
      <div class="app"> 
        <img src="./img/apps/google.png"> 
        <p id="text">Google (zoeken)</p> 
      </div> 
      </a> 

      <a href="cloudje:spotify"> 
      <div class="app"> 
        <img src="./img/apps/spotify.png"> 
        <p id="text">Spotify</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'libreoffice_--writer'> 
      <div class="app"> 
        <img src="./img/apps/word.png"> 
        <p id="text">Word (Writer)</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'libreoffice_--calc'> 
      <div class="app"> 
        <img src="./img/apps/excel.png"> 
        <p id="text">Excel (Calc)</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'libreoffice_--impress'> 
      <div class="app"> 
        <img src="./img/apps/powerpoint.png"> 
        <p id="text">Powerpoint (Im.)</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'geany'> 
      <div class="app"> 
        <img src="./img/apps/geany.png"> 
        <p id="text">Geany</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'vlc'> 
      <div class="app"> 
        <img src="./img/apps/vlc.png"> 
        <p id="text">VLC</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'geogebra'> 
      <div class="app"> 
        <img src="./img/apps/geometric.png"> 
        <p id="text">Geogebra</p> 
      </div> 
      </a> 

      <a onclick="openWindow('http://twitter.com/','Twitter')"> 
      <div class="app"> 
        <img src="./img/apps/twitter.png"> 
        <p id="text">Twitter</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'blender'> 
      <div class="app"> 
        <img src="./img/apps/blender.png"> 
        <p id="text">Blender</p> 
      </div> 
      </a> 

      <a onclick="openWindow('http://chrome.angrybirds.com/','Angry Birds')"> 
      <div class="app"> 
        <img src="./img/apps/angrybirds.png"> 
        <p id="text">Angry Birds</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'calibre'> 
      <div class="app"> 
        <img src="./img/apps/calibre.png"> 
        <p id="text">Calibre</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'keepassx'> 
      <div class="app"> 
        <img src="./img/apps/lock.png"> 
        <p id="text">KeePassX</p> 
      </div> 
      </a> 

      <a onclick="openWindow('http://linkedin.com/','LinkedIn')"> 
      <div class="app"> 
        <img src="./img/apps/linkedin.png"> 
        <p id="text">LinkedIn</p> 
      </div> 
      </a> 

      <a href=cloudje:xchat> 
      <div class="app"> 
        <img src="./img/apps/xchat.png"> 
        <p id="text">Xchat (IRC)</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'liferea'> 
      <div class="app"> 
        <img src="./img/apps/liferea.png"> 
        <p id="text">Liferea (RSS)</p> 
      </div> 
      </a>    

      <a onclick="openWindow('http://facebook.com/','Facebook')"> 
      <div class="app"> 
        <img src="./img/apps/facebook.png"> 
        <p id="text">Facebook</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'pidgin'> 
      <div class="app"> 
        <img src="./img/apps/pidgin.png"> 
        <p id="text">Pidgin Messenger</p> 
      </div> 
      </a> 

      <a href="cloudje:steam"> 
      <div class="app"> 
        <img src="./img/apps/steam.png"> 
        <p id="text">Steam</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'inkscape'> 
      <div class="app"> 
        <img src="./img/apps/inkscape.png"> 
        <p id="text">Inkscape</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'gnome-mplayer'> 
      <div class="app"> 
        <img src="./img/apps/mplayer.png"> 
        <p id="text">MPlayer</p> 
      </div> 
      </a> 

      <a onclick="openWindow('http://youtube.com/','YouTube')"> 
      <div class="app"> 
        <img src="./img/apps/youtube.png"> 
        <p id="text">YouTube</p> 
      </div> 
      </a> 

      <a href=cloudje:sshpass_-p_"D44N"[email protected]_'nautilus'> 
      <div class="app"> 
        <img src="./img/apps/filemanager.png"> 
        <p id="text">Bestandsbeheer</p> 
      </div> 
      </a> 

     </div> 
</div><br/> 
<div id="col2side"> 
    <form method="get" action="/search" id="search"> 
    <input name="q" type="text" size="40" placeholder="Search..." /> 
</form> 
<p><h4>Alles</h4><h4>Spellen</h4><h4>Grafisch</h4><h4>Internet</h4><h4>Kantoor</h4><h4>Media</h4></p> 
</div> 
</div> 
</div> 
     <script src="js/jquery.js"></script> 
     <script src="http://isotope.metafizzy.co/jquery.isotope.min.js"></script> 
     <script src="js/bootstrap.js"></script> 
<script> 
     function openWindow(url,name){ 
      window.open(url,name,'width=1080,height=550,scrollbars=no,toolbar=no,location=no'); 
      return false; 
     } 
    //$(document).ready(function(){ 

    $(window).load(function(){ 
     var $container = $('#apps'); 
    $container.isotope({ 
     itemSelector: '.app' 
     }); 

    }); 
    //}); 
</script> 

</body> 
</html> 

回答

1

因爲你明確地要求與#col2outer #col2mid規則width: 60px。開發人員工具可幫助您解決這些問題F12在大多數瀏覽器中打開它們。將其更改爲像600px這樣的大圖標,並將圖標排列在網格中。

+0

你真是太棒了,我非常愛你!謝謝! –