Script html/css servere gamecp

mr.franta · 27 Dec 2020, 12:01

Salut,am gasit prin pc un proiect abandonat.Ce zic eu proiect,abia inceputul unui design pentru lista serverelor de cs sau alte jocuri.
Poate ii este de folos cuiva macar pe partea de design.
Doar ce se vede in imagine.

Codul sursa:

Code: Select all

<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Play" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=2.0">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<style>
.main3d{
    background: #0D7C3D;
background: #0065AC;
box-shadow: 0px 0px 1px #888 inset;
border: 1px solid #0B6130;
  border: 1px solid #024B7F;
    border-bottom: 4px solid #0B6130;
  border-bottom: 4px solid #024B7F;
line-height: 34px;
padding-left: 10px;
border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 0px 1px #C9FFBE inset 0.8;
}
  
  .spacetop{
  display: inline-block;
  width: 1000px!important;
  }

.main3d span{
color: #fff;
text-transform: uppercase;
font-family: sans-serif;
font-size: 11px;
font-weight: 600;
}

.index_box{
   background: #252525!important;
   font-family:  tahoma;
  font-size: 12px;
   }

.index_box th{
    background: #1a1a1a;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 6px 10px;
    font-size: 12px;
    color: #bbb;
        font-family:sans-serif;
    }
    
    .index_box td{
    color: #fff;
    background: #252525!important;
    border-top: 1px solid #303030!important;
    border-bottom: 1px solid #0f0f0f!important;
text-align: center;
height: 30px;
    }
    .index_box a:hover{
      color: #069;

  }
  
  .index_box a{
      color: #A57D00;
 
  }
    .subiecte, .mesaje{

    font-family: 'Oswald', sans-serif;
   }
  
  .meniuphpbb2{
  background: #222222;
  line-height: 32px;
  width: 100%!important;
  text-align: left;
  padding-top: 4px;
}


.meniuphpbb2 a{
  display: inline-block;
  min-width: 60px;
  text-align: center;
  color: #D8DCE0;
  text-shadow: 0px 1px 1px #000;
  text-decoration: none!important;
  font-size: 12px;
  font-family: tahoma;
  background: #161616;
  float: left;
  margin: 0px 2px;
  padding: 0px 6px;
  border: 1px solid #111;
}

.meniuphpbb2 img{
  display: none!important;
}

.meniuphpbb2 a:hover{
background: #111111;
}

.start, .restart, .stop, .reinstal, .online, .offline{
  display: inline-block;
  min-width: 52px;
  text-align: center;
  border: 1px solid #141414;
  border-radius: 3px;
  padding: 4px 6px;
  margin: 0px 2px;
 font-weight: 600;
  font-family: tahoma;
  text-shadow: 0px 0px 1px #111;
  }
  .fa{
  margin-right: 4px;
  }

.restart{background: #008CBA url(https://i.servimg.com/u/f86/16/74/33/30/highli10.png) repeat-x 0 0!important;} /* Blue */
.stop, .offline{background: #f44336 url(https://i.servimg.com/u/f86/16/74/33/30/highli10.png) repeat-x 0 0!important;;} /* Red */ 
 .start, .online{background: #4CAF50 url(https://i.servimg.com/u/f86/16/74/33/30/highli10.png) repeat-x 0 0!important;;} /* Green */
.reinstal{background: orange url(https://i.servimg.com/u/f86/16/74/33/30/highli10.png) repeat-x 0 0!important;;} /* orange*/
  
  .css img{
    display: inline-block;
    float: left;
    margin-right: -13px;
}
</style>
</head>
<body>
  <div class="spacetop">
<div class="main3d"><span>Lista servere si configurare</span></div>
<table class="index_box" width="1000px" border="0" cellpading="0" cellspacing="0">
<tr>
  <th>Status</th><th>Nume</th><th>ip</th><th>Joc</th><th>Playeri</th><th>Harta</th><th>Configurare</th>
</tr>
<tr>
  <td><span class="online">ONLINE</span></td><td><a href="/">MIX.DONGAME.RO</a></td><td>92.114.32.216:27015</td><td><div class="css"><img src="http://icons.iconarchive.com/icons/franksouza183/fs/16/Apps-counter-strike-icon.png"></img>Counter-Strike</div></td><td>de_dust2</td><td>10/14</td><td><span class="restart"><i class="fa fa-repeat" aria-hidden="true"></i>restart</span><span class="stop"><i class="fa fa-stop" aria-hidden="true"></i>stop</span><span class="reinstal"><i class="fa fa-refresh" aria-hidden="true"></i>reinstal</span>
</td>
</tr>

<tr>
  <td><span class="offline">OFFLINE</span></td><td><a href="/">MIX.DONGAME.RO</a></td><td>92.114.32.216:27015</td><td><div class="css"><img src="http://icons.iconarchive.com/icons/franksouza183/fs/16/Apps-counter-strike-icon.png"></img>Counter-Strike</div></td><td>de_inferno</td><td>0/14</td><td><span class="start"><i class="fa fa-play" aria-hidden="true"></i>start</span><span class="restart"><i class="fa fa-repeat" aria-hidden="true"></i>restart</span><span class="reinstal"><i class="fa fa-refresh" aria-hidden="true"></i>reinstal</span>
</td>
</tr>
</table>
</div>

</body>
</html>

28 Dec 2020, 18:18

Suntem in 2021 si voi tot tabele folositi..

29 Dec 2020, 09:09

Mădălin wrote: ↑
28 Dec 2020, 18:18
Suntem in 2021 si voi tot tabele folositi..

"[...]am gasit prin pc un proiect abandonat.Ce zic eu proiect,abia inceputul unui design pentru lista serverelor[...]"

YouTube · 09 Jan 2021, 15:47

Mădălin wrote: ↑
28 Dec 2020, 18:18
Suntem in 2021 si voi tot tabele folositi..

adică temele tale nu coțin tabele ca și cum? nu e ca și cum phpbb3 sau ipb/ips sunt cu tabele, și afișarea datelor se aranjează în tabel
poate voiai să te referi că e un simplu cod în html și nu e legat prin php/ajax pentru date :))) asta nici eu nu înțeleg da mna
așa ceva făceam și eu în 2010 parcă, arătam că am serverul 32/32 =))) și online mereu, chiar dacă nu era

