Zum Inhalt springen.
Sympa Menü

sg-webseite - Re: [Sg-webseite] Fortschrittsbalken fuer 100k-Seite

sg-webseite AT lists.piratenpartei.de

Betreff: Mailingliste der SG Webseite

Listenarchiv

Re: [Sg-webseite] Fortschrittsbalken fuer 100k-Seite


Chronologisch Thread 
  • From: Pirat-HH TheEldar <piraten AT cyber-network.de>
  • To: Mailingliste der SG Webseite <sg-webseite AT lists.piratenpartei.de>
  • Subject: Re: [Sg-webseite] Fortschrittsbalken fuer 100k-Seite
  • Date: Sat, 9 Jun 2012 18:23:20 +0000
  • Accept-language: de-DE, en-US
  • List-archive: <https://service.piratenpartei.de/pipermail/sg-webseite>
  • List-id: Mailingliste der SG Webseite <sg-webseite.lists.piratenpartei.de>

Welche Browser sind ausgeschlossen?

Also Welchen Browser bezeichnest du als nicht modern?

IE 6, IE7, IE8, IE9, IE 10, FF3.5, FF4 bis FF12? Chrome, Safari? Opera?


> -----Original Message-----
> From: sg-webseite-bounces AT lists.piratenpartei.de [mailto:sg-webseite-
> bounces AT lists.piratenpartei.de] On Behalf Of Wolfgang Wiese
> Sent: Saturday, June 09, 2012 7:42 PM
> To: Mailingliste der SG Webseite
> Subject: [Sg-webseite] Fortschrittsbalken fuer 100k-Seite
>
> Hi Bernd,
>
>
> Für die rechte Spalte würde ich folgenden Code verwenden:
> (zu sehen auf stagings2)
>
> Einzutragen im Custom Field "Rechte Spalte".
>
> ======
>
> <div style="width: 279px; margin: 0 auto;" > <style> table#itspende {width:
> 100%; margin: 0; padding: 0;} table#itspende progress { width: 160px };
> table#itspende td { text-align: right; } table#itspende tr.gesamt{
> background:
> rgba(0,0,0,0.1); } </style> <h2>Spendenstand</h2> <table id="itspende">
> <tr><th>Storage</th><td style="text-align: right"><progress max="36000"
> value="0"></progress><br> 0 / 36.000 € </td></tr> <tr><th>Switch</th><td
> style="text-align: right"><progress max="6000"
> value="0"></progress><br> 0 / 6.000 € </td></tr>
> <tr><th>Festplatten</th><td style="text-align: right"><progress
> max="1500" value="0"></progress><br> 0 / 1.500 €</td></tr>
> <tr><th>Firewall</th><td style="text-align: right"><progress max="1600"
> value="0"></progress><br> 0 / 1.600 €</td></tr> <tr><th>KVM</th><td
> style="text-align: right"><progress max="3600"
> value="0"></progress><br> 0 / 3.600 €</td></tr>
> <tr><th>Software</th><td style="text-align: right"><progress max="325"
> value="0"></progress><br> 0 / 325 €</td></tr> <tr
> class="gesamt"><th>Gesamt</th><td style="text-align:
> right"><progress max="100000" value="0"></progress><br> 0 / 120.000
> €</td></tr> </table> </div>
>
> ======
>
> Bei nicht modernen Browsern sieht man zwar keinen Fortschrittsbalken, aber
> dafür trotzdem noch die Zahlenwerte.
> Wir könnten zwar als Ersatzdarstellung noch ein flexibles Bild einstellen,
> dies
> würde aber in der Praxis jedesmal wenn wir die Werte aktualisieren, einen
> heftigen Änderungsaufwand nach sich ziehen - da ist es so gut wie sicher,
> das
> man dann irgendwann mal was übersieht und Fehler macht.
>
>
> Wenn die ersten Spenden eingehen, muss man um die Balken anzupassen
> nur in den jeweiligen Tabellenzeilen gehen und den Attribut
> max="" anpassen, sowie dahinter nochmal denselben Wert in der Textform
> "x / Y &euro;"
>
> Wenn mehr Zeit wäre, hätte man dafür vielleicht ein nettes Plugin coden
> können, aber IMHO ist wichtiges es tut, als das es Informatikerschön ist :=)
>
>
> Ciao,
> Wolfgang
>
>
>
>
>
>
> --
> Sg-webseite mailing list
> Sg-webseite AT lists.piratenpartei.de
> https://service.piratenpartei.de/listinfo/sg-webseite



Archiv bereitgestellt durch MHonArc 2.6.19.

Seitenanfang