Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] ProgressBar
Forum PHP.pl > Inne > Oceny
tiraeth
Pasek postępu zbudowany przy użyciu styli kaskadowych i zagnieżdżonych div'ów.

Firefox, Opera, Internet Explorer (testowano na: Firefox 2 Beta 1, Opera 9, IE6)

http://phpfi.com/142501

Oceny proszę guitar.gif Freeware, można używać gdzie się chce biggrin.gif
skowron-line
niech za ocene bedzie pierwsze co powiedzialem "wow"
nasty
no no , fajnie
phpion
No dobra, ale moze dalbys jakis konkretny przyklad uzycia?
nasty
no przeciez dal w skrypcie 75%
shpyo
No no, interesujące.
Mogłeś dać link bezpośredni link do zobaczenia tego winksmiley.jpg
nazihipi
Cytat(shpyo @ 19.08.2006, 23:42 ) *
Mogłeś dać link bezpośredni link do zobaczenia tego winksmiley.jpg

Jestem za. Nie chce mi się tego przeklejać....
kwiateusz
http://kwiateusz.be/progress_bar.html

proszę o to przykład działania winksmiley.jpg
nazihipi
Trochę to za wąskie dla Opera 8.5 - link
tiraeth
Hmmm, dziwne - na Opera9 wygląda tak
nazihipi
Cytat(tiraeth @ 20.08.2006, 16:48 ) *
Hmmm, dziwne - na Opera9 wygląda tak

zonk.. blink.gif Opera 9 sux

a w FF jest nawet zaokrąglone..
.rh-
Cytat
a w FF jest nawet zaokrąglone..

bo w kodzie jest -moz-border-radius , dlatego:)
tiraeth
Cytat(.rh- @ 20.08.2006, 18:37 ) *
bo w kodzie jest -moz-border-radius , dlatego:)


Bo border-radius to właściwość, która zostanie wprowadzona w CSS3 ale Gecko sobie już dodało taki bajer i dlatego trzeba używać -moz-* dla właściwości wpisanych do przeglądarek na Gecko Mozilli smile.gif
hwao
Opera tez ma zaokraglenie

-o-border-radius

Swoja droga nie widze tam nic fajnego, to da sie zrobic w dluzo "mniejszm kodzie"
mike
1. Nic ciekawego, nie ma co się jarać kilkoma stylami na krzyż.
2.
  1. div.shadows div.ProgressBar div.percent {
  2. /**/
  3. font-size : 10px;
  4. font-family : Arial, sans-serif;
  5. font-weight : bold;
  6. }

na
  1. div.shadows div.ProgressBar div.percent {
  2. /**/
  3. font : bold 10px Arial, sans-serif;
  4. }
nie tylko w tym miejscu.

#ff0000 -> #f00
#ffffff -> #fff
#000000 -> #000

  1. div.shadows>div.ProgressBar div.progress {
  2. /**/
  3. display : block;
  4. /**/
  5. }
Po co dla elementu blokowego dajesz display : block;


[style css] pimp my gallery też było przyjemne i poszło pod klucz.
To samo moim zdaniem powino być z tym wątkiem.
tiraeth
Chcecie? Zamykam.... później usunę
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.