Czy mógłby mi ktoś zrobić podobny układ ramek na wzór tego? http://oi41.tinypic.com/34or6gp.jpg,Oraz.... Question from @Adrich1997

Adrich1997 @Adrich1997

October 2018 1 28 Report

Czy mógłby mi ktoś zrobić podobny układ ramek na wzór tego? http://oi41.tinypic.com/34or6gp.jpg,

Oraz to menu na górze. :)

Będę bardzo wdzięczny.

Nie da sie tego zrobić na ramkach. Jeżeli chcesz mieć taki obrazek który ma nachodzic na "czeny pasek na górze". Wszystko jest mo.zliwe ale za duzo roboty.

Ale za to udostępniam Ci szablon, którego jestem uatorem.

Adres szablonu: http://kornel.tbg.net.pl/TEMPLATES/city/index.html

Jakie masz prawa: Możesz używać szablonu w celach niekomercyjnych. Nie masz prawa używać go w celach komercyjnych! Mozesz modyfikować kopię pliku style.css z zachowaniem linku w komentarzu na samym początku kodu do strony internetowej autora (http://kornel.tbg.net.pl). Możesz dodawać kod HTML zgodnie ze standardem World Wide Web Consortium (W3C). Wskazane jest usunięcie przykładowych grafik jakie zostały zamieszczone w szablonie. Nie masz prawa usuwać następujących meta tagów: <link> <meta name="author"> , nie masz prawa dodawać nowego meta taga : <meta name="author"> . Możesz modyfikować wszystkie meta tagi podstawiając własne dane, np. tytuł strony, opisd, słowa kluczowe, skrypty. Masz prawo podstawic swoje imię i nazwisko w stopce strony ( <footer></footer>) ale nie masz prawa usuwać linka do strony autora (kornel.tbg.net.pl)

KOD HTML:

________________________________________________________________

<!doctype html>
<html lang='pl-PL'>

<meta charset="utf-8"/>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

<title>Strona Internetowa</title>

<meta name="keywords" content=""/>
<meta name="description" content=""/>

<meta name="author" content="http://kornel.tbg.net.pl/"/>

<script src="http://kornel.tbg.net.pl/lib/js/modernizr.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="http://kornel.tbg.net.pl/lib/css/reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kornel.tbg.net.pl/lib/css/obsolete-html-reset.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kornel.tbg.net.pl/lib/css/grid.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://kornel.tbg.net.pl/TEMPLATES/city/css/style.css" media="all" />
<style type="text/css">

</style>
</head>
<body>


               <div id="the-slider">
               <img src="http://kornel.tbg.net.pl/TEMPLATES/city/images/city.jpg" id="sample"/>
           </div>

   <div id="top">

       <div class="container_12">
           <div class="grid_12">
               <div class="grid_8 alpha">
               <nav>
                   <ul id="menu">
                       <li><a href="#">Lirem</a></li>
                       <li><a href="#">ipsum</a></li>
                       <li><a href="#">dolor</a></li>
                       <li><a href="#">sit</a></li>
                   </ul>
               </nav>
               </div>
               <div class="grid_4 omega">
                   <a href="#">Coś </a> |
                   <a href="#ha">Krzysztof </a> |
                   <a href="#juziek">Juziek</a>
               </div>
           </div>
       </div>
   </div>

   <div id="main">
       <div class="container_12"></div>

       <div class="container_12">
           <div class="grid_6 alpha">
               <h1><span>Veroeros</span> et Consequat</h1>
               <div class="clearfix"></div>
               <div class="grid_6">
               <div class="grid_3 alpha"><img src="http://i3.squidoocdn.com/resize/squidoo_images/-1/lens10961071_1318693263go-green-at-work.jpg" alt=""/></div>
               <div class="grid_3 omega"><article>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</article></div>
               </div><div class="grid_6">
               <div class="grid_3 alpha"><img src="http://diamondsandpearlsng.com/portfolio/interior/OFFICE%20WORK%20STATION/wgc_media/photos/l.jpg" alt=""/></div>
               <div class="grid_3 omega"><article>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies. Curabitur et ligula. Ut molestie a, ultricies porta urna. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna.</article></div>
               </div>
           </div>
           <div class="grid_6 omega">
               <h1><span>Blandit</span> Hendreti</h1>
               <h2>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis.</h2><br/><br/>
               <p>Lorem ipsum dolor sit amet enim. Etiam ullamcorper. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.
               </p><br/><br/>
               <div class="grid_3 alpha">
                   <a href="#GS">Lorem ipsum dolor sit amet enim. Etiam ullamcorper. </a> <br/>
                   <a href="#AA">Suspendisse a pellentesque dui, non felis.</a> <br/>
                   <a href="#sa">Maecenas malesuada elit </a><br/>
               </div>
               <div class="grid_3 omega">
                   <a href="#GS">Lorem ipsum dolor sit amet enim. Etiam ullamcorper. </a> <br/>
                   <a href="#AA">Suspendisse a pellentesque dui, non felis.</a> <br/>
                   <a href="#sa">Maecenas malesuada elit </a><br/>
               </div>
           </div>
       </div>

           <div id="footer">
               <footer>
               Copyright © Nazwa-firmy. Code by <a href="http://kornel.tbg.net.pl">kornel.tbg.net.pl</a>
               </footer>
           </div>
   </div>


</body>
</html>