Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] ProgressBar
tiraeth
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 1 789
Pomógł: 41
Dołączył: 30.10.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 15)
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----

niech za ocene bedzie pierwsze co powiedzialem "wow"


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
nasty
post
Post #3





Grupa: Zarejestrowani
Postów: 634
Pomógł: 14
Dołączył: 27.05.2006
Skąd: Berlin

Ostrzeżenie: (0%)
-----

no no , fajnie
Go to the top of the page
+Quote Post
phpion
post
Post #4





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza
No dobra, ale moze dalbys jakis konkretny przyklad uzycia?
Go to the top of the page
+Quote Post
nasty
post
Post #5





Grupa: Zarejestrowani
Postów: 634
Pomógł: 14
Dołączył: 27.05.2006
Skąd: Berlin

Ostrzeżenie: (0%)
-----

no przeciez dal w skrypcie 75%
Go to the top of the page
+Quote Post
shpyo
post
Post #6





Grupa: Zarejestrowani
Postów: 574
Pomógł: 2
Dołączył: 13.04.2004
Skąd: Lublin

Ostrzeżenie: (0%)
-----

No no, interesujące.
Mogłeś dać link bezpośredni link do zobaczenia tego winksmiley.jpg


--------------------
jQuery, JavaScript i CSS - porady, tutoriale
highlab.pl - blog o technologiach, nauce i programowaniu
Go to the top of the page
+Quote Post
nazihipi
post
Post #7





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 14.07.2006

Ostrzeżenie: (10%)
X----

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ć....
Go to the top of the page
+Quote Post
kwiateusz
post
Post #8


Admin Techniczny


Grupa: Administratorzy
Postów: 2 071
Pomógł: 93
Dołączył: 5.07.2005
Skąd: Olsztyn
http://kwiateusz.be/progress_bar.html

proszę o to przykład działania winksmiley.jpg
Go to the top of the page
+Quote Post
nazihipi
post
Post #9





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 14.07.2006

Ostrzeżenie: (10%)
X----

Trochę to za wąskie dla Opera 8.5 - link
Go to the top of the page
+Quote Post
tiraeth
post
Post #10





Grupa: Przyjaciele php.pl
Postów: 1 789
Pomógł: 41
Dołączył: 30.10.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

Hmmm, dziwne - na Opera9 wygląda tak
Go to the top of the page
+Quote Post
nazihipi
post
Post #11





Grupa: Zarejestrowani
Postów: 139
Pomógł: 0
Dołączył: 14.07.2006

Ostrzeżenie: (10%)
X----

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..
Go to the top of the page
+Quote Post
.rh-
post
Post #12





Grupa: Zarejestrowani
Postów: 50
Pomógł: 0
Dołączył: 16.07.2005

Ostrzeżenie: (0%)
-----

Cytat
a w FF jest nawet zaokrąglone..

bo w kodzie jest -moz-border-radius , dlatego:)
Go to the top of the page
+Quote Post
tiraeth
post
Post #13





Grupa: Przyjaciele php.pl
Postów: 1 789
Pomógł: 41
Dołączył: 30.10.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
hwao
post
Post #14


Developer


Grupa: Moderatorzy
Postów: 2 844
Pomógł: 20
Dołączył: 25.11.2003
Skąd: Olkusz
Opera tez ma zaokraglenie

-o-border-radius

Swoja droga nie widze tam nic fajnego, to da sie zrobic w dluzo "mniejszm kodzie"
Go to the top of the page
+Quote Post
mike
post
Post #15





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----

1. Nic ciekawego, nie ma co się jarać kilkoma stylami na krzyż.
2. 
[HTML] pobierz, plaintext 
  1. div.shadows div.ProgressBar div.percent {
  2.     /**/
  3.     font-size : 10px;
  4.     font-family : Arial, sans-serif;
  5.     font-weight : bold;
  6. }
[HTML] pobierz, plaintext

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

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

[HTML] pobierz, plaintext 
  1. div.shadows>div.ProgressBar div.progress {
  2.     /**/
  3.     display : block;
  4.     /**/
  5. }
[HTML] pobierz, plaintext
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.
Go to the top of the page
+Quote Post
tiraeth
post
Post #16





Grupa: Przyjaciele php.pl
Postów: 1 789
Pomógł: 41
Dołączył: 30.10.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----

Chcecie? Zamykam.... później usunę
Go to the top of the page
+Quote Post
« Następny starszy · Oceny · Następny nowszy »
 

Closed TopicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 05:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn