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 class = "paran"><a href="#pocetak"> Pocetak </a> </th>
      <th class = "neparan"><a href="#igra"> Igra </a></th>
      <th class = "paran"><a href="#esport"> Esport </a></th>
      <th class = "neparan"><a href="http://blog.counter-strike.net/" target="_blank"> Oficijalna stranica </a></th>
    </tr>
  </table>
      </div>
  <div id = "pocetak"> 
       <img id="slika1" src="https://static.giantbomb.com/uploads/scale_small/0/4865/814139-000000000000.jpg" width="15%">
Counter-Strike (srp. protivnapad, takođe CS) je taktička video-igra i pucačina iz prvog lica, realizovana kao modifikacija igre Half-Life. Autori prvih verzija igre su bili Min Li (Minh Le) i Džes Klif (Jess Cliffe) čija je ideja bila da naprave igru u kojoj su dostupna oružja iz stvarnog sveta. Ova igra je kasnije doživela i svoja nova izdanja: Counter-Strike: Condition Zero (2004) i Counter-Strike: Source (2004), Counter-Strike: Anthology za PC, Counter-Strike za Xbox i poslednji u nizu Counter Strike: Global Offensive (2012). </div>
      
      <div id="igra">
        Tema igre je borba između dva tima: terorista i antiterorista, uvek na prostorno ograničenom terenu i u ograničenom vremenskom intervalu. Originalni scenariji misija mogu biti bombaški napad, spasavanje talaca, i sprečavanje ubistva veoma važne osobe (engl. Very Important Person, VIP). Zbog proširivosti igre, mogućnošću pravljenja novih mapa, danas postoji mnogo drugih scenarija i mapa, koje se nisu isporučivale u originalnom paketu. Alat za ovo je Valve Hammer Editor.
<img id = "slika" src="https://screenshots.en.sftcdn.net/en/scrn/69710000/69710405/counter-strike-1-6-z-bot-09-535x535.jpg" width="150px" >
</div>

      <div id="bomba">
       <font color = "lightblue"><h3>Bombaški napad</h3> Teroristički tim poseduje bombu kojom treba razoriti jedno od označenih mesta na terenu. Vreme potrebno za postavljanje bombe je 3 sekunde, a ista će eksplodirati 35 sekundi nakon postavljanja ukoliko nije demontirana. Svaki pripadnik antiterorističkog tima može da demontira bombu sa ili bez alata. Razlika je u vremenu demontiranja koje iznosi 5 odnosno 10 sekundi. Mape ovog tipa igre obično imaju prefiks de_, od engl. defuse, demontirati.</font>
        </div>
    
      <div id="spasavanje">
       <font color="lightblue"><h3>Spasavanje talaca</h3> Teroristi drže izvestan broj talaca, najčešće u zatvorenom prostoru. Zadatak antiterorista je da taoce pronalaze i sprovode ih do zona označenih sa zona za spasavanje talaca (engl. hostage rescue zone). Talac je spašen ukoliko biva doveden do ovakve zone. Igra ovde pravi razliku između dve akcije antiterorista prema taocima. Prva je pokušaj spasavanja taoca, tj. njegovo pronalaženje i poziv da ga talac prati. Prvi antiterorista koji ovo sa nekim taocem postigne za ovaj čin dobija 150 dolara. Za spasavanje taoca se dobija 1000 dolara. Mape ovog tipa igre obično imaju prefiks cs_.

Ukoliko neki od taoca biva ubijen, izvršiocu se sa računa oduzima svota od 2250 dolara. Ukoliko nema toliko novca na računu, račun biva postavljen na nulu.</font></div>
      
      <div = "ostalimodovi">
        <ul type = "square">
          <h3><font color="blue">Ostali modovi</font></h3>
       <li><font color= "blue"> Borba snajperima je vrsta misije gde je u borbi dozvoljeno koristiti isključivo AWP snajper. Teren za igru obično podseća na arenu, a prefiks ovih mapa je obično awp_.
