Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

CzareK

CSS3 Progress Bar - Ankieta

Promowane odpowiedzi

CzareK    4,501

ankieta.png.523a3076bc4d91a37c106c05cbfd

 

Otwórz viewtopic.php

 

Znajdź:

'POLL_OPTION_PERCENT' => sprintf("%.1d%%", ($vote_percent * 100)),

Po dodaj:

'VALUE_PERCENT' => sprintf("%.1d", ($vote_percent * 100)),

Otwórz templates/nazwa_stylu/viewtopic_poll_result.tpl

 

Znajdź:

<tr>
<td><img src="templates/subSilver/images/vote_lcap.gif" width="4" alt="" height="12"></td>
<td><img src="{poll_option.POLL_OPTION_IMG}" width="{poll_option.POLL_OPTION_IMG_WIDTH}" height="12" alt="{poll_option.POLL_OPTION_PERCENT}"></td>
<td><img src="templates/subSilver/images/vote_rcap.gif" width="4" alt="" height="12"></td>
</tr>

Zamień na:

<tr>
<td>
<div class="progressBarContainer">
<div class="progressBarValue value-{poll_option.VALUE_PERCENT}"></div>
</div>
</td>
</tr> 

Otwórz templates/nazwa_stylu/nazwa_stylu.css i na końcu dodaj:

.progressBarContainer {
  width: 500px;
  max-width: 500px;
  height: 26px;
  height: 1.66em;
  background: #e6eae3;
  background: rgba(8,102,220,.2);
  overflow: hidden;
  border-radius: 5px;
}
.progressBarValue {
  height: 1.66em;
  float: left;
  background: #0866dc;
  background: rgba(8,102,220,.75);
}
.value-0 { width: 0; }
.value-10 { width: 10%; }
.value-20 { width: 20%; }
.value-30 { width: 30%; }
.value-40 { width: 40%; }
.value-50 { width: 50%; } 
.value-60 { width: 60%; }
.value-70 { width: 70%; }
.value-80 { width: 80%; }
.value-90 { width: 90%; }
.value-100 { width: 100%; }

 

Edytowane przez CzareK

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×