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

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

Zaokąglone tło tekstu, prefix

Szukam  Założony przez  Ayseinek.

01.11.2014, 13:46
#1
wersja skryptu MyBB: 1.6.15
adres forum: http://ayseinowi.ct8.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Szukam dobrego kodu CSS na tekst z zaokrąglonym tłem i jego użycie w html
i jak dodać ten prefix do top statystyk, reputacji i posterzy.

  • Salvation

  • Gość
  •   0
01.11.2014, 13:50
#2
http://www.w3schools.com/cssref/css3_pr_...radius.asp
01.11.2014, 13:53
#3
Robisz to na zasadzie prefixy ala' IPB.
Później w szablonach globalnych dla postersów topStats_PostersRow dodajesz np. tak:

<span class="posty_prefix" style="background:#34698a; margin-top: 0px;">{$tpl['postnum']}</span>

Oczywiście nazywając swoją klasę np. .posty_prefix css.
01.11.2014, 14:27
#4
Salvation zrobiłem coś takiego:

<!DOCTYPE html>
<html>
<head>
<style>
prefix {
    border: 1px solid #a1a1a1;
    padding: 2px 4px;
    background: green;
    width: 10px;
    border-radius: 14px;
    color: white
}
</style>
</head>
<body>

<prefix>1</prefix>

</body>
</html>

i co dalej? ;x
Jakoś mi to nie działa :F

Może ktoś podać swój kod na zaokrąglenie? :/

  • Salvation

  • Gość
  •   0
01.11.2014, 16:31
#5
Nie postawiłeś średnika po white.

Poza tym, nie ma znacznika <prefix> w html. Zrób tak:
<!DOCTYPE html>
<html>
<head>
<style>
#prefix {
    border: 1px solid #a1a1a1;
    padding: 2px 4px;
    background: green;
    width: 10px;
    border-radius: 14px;
    color: white;
}
</style>
</head>
<body>

<div id="prefix">1</div>

</body>
</html>



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

2 gości