aliNF · 09 Jan 2021, 18:40

L E V I N wrote: ↑
09 Jan 2021, 15:47

Mădălin wrote: ↑
28 Dec 2020, 18:18
Suntem in 2021 si voi tot tabele folositi..
adică temele tale nu coțin tabele ca și cum? nu e ca și cum phpbb3 sau ipb/ips sunt cu tabele, și afișarea datelor se aranjează în tabel
poate voiai să te referi că e un simplu cod în html și nu e legat prin php/ajax pentru date :))) asta nici eu nu înțeleg da mna
așa ceva făceam și eu în 2010 parcă, arătam că am serverul 32/32 =))) și online mereu, chiar dacă nu era

Lasa-l pe el ca el e destept.

mr.franta · 17 Jan 2021, 22:47

De preferinta intotdeauna prefer sa fac o structura din tabele,apoi in tabele sa adaug div-urile.
Mi se pare mult mai usor,si pana la urma chiar si un tabel poate fi cu width in procente nu doar div-urile.
Daca vreau sa fac o aliniere rapida asta fac.Creez un tabel.

15 Mar 2021, 17:16

mr.franta wrote: ↑
17 Jan 2021, 22:47
De preferinta intotdeauna prefer sa fac o structura din tabele,apoi in tabele sa adaug div-urile.
Mi se pare mult mai usor,si pana la urma chiar si un tabel poate fi cu width in procente nu doar div-urile.
Daca vreau sa fac o aliniere rapida asta fac.Creez un tabel.

Daca folosesti boostrap ai posibilitatea sa il faci mult mai repede si responsiv, desigur ca poti sa folosesti si procente.

Ai 3 metode!

Code: Select all

    
    <div class="table-responsive">
    <table class="table">
    <thead>
    	<tr>
        	<th style="width:10%">Size</th>
        	<th style="w-25">Size</th>
        	<th class="col-2">Size</th>
    	</tr>
    </thead>
    </table>
    </div>

De ce prefer bootstrap? Te ajuta enorm de mult, te scapa sa mai scrii mult cod css si plus ca il poti customiza asa cum doresti mai ales ca ai si clase de utilitati.

15 Mar 2021, 22:10

mr.franta wrote: ↑
17 Jan 2021, 22:47
De preferinta intotdeauna prefer sa fac o structura din tabele,apoi in tabele sa adaug div-urile.
Mi se pare mult mai usor,si pana la urma chiar si un tabel poate fi cu width in procente nu doar div-urile.
Daca vreau sa fac o aliniere rapida asta fac.Creez un tabel.

Poti face tabele si cu flexbox si avantajul la flex e ca nu-ti face probleme la responsive.

Flex: https://www.w3schools.com/css/css3_flexbox.asp
Grid: https://www.w3schools.com/css/css_grid.asp

JulianMS · 17 Mar 2021, 03:22

L E V I N wrote: ↑
09 Jan 2021, 15:47

Mădălin wrote: ↑
28 Dec 2020, 18:18
Suntem in 2021 si voi tot tabele folositi..
adică temele tale nu coțin tabele ca și cum? nu e ca și cum phpbb3 sau ipb/ips sunt cu tabele, și afișarea datelor se aranjează în tabel
poate voiai să te referi că e un simplu cod în html și nu e legat prin php/ajax pentru date :))) asta nici eu nu înțeleg da mna
așa ceva făceam și eu în 2010 parcă, arătam că am serverul 32/32 =))) și online mereu, chiar dacă nu era

Mama cati experti pe aici, ma inchin:)) Inafara de baiatul asta care a spus ceva clar si corect, restul mi-ar fi rusine.

Nu e nimic gresit in a folosi tabele, fanta, daca nu vrei sa pierzi niste timp sau nu te descurci cu div-uri, e perfect normal. Ce nu mi se pare "normal", mai mult inutil, e sa faci toate astea doar HTML / CSS, acum na, eu pricep ca e un proiect vechi, am numarul minim de neuroni sa inteleg, dar eu te sfatuiesc sa ti-l evoluezi, asta daca mai ai treaba cu el, bineinteles.

17 Mar 2021, 04:07

JulianMS wrote: ↑
17 Mar 2021, 03:22

L E V I N wrote: ↑
09 Jan 2021, 15:47

Mădălin wrote: ↑
28 Dec 2020, 18:18
Suntem in 2021 si voi tot tabele folositi..
adică temele tale nu coțin tabele ca și cum? nu e ca și cum phpbb3 sau ipb/ips sunt cu tabele, și afișarea datelor se aranjează în tabel
poate voiai să te referi că e un simplu cod în html și nu e legat prin php/ajax pentru date :))) asta nici eu nu înțeleg da mna
așa ceva făceam și eu în 2010 parcă, arătam că am serverul 32/32 =))) și online mereu, chiar dacă nu era
Mama cati experti pe aici, ma inchin:)) Inafara de baiatul asta care a spus ceva clar si corect, restul mi-ar fi rusine.

Nu e nimic gresit in a folosi tabele, fanta, daca nu vrei sa pierzi niste timp sau nu te descurci cu div-uri, e perfect normal. Ce nu mi se pare "normal", mai mult inutil, e sa faci toate astea doar HTML / CSS, acum na, eu pricep ca e un proiect vechi, am numarul minim de neuroni sa inteleg, dar eu te sfatuiesc sa ti-l evoluezi, asta daca mai ai treaba cu el, bineinteles.

Nu te doare capul la cat esti de inteligent, vezi sa nu iti bubuie o vena ca iti fac pomana pentru neuroni si asa mai mult de doi nu ai si aia in moarte clinica.Te vezi expert pe aici, ne-a venit zeul..tu ai impresia ca noi avem 15 anisori ca nanelu si o sa te pupam in fund ca esti tu mare smecher in web design.Tu nu vezi ca suferi de tine peste tot, nici ala shady sau portocala nu au acest tip de comportament si iti dau aia peste nas si cand dorm.Julian si ma-ta te strigã iulicã, vai

mr.franta · 26 Mar 2021, 20:38

Nu am spus ca nu stiu sa folosesc reponsive,doar voi a-ti dedus asta.Dupa cum spunea si titlu este un proiect vechi.Si am mai spus ca ma folosesc des de tabele pentru ca imi este mai usor cu aliniatul.Dar chiar si cu ele pentru asta exista css,le poti face sa dispara pe diferite dimensiuni ale display-urilor.
Sunt sigur ca foarte multi "experti de pe aici" nu au create propriile coduri reponsive si folosesc pe cele externe gen w3school etc.Asta imi este si mie usor sa folosesc,dar ma face "expert"?

26 Mar 2021, 20:40

mr.franta wrote: ↑
26 Mar 2021, 20:38
Nu am spus ca nu stiu sa folosesc reponsive,doar voi a-ti dedus asta.Dupa cum spunea si titlu este un proiect vechi.Si am mai spus ca ma folosesc des de tabele pentru ca imi este mai usor cu aliniatul.Dar chiar si cu ele pentru asta exista css,le poti face sa dispara pe diferite dimensiuni ale display-urilor.
Sunt sigur ca foarte multi "experti de pe aici" nu au create propriile coduri reponsive si folosesc pe cele externe gen w3school etc.Asta imi este si mie usor sa folosesc,dar ma face "expert"?

Hai sa nu judecam cartea dupa coperta.

Script html/css servere gamecp

Who is online