<li>Frag Yard ili Fight Yard ili Frenzy maps, su takođe mali tereni najčešće oblika arene. Dva tima se pojavljuju na suprotnim/međusobno simetričnim delovima mape, podjednako udaljenim od jednog centralnog dela, gde oružje stoji ili se može kupiti. Da bi se pobedio protivnički tim, mora se koristiti to oružje. Ove mape obično imaju prefiks fy_.
<li>Mape surfovanja su mape gde igrači koriste svoje manervabilne sposobnosti da bi surfovali po specijalnim nagibima. Ove mape obično imaju zatvor u koga svi nedovoljno iskusni padaju. Igrači koji izađu na kraj sa svim preprekama imaju privilegiju da likvidiraju sve druge u zatvoru. Ove mape obično imaju prefiks surf_.
<li>Ekstremno penjanje je tip mape koja nije taktička igra. Cilj je naći put ka vrhu visokih građevina kroz serije komplikovanih skokova. Na vrhu građevine je obično dugme koje indicira koliko je igraču trebalo da se popne. Ono je istaknuto tako da svi igrači mogu da vide. Ove mape obično imaju prefikse kz_.
<li>Zombi je tip mape u kojoj teroristi i antiteroristi sarađuju zajedno da bi pobedili protivnički tim, kog čine zombiji. Na početku, svi igrači se nalaze u timu ljudi. Jedan igrač zatim postane zombi i dodirom na drugog igrača, zarazuje ga i ovaj postaje zombi. Pobednici su ljudi, ako prežive za dato vreme, a da ne budu zaraženi. Zombiji pobeđuju ako zaraze sve ljude. Zombije je teško ubiti oružjem, jer imaju dosta helti, ali tu su druge metode strategije koje mogu biti od velike koristi, kao što su laseri, bombe i padobrani. Ove mape obično imaju prefikse zm_.</font>
        </div>
      <div id="krozvreme">
        <h3>Counter-Strike kroz vreme:</h3>
  <blockquote class="imgur-embed-pub" lang="en" data-id="jHTORjJ"><a href="//imgur.com/jHTORjJ">Game evolution.</a></blockquote><script async src="//s.imgur.com/min/embed.js" charset="utf-8"></script>
      </div>
      
      <div id="esport">
        Counter-Strike (kao i druge popularne igrice Dota 2, LoL...) je toliko porastao da krece da se naziva sportom, tj. eSportom. Sve vise ljudi stavlja vreme u Counter-Strike sa zeljom da bi bili profesionalci, cije plate uopste nisu male. Najbolji igraci od organizacije dobijaju do 17,000 dolara, a to je suma bez para koje dobijaju sa turnira, stikera (u igri je moguce kupiti stiker sa potpisom odredjenog igraca, pritom 50% para ide igracu), itd. Od 2016. turniri, takozvani "Majori", koji su podrzani od strane Valva (developera), ciji nagradni fond iznosi 1,000,000 dolara, gde 500,000 ide prvom mestu. Pored takozvanih Majora, svagog meseca se organizuje bar 1, ako ne i vise turnira sa nagradnim fondom od 250,000 do 500,000 dolara. 
Ovim ljudima je to posao, oni igraju igrice i zive od toga, provode sate i sate za racunarom vezbajuci i usavrsavajuci sebe, ali pored toga se zdravo hrane, treniraju, ne konzumiraju cigare kako bi ostali u najboljoj formi i igrali najbolje sto mogu.
        Primer ovoga je Nikola (Niko) Kovac, 20-ogodisnji decko iz Bosne koji je dobio pola miliona dolara samo za ulazak u tim pod nazivom "FaZe Clan". Njegovu pricu mozete pogledati u videu pored.
        <img id="shox" src="https://static.hltv.org/images/galleries/8407-medium/1469400272.2641.jpeg" width= "20%">
        <img id="karrigan" src="https://esportsedition.com/wp-content/uploads/2017/02/karrigan-celebrating-with-faze.jpg" width= "20%">
