cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

Quick-add: + add another resource

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

Quick-add: + add another resource

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

            
              <div id="navigacija">
  <table>
    <tr>
      <th clsss="oigri"><a href="#oigri">O Tetrisu</a></th>
      <th class="Play"><a target="_black" href="https://tetris.com/play-tetris">Play tetris</a></th>
      <th class="igrati"><a href="#igrati">Kako igrati</a></th>
      <th class="kreatori"><a href="#kreatori">O kreatorima</a></th>
      <th class="gameplay"><a href="#gameplay">Gameplay</a></th>
      <th class="mreze"><a href="#mreze">Mreze</a></th>
    </tr>
  </table>
</div>
<hr/>
<div id="oigri"><h1>O Tetrisu</h1><p>Tetris je logička video-igra, izdata na gotovo svim igračkim platformama. Jedna je od najpoznatijih video-igara uopšte. Igru je napravio, 6. juna 1984., ruski naučnik Aleksej Pažitnov (Алексей Пажитнов). Pažitnov je radio kao programer u računarskom centru Sovjetske akademije nauka.[1] Ime "tetris" dolazi od grčkog prefiksa "tetra-" ("četiri"), jer su svi delovi sastavljeni od četiri segmenta, i tenisa, Pažitnovljevog omiljenog sporta.[2] Verziju igre za IBM PC platformu napravili su Pažitnovljevi prijatelji Dmitrij Pavlovski i Vadim Gerasimov.<br>

Tetris se čak pojavio kao deo umetničke izložbe na Univerzitetu Braun u SAD-u. [3] Takođe, 2007. je zauzeo drugo mesto u izboru "100 najboljih videoigara svih vremena" portala IGN.[4]<br>

Najveći deo svoje popularnosti Tetris je stekao na Nintendovom Gejm boju, na kojoj je izdan 1989. Rasprostranjenost konzole je proslavila Tetris do te mere da je postao nezaobilazan deo popularne kulture.</div><br>
<div id="igrati"><h1>Kako igrati</h1><p>Delići (nazivani tetromini ili tetrade) sastavljeni od četiri kvadratića padaju s vrha polja za igru širokog deset, a visokog dvadeset kvadratića. Igrač ih može rotirati i slagati na način da između delića ne ostaje prazan prostor. Kad se jedan red popuni delićima, on nestaje, a kvadratići koji su bili iznad padaju u novostvoreni prazan prostor. Kako tok igre napreduje, delići padaju sve brže te igrač ima sve manje vremena za razmišljanje i slaganje. Kada se delići nagomilaju do vrha polja za igru, bez mogućnosti da se novi đelić pojavi, igra je gotova.<br>
 <br> 

Algoritam slučajnim odabirom određuje đelić koji će se sljedeći pojaviti na vrhu polja. Upustva koja dolaze s raznim verzijama igre većinom nazivaju deliće slovima I, J, L, O, S, T i Z[5] jer svojim izgledom podsećaju na njih, no igrači katkad za deliće koriste i druga imena.[6] Svi delići mogu ukloniti jedan ili dva reda, I, J i L mogu ukloniti tri reda, a samo I delić može ukloniti četiri reda odjednom - što se naziva "tetris".[5]<br>
<br>
Premda sve verzije igre imaju isti broj tetrada - sedam - boje su im različite od verzije do verzije.<br>

<br>
Sedam delića verzije Tetris Worlds : gornji red, s levo na desno: I, J, L, O, donji red: S, T, Z.<br>
Način bodovanja je zasnovan na principu da su bodovi dodijeljeni za svaki uspešno eliminisani redak. Bonus bodovi se dodeljuju za eliminisanje više redaka odjednom (dva, tri ili "tetris" - četiri). Nintendove igraće konzole NES, Game Boy i SNES koriste verovatno najrasprostranjeniji sistem bodovanja.[7]<br>

U većini verzija igre postoji tipka za ubrzanje padanja delića, čime igrač dobiva više bodova nego da samo čeka da delić padne uobičajenom brzinom.</p></div>
<div id="kreatori"><h1>O kreatoru</h1>
  <p>Aleksej Leonidovič Pažitnov je ruski računalni programer i znanstvenik koji je izumio popularnu logičku videoigru Tetris. Danas živi i radi u SAD-u. Pažitnov je igru izumio u lipnju 1984. kada je radio kao programer u računalnom centru Sovjetske akademije znanosti.<br>

Iako izumitelj, Pažitnov se nije previše okoristio svojim izumom. Sovjetska vlada je zadržala pravo nad patentom te je vrlo jeftino prodala prava. Pažitnov je dobio vrlo malo novca. Tvrtke koje se bave prodajom računalnih igara poput Nintenda su najviše profitirale njegovim izumom.</p></div>
<div id="gameplay"><h1>Neki gameplay</h1>
    <div id="video">
      <iframe width="100%" height="100%" src="https://www.youtube.com/embed/kwAIfYcicv0" frameborder="0" allowfullscreen></iframe></iframe></div>
    <div id="video_2">
    <iframe width="100%" height="100%" src="https://www.youtube.com/embed/sadY3m4HSDI" frameborder="0" allowfullscreen></iframe></div>
    <div id="video_3">
           <iframe width="100%" height="100%" src="https://www.youtube-nocookie.com/embed/DdfRQjb5o9k" frameborder="0" allowfullscreen></iframe></div>
    <div id="video_4">
      <iframe width="100%" height="100%" src="https://www.youtube.com/embed/YSn8pfMZUbs" frameborder="0" allowfullscreen></iframe></div>
    </div>

</div>
<div id="mreze">
  <ul type="square">
    <li>
      <a target="_blank" href="https://www.facebook.com/tetrischampionship/"><img src="https://facebookbrand.com/wp-content/themes/fb-branding/prj-fb-branding/assets/images/fb-art.png" width="50px" alt="facebook">
        <a>

    </li>
    <li>
      <a target="_blank" href="https://twitter.com/TheCTWC"><img src="http://img.freepik.com/free-icon/twitter_318-136405.jpg?size=338&ext=jpg" width="50px" alt="twitter"> </a>
    </li>
    <li>
      <a target="_blank" href="https://www.twitch.tv/classictetris"><img src="https://static-cdn.jtvnw.net/jtv_user_pictures/twitch-profile_image-8a8c5be2e3b64a9a-300x300.png" width="50pxs"></a>
    </li>
            <li>
      <a target="_blank" href="https://www.youtube.com/channel/UC-8BAEcWSEs4-KQp1ULVnaQ"><img src="http://is4.mzstatic.com/image/thumb/Purple117/v4/cc/d8/0c/ccd80ca1-a0fb-3328-afbf-f36edf41c793/source/1200x630bb.jpg" width="50px" alt="facebook">
        <a>

    </li>
  </ul>
</div>
            
          
!
            
              #navigacija {
  height: 25px;
  width: 100%;
}

#navigacija table {
  width: 60%;
  margin-left: 20%;
}

#navigacija a {
  color: rgb(26, 26, 255);
  text-decoration: none;
}
p {
  color:green;
}



h1 {
  color: blue;
   margin-top: 20px;
  text-align: center;
}



#uvod {
  color:red
    
;
}


#video {
  width: 40%;
  margin-right: 10%;
  height: 300px;
  float: left;
}
#video_2 {
  width: 40%;
  margin-right: 10%;
  height: 300px;
  float: right;
}
#video_3 {width: 40%;
  margin-right: 10%;
  height: 300px;
  float: right;
}
#video_4 {width:40%;
margin-right:10%;
height:300px;
float: left}
#mreze li {
  display: inline;
}
#mreze {
  width: 20%;
  margin-left: 40%;
}
            
          
!
999px
Loading ..................

Console