Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Rozpoznanie czy ranga została wykonana w technologi CSS

CSS  Założony przez  Łukasz.

08.02.2016, 19:47
#1
Czy ta ranga jest zrobiona w CSS? [Obrazek: w0VaWWN.png]
Ardex napisał 08.02.2016, 20:03:
Poprawiam tytuł tematu
Jak szybko otrzymać pomoc?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
08.02.2016, 20:01
#2
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 ;)
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
08.02.2016, 20:09
#3
(08.02.2016, 20:01)myCreedo napisał(a): 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.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
08.02.2016, 20:14
#4
Jak dobrze kojarzę to jest styl pod phpbb by przemo a rangi zostały wykonane jako plik graficzny
08.02.2016, 20:16
#5
(08.02.2016, 20:14)Szogi1910 napisał(a): 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?
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
08.02.2016, 20:29
#6
(08.02.2016, 20:01)myCreedo napisał(a): Może to być zrobione CSS'em (gradient, osobna klasa dla rang w postach itp.)
08.02.2016, 21:46
#7
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ł
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
08.02.2016, 22:46
#8
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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
09.02.2016, 07:58
#9
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/
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
09.02.2016, 17:29 (Ten post był ostatnio modyfikowany: 09.02.2016, 17:34 przez Divir.)
#10
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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

1 gości