Welcome! Here you can paste sources and general debugging text, You can even set yourself a password if you want to keep it just for yourself.

Posted by html on February Mon 24th 8:59 PM - Never Expires - Views: 476

  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6.     <head>
  7.         <meta charset="utf-8">
  8.         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9.         <title></title>
  10.         <meta name="description" content="">
  11.         <meta name="viewport" content="width=device-width">
  12.  
  13.         <link rel="stylesheet" href="css/bootstrap.css">
  14.         <style>
  15.             body {
  16.                 padding-top: 50px;
  17.                 padding-bottom: 20px;
  18.             }
  19.         </style>
  20.         <link rel="stylesheet" href="css/bootstrap-theme.css">
  21.         <link rel="stylesheet" href="css/main.css">
  22.  
  23.         <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  24.     </head>
  25.     <body>
  26.         <!--[if lt IE 7]>
  27.            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  28.        <![endif]-->
  29.   <div class="container-global">
  30.    
  31.     <div class="navbar navbar-inverse navbar-fixed-top">
  32.       <div class="container">
  33.         <div class="navbar-header">
  34.           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  35.             <span class="icon-bar"></span>
  36.             <span class="icon-bar"></span>
  37.             <span class="icon-bar"></span>
  38.           </button>
  39.           <a class="navbar-brand" href="#">Project Name</a>
  40.         </div>
  41.       </div>
  42.     </div>
  43.  
  44.     <div class="container-child">
  45.  
  46.      <!-- <h2 class="destaques">Categoria:</h2> -->
  47.      
  48.       <div class="adsleft">
  49.  
  50.       </div>
  51.  
  52.       <div class="adsright">
  53.  
  54.       </div>
  55.  
  56.       <div class="center-anuncios">
  57.  
  58.       </div>
  59.            
  60.     </div>
  61.  
  62.   </div> <!-- fim da div global -->
  63.  
  64.       <hr>
  65.  
  66.       <footer>
  67.         <p>&copy; 2014</p>
  68.       </footer>
  69.  
  70.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  71.    
  72.         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
  73.  
  74.         <script src="js/vendor/bootstrap.min.js"></script>
  75.  
  76.         <script src="js/main.js"></script>
  77.  
  78.         <script>
  79.             var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  80.             (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  81.             g.src='//www.google-analytics.com/ga.js';
  82.             s.parentNode.insertBefore(g,s)}(document,'script'));
  83.         </script>
  84.     </body>
  85. </html>
  86.  
  87.  
  88. main.css
  89. /* ==========================================================================
  90.    Psy Khé - psykhe6@gmail.com
  91.    ========================================================================== */
  92.  
  93. /* para o footer fica la em baixo*/
  94.  
  95. /*html, body {
  96.         height: 100%;
  97.         background: #B0C4DE;
  98. }
  99.  
  100. .container-global {
  101.         min-height: 100%;
  102. }
  103.  
  104. * html .container-global {
  105.         height: 100%; /* hack para IE6 que trata height como min-height */
  106. }
  107.  
  108. /*footer {
  109.         position: abolute;
  110.         bottom: 0;
  111.         /*height: 5%;*/
  112. /*}
  113.  
  114. * {
  115.         margin: 0;
  116.         padding: 0;
  117. }*/
  118.  
  119. .adsleft {
  120.         width: 120px;
  121.         height: 600px;
  122.         border: solid 1px blue;
  123.         float: left;
  124.         margin-left: 3px;
  125. }
  126.  
  127. .adsright {
  128.         width: 120px;
  129.         height: 600px;
  130.         border: solid 1px red;
  131.         float: right;
  132.         margin-right: 3px;
  133. }
  134.  
  135. .container-child {
  136.         height: auto;
  137.         border: solid 1px yellow;
  138.         margin-top: 50px;
  139. }
  140.  
  141. .destaques {
  142.         color: #777777;
  143.         font-weight: bold;
  144.         text-align: center;
  145.         margin-bottom: 33px;
  146.         display: inline;
  147. }
  148.  
  149.  
  150. .center-anuncios {
  151.         border: solid 1px red;
  152.         margin-left: 136px;
  153.         margin-right: 136px;
  154.         /*width: 400px;*/
  155.         float: center;
  156.         height: 450px;
  157.        
  158. }
  159.  
  160. .teste {
  161.         padding: 0px;
  162.         display: inline;
  163.         margin-bottom: 50px;
  164.         border: solid 1px yellow;
  165.         height: 20%;
  166. }
  167.  
  168. .container-child {
  169.         width: 600px;
  170.         height: 400px;
  171.         margin: 0 auto;
  172. }
  173.  
  174. body {
  175.         background: #B0C4DE;
  176. }
  177.  
  178. html, body, .container-global {height: 100%; width: 100%;}
  179.  
  180. body > .container-global {height: auto; min-height: 100%;}
  181.  
  182. .container-global {
  183.         overflow:auto;
  184.         /*padding-bottom: 150px;*/
  185. }  /* deve ter a mesma altura do rodapé */
  186.  
  187. footer {position: relative;
  188.         margin-top: 0px; /* valor negativo da altura do rodapé */
  189.         height: auto;
  190.         clear:both;}
  191.  
  192. /*Opera Fix*/
  193. body:before {
  194.         content:"";
  195.         height:100%;
  196.         float:left;
  197.         width:0;
  198.         margin-top:-32767px;/
  199. }
Language:
To highlight particular lines, prefix each line with @@




© 2017  admin@YSblue (Implemented and Adapted) - Powered by PASTE 1.0