NiespecjalnieUzdolniony
- Super Gaduła
- 194
1 Tworzenie nowego MyCode
Aby zrobić bbcode paska postępu należy wejść w ACP -> Konfiguracja -> MyCode -> Nowy MyCode
W polu "Wyrażenie regularne" wpisz
- Pierwsze (.*?) odpowiadać będzie za szerokość całego paska.
- Drugie (.*?) za kolor paska nachodzącego(mogą to być angielskie nazwy kolorów np orange lub w postaci szesnastkowej lub rgb/rgba).
Jeżeli masz większe doświadczenie możesz przerobić te paski na gradienty.
- A trzecie (.*?) za szerokość paska nachodzącego, czyli prezentującego postęp.
Teraz bierzemy się za sam html.
W polu "Zamiana" wpisz
<div style="width:$1;background-color:#000;position:relative;height:16px;border-radius:5px;overflow:hidden">
<div style="width:$3%;height:16px;background-color:$2">
</div>
<div style="width:100%;color:#fff;height:16px;position:absolute;top:0;text-align:center">
$3/100
</div>
</div>
I tak:
background-color:#000
border-radius:5px
Reszta jest po to aby to jakoś wyglądało i jeżeli nie masz żadnego doświadczenia w css'ach nie zmieniaj tam nic.
Efekt:
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.