Tuesday, December 20, 2016

Yorum yok

tr.gg için ana sayfa düzeni

bedava sitem ana sayfa düzeni için kod

bedava sitem kullanıcıları için ana sayfa kodu. ana sayfa paylaşımları için devamını oku html kodu. ana sayfa düzeni bedava sitem için.

nasıl kullanılır?

ÖNİZLEME

html ana sayfa
ana sayfa paylaşım
       
ana sayfanın büyüklüğü ve tablo kullanımına göre farklılık gösterir.
HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex">

    <title>Select users - Bootsnipp.com</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css">
    <style type="text/css">
 
    </style>
    <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        window.alert = function(){};
        var defaultCSS = document.getElementById('bootstrap-css');
        function changeCSS(css){
            if(css) $('head > link').filter(':first').replaceWith('<link rel="stylesheet" href="'+ css +'" type="text/css" />');
            else $('head > link').filter(':first').replaceWith(defaultCSS);
        }
        $( document ).ready(function() {
          var iframe_height = parseInt($('html').height());
          window.parent.postMessage( iframe_height, 'http://bootsnipp.com');
        });
    </script>
</head>
<body>
<div class="container">
<div class="row">
        <div class="span12">
    <ul class="thumbnails">
                <li class="span5 clearfix">
                  <div class="thumbnail clearfix">
                    <img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
                    <div class="caption" class="pull-left">
                      <a href="http://bootsnipp.com/" class="btn btn-primary icon  pull-right">Select</a>
                      <h4>    
                      <a href="#" >Luis Felipe Kaufmann</a>
                      </h4>
                      <small><b>RG: </b>99384877</small>
                    </div>
                  </div>
                </li>
                  <li class="span5 clearfix">
                  <div class="thumbnail clearfix">
                    <img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
                    <div class="caption" class="pull-left">
                      <a href="http://bootsnipp.com/" class="btn btn-primary icon  pull-right">Select</a>
                      <h4>    
                      <a href="#" >Luis Felipe Kaufmann</a>
                      </h4>
                      <small><b>RG: </b>99384877</small>
                    </div>
                  </div>
                </li>
                  <li class="span5 clearfix">
                  <div class="thumbnail clearfix">
                    <img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
                    <div class="caption" class="pull-left">
                      <a href="http://bootsnipp.com/" class="btn btn-primary icon  pull-right">Select</a>
                      <h4>    
                      <a href="#" >Luis Felipe Kaufmann</a>
                      </h4>
                      <small><b>RG: </b>99384877</small>
                    </div>
                  </div>
                </li>
                  <li class="span5 clearfix">
                  <div class="thumbnail clearfix">
                    <img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
                    <div class="caption" class="pull-left">
                      <a href="http://bootsnipp.com/" class="btn btn-primary icon  pull-right">Select</a>
                      <h4>    
                      <a href="#" >Luis Felipe Kaufmann</a>
                      </h4>
                      <small><b>RG: </b>99384877</small>  
                    </div>
                  </div>
                </li>
                  <li class="span5 clearfix">
                  <div class="thumbnail clearfix">
                    <img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
                    <div class="caption" class="pull-left">
                      <a href="http://bootsnipp.com/" class="btn btn-primary icon  pull-right">Select</a>
                      <h4>    
                      <a href="#" >Luis Felipe Kaufmann</a>
                      </h4>
                      <small><b>RG: </b>99384877</small>
                    </div>
                  </div>
                </li>
                  <li class="span5 clearfix">
                  <div class="thumbnail clearfix">
                    <img src="http://placehold.it/320x200" alt="ALT NAME" class="pull-left span2 clearfix" style='margin-right:10px'>
                    <div class="caption" class="pull-left">
                      <a href="http://bootsnipp.com/" class="btn btn-primary icon  pull-right">Select</a>
                      <h4>    
                      <a href="#" >Luis Felipe Kaufmann</a>
                      </h4>
                      <small><b>RG: </b>99384877</small>
                    </div>
                  </div>
                </li>
            </ul>
        </div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>


CSS

       

0 yorum:

Post a Comment