Blog Inglese by @Erpilota - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

maxImposta il valore numerico o temporale massimo per un elemento input
animationDefinisce i parametri dell'animazione di un elemento o selettore
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
methodDetermina il metodo di invio dei dati di un form al server
<option>Serve ad inserire una voce in un menu di selezione.

Users

Log in to search for users

Explore

Find inspiration

Esame informatica

Palinsesto Radio

Lezione 4 (seconda parte)

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html>
  <head>
    <title>WW2Weapons</title>
    <style></style>
  </head>
  <body>
   <header>
        <h1 id="titolo">W.W. 2 Weapons</h1>
        <div id="searchbar" class="quadr"><input type="text" id="cerca" value="Search Post"></div>
        <div id="contact" class="quadr">My Contact</div>
        <div id="other" class="quadr">Other Blog</div>
        <div id="donation" class="quadr">Donation =)</div>
        <div id="sort" class="quadr">Sort By: Latest Post</div>
        <div id="filter" class="quadr">Search Filter</div>
       </header> 
      <div id="conteblog">
       <div id="post1" class="quadr">1 post</div>
       <div id="post2" class="quadr">2 post</div>
    </div>
    <footer>
    <div id="feed">Feedback About My Blog</div>
    </footer>
  </body>
</html>

header {display:grid;
        grid-template-columns:100px;
        grid-template-rows:100px;
        margin-bottom:10px;
        row-gap:10px;}

#searchbar {height:25px; width:430px;
            background-color: rgb(42, 110, 25);
            grid-column-start:3;
            grid-column-end:6;
            grid-row-start:2;
            grid-row-end:3;
}
#titolo   {font-size:50px;
           grid-column-start:2;
           grid-column-end:3;
           grid-row-start:1;
           grid-row-end:2;
           padding:0px;
           margin:0px;
  }
.quadr {height:40px;width:110px;
         background-color: rgb(42, 110, 25);
        border:1px black solid;}

#contact {grid-column-start:3;
          grid-column-end:4;
          grid-row-start:1;
          grid-row-end:2;
          }
#other {grid-column-start:4;
          grid-column-end:5;
          grid-row-start:1;
          grid-row-end:2;}
#donation {grid-column-start:5;
          grid-column-end:6;
          grid-row-start:1;
          grid-row-end:2;}
#sort    {grid-column-start:3;
          grid-column-end:4;
          grid-row-start:3;
          grid-row-end:4;}
#filter  {grid-column-start:4;
          grid-column-end:5;
          grid-row-start:3;
          grid-row-end:4;}

body {background-color: rgb(64, 199, 64);
	  background-image: url("Sfondo blog.jpeg");}
#cerca {background-color: rgb(42, 110, 25);}

#conteblog {display:grid;
        	grid-template-columns:100px;
        	grid-template-rows:100px;}
#post1   {height:500px;
		  width:500px;
		  grid-column-start:2;
          grid-column-end:4;
          grid-row-start:1;
          grid-row-end:3;}
#post2   {height:500px;
		  width:500px;
          grid-column-start:4;
          grid-column-end:6;
          grid-row-start:1;
          grid-row-end:3;}
#feed {position:fixed;
	   top:700px;
  	   left:900px;
  	   height:20;
  	   width:170px;
	   background-color: rgb(42, 110, 25);
       border:1px black solid;}