Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
yellowobsession 
WordPress.Klub

Imię: Kamil
Dołączył/a: 07 Lut 2012
Posty: 31

Wysłany:    [blogger] gadżet (HTML / JavaScript) w poście / na stronie

Chciałbym dodać gadżet postępu:

Kod

<style type="text/css"> div.smallish-progress-wrapper { position: relative; border: 1px solid black; } div.smallish-progress-bar { position: absolute; top: 0; left: 0; height: 100%; } div.smallish-progress-text { text-align: center; position: relative; } </style> <script type="text/javascript"> function drawProgressBar(color, width, percent) { var pixels = width * (percent / 100); document.write('<div class="smallish-progress-wrapper" style="width: ' + width + 'px">'); document.write('<div class="smallish-progress-bar" style="width: ' + pixels + 'px; background-color: ' + color + ';"></div>'); document.write('<div class="smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>'); document.write('</div>'); } </script>
<p> </p>
<center>
<script type="text/javascript">drawProgressBar('#138917', 176, 38.3);</script>

do mojego postu.

Wklejam w poście (edycja kodu html) ten skrypt,jednak nie widać żadnego efektu.
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2012-06-22, 04:19   pasek pokazuje ile procent ukończone

yellowobsession napisał/a:

hciałbym dodać gadżet postępu:
myślałem, że to jakiś pasek postępu dla ładującego się posta a to taki poziomy wykres procentowy obrazujący np. ilość zebranych środków z potrzebnej sumy.

Ja bym trochę posprzątał ten kod, szczególnie, że chyba zawiera błędy. Po pierwsze trzeba wrzucić CSS tam gdzie jego miejsce. Przejdź do edycji szablonu, otwórz edytor HTML, odszukaj ]]>< i tuż nad wklej:
Wiadomość (widoczna dla zarejestrowanych)
Zapisz zmiany. Divy posiadają klasy, więc można tego używać wielokrotnie i nie trzeba za każdym razem doklejać do nowego posta (być może i przez to skrypt nie działał, bo we wpisie nie można wkleić znacznika style).

Czas na pozostałą część. Skrypt z funkcją chciałem wstawić w źródle przed </head>, ale blogger wywalał mi błąd. Mamy jednak do dyspozycji gadżety. Przechodzimy do działu Układ i dodajemy gadżet HTML/Javascript. Wklejamy tam:
Wiadomość (widoczna dla zarejestrowanych)
zapisujemy zmiany. Przenosimy gadżet nad pole postów i zapisujemy rozmieszczenie.

Do wpisów wklejamy tylko to:
Wiadomość (widoczna dla zarejestrowanych)
Musimy być przełączeni na widok HTML. kod #138917 odpowiada za kolor, 176 to długość paska w pikselach a 38.3 to wartość % jaka ma być przykryta kolorem.

Do każdego posta można wklejać inny pasek.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2025 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz