CSS Rozpoznanie czy ranga została wykonana w technologi CSS

Czy ta ranga jest zrobiona w CSS? 

Ardex napisał 08.02.2016, 20:03:
Poprawiam tytuł tematu

Jak szybko otrzymać pomoc?

Zbadaj element prawdę ci powie (jeśli oczywiście masz adres strony). Może to być zrobione CSS'em (gradient, osobna klasa dla rang w postach itp.) lub zwykła grafika

Zbadaj element prawdę ci powie (jeśli oczywiście masz adres strony). Może to być zrobione CSS'em (gradient, osobna klasa dla rang w postach itp.) lub zwykła grafika

Wiem, aczkolwiek to forum już nie istnieje.

Jak dobrze kojarzę to jest styl pod phpbb by przemo a rangi zostały wykonane jako plik graficzny

Jak dobrze kojarzę to jest styl pod phpbb by przemo a rangi zostały wykonane jako plik graficzny

A jest możliwość zrobienia takich w CSS?

Może to być zrobione CSS'em (gradient, osobna klasa dla rang w postach itp.)

Zrobiłem te rangi w CSS i wygląda to tak: http://screenshooter.net/102754650/lueasse

Chciałbym, aby ta ranga była równa z tą belką od postów itd. Jak to zrobić?

Ardex napisał 08.02.2016, 21:51:
Link do forum by się przydał

Zależy jak to robisz. Ciężko powiedzieć bez kodu. Możesz przypisać margin-left: auto; margin-right: auto; dla rodzica (który jest elementem blokowym i posiada odpowiednią szerokość) lub dać po prostu text-align: center dla tego całego elementu. Wszystko zależy w jaki sposób to zrobiłeś tak jak napisałem na początku.

CSS:

.gid-4 {
width:150px;
height:50px;
line-height:50px;
text-transform: uppercase;
float:center;
background-image: url('images/spStyl/cellpicstaty.jpg');
background-repeat: repeat;
border-left: 1px solid #1E1E1E;
border-right: 1px solid #1E1E1E;
border-bottom: 2px solid #FF0000;
border-top:0px;
-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.35);
color: #FFF; 
font-size: 12px;
font-family: Myriad;
}

.gid-6 {
width:150px;
height:50px;
line-height:50px;
text-transform: uppercase;
float:center;
background-image: url('images/spStyl/cellpicstaty.jpg');
background-repeat: repeat;
border-left: 1px solid #1E1E1E;
border-right: 1px solid #1E1E1E;
border-bottom: 2px solid yellow;
border-top:0px;
-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.35);
color: #FFF; 
font-size: 12px;
font-family: Myriad;
text-align: center;
} 


Forum: http://fabryka-graczy.pl/forum/

Usuń to twoje float: center; i wstaw tam: margin: 0 auto; (w każdej klasie .gid-)

btw. jak przypisujesz border w powyższy sposób to border-top: 0 jest zbędny bo nie przypisywałes do niego żadnego obrysu.