</div>
        <iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/Dz_W-sRWFZY" frameborder="0" allowfullscreen></iframe>

        <div id="galerija">
          <h3></h3>
        <img id="arena" src="http://teambeyond.net/wp-content/uploads/2014/06/iem-katowice-2014-2.jpg">
          <p id="dugmici">
  <button id = "pret" onclick="prethodna()"> < </button>
    <button  id = "sled" onclick="sledeca()"> > </button>
    <button id = "str" onclick="start()"> Start </button>
    <button id = "stp"onclick="stop()"> Stop </button>
    </p> 
        </div>
         
            
          
!
            
              #navigacija a
{
  margin-left: 230px;
  color: black;
}
#navigacija a:hover{
  color: white;
text-decoration-style: solid;} 
#navigacija {
  margin-left: ;
  width: 100%;
  background-color: grey;
  height: 30px;
  padding-top: 5px;
  border-style: solid;
}
#slika1{float:left;
padding-top: 5px;}
#pocetak
{
  padding-top: 5px;
  background-color: lightblue;
  text-align:center;
  padding-bottom: 10px;
  padding-left: 5px;
}
#igra{
  height: 240px;
  background-color: lightblue;
  text-align: center;
}
#slika{
  padding-top: 10px;
  margin-right: 18%;}

#bomba
{
text-align: center; 
background-color: rgb(0,30,255);
height: 165px;
padding-top: 8px;}
#spasavanje
{
  text-align: center;
  background-color: blue;
  height: 155px;
  padding-top: 2px;
}
#ostalimodovi{
  background-color: blue;
}
#esport
{
  text-align: center;
  float: left;
  width: 59.99%;
  height: 315px;
  background-color: lightblue;
  border-radius: 5px;
  
}
#video
{
  float: right;
  border-radius: 5px;
}
#shox{float: right;
margin-right: 220px;
padding-top: 26px;}
#karrigan{padding-left: 100px;
padding-top: 10px;}

#galerija{
  background-color: lightblue;
    padding-bottom: 20px;
}
#arena{margin-left: 14%;
padding-top: 30px;}
#dugmici{background-color: lightblue;
height: 50px;
text-align: center;
padding-top: 25px}



            
          
!
            
              var servis = new Array();
servis [0] = "http://teambeyond.net/wp-content/uploads/2014/06/iem-katowice-2014-2.jpg";
servis [1] = "http://gfx.bloggar.aftonbladet-cdn.se/wp-content/blogs.dir/430/files/2015/03/arenan.jpg";
servis [2] = "https://www.dexerto.com/app/uploads/2017/02/katowice-VP-1024x534.jpg";
servis [3] = "http://www.hitpoint.cz/wp-content/uploads/katowice_stage2.jpg";

var ts = 0;

function sledeca()
{
  if ( ts == 3 ) {
    ts = 0;
  }
  else {
    ts++;
       }
  document.getElementById("arena").src = servis[ts];
}

function prethodna()
{
  if ( ts == 0 ) {
    ts = 2;
  }
  else {
    ts--;
       }
  document.getElementById("arena").src = servis[ts];
}

var timer;
function start()
{
  document.getElementById("pret").disabled = true;
  document.getElementById("sled").disabled = true;
  document.getElementById("str").disabled = true;

  if (ts < 3)
    {
      ts= ts + 1;
    }
  else {
    ts = 0;
  }
  document.getElementById("arena").src = servis[ts];
  timer = setTimeout("start()", 3000);
}

function stop()
{
  document.getElementById("pret").disabled = false;
  document.getElementById("sled").disabled = false;
  document.getElementById("str").disabled = false;
  clearTimeout(timer);
}
            
          
!
999px
Loading ..................

Console