Forum PHP.pl > [PHP]Zmiana koloru czcionki w kodzie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP]Zmiana koloru czcionki w kodzie

Tomy

4.05.2011, 17:57:36

Mam taki kod który wyświetla mi statystyki na stronie.
Chciałbym zmienić kolor 'odwiedziło nas' 'wczoraj' 'dzisiaj' na kolor biały
Próbowałem dodać samodzielnie, jednak miałem błąd składni .
Proszę o pomoc ;-)

[PHP] pobierz, plaintext 
//wyświetlenie
echo 'odwiedziło nas: <b>' . $arrPlik[3] . '</b><br />
      wczoraj: <b>' . $arrPlik[1] . '</b><br />
      dzisiaj: <b>' . $arrPlik[2] . '</b>';
 
?>
[PHP] pobierz, plaintext

tolomei

4.05.2011, 18:00:13

[PHP] pobierz, plaintext 
//wyświetlenie
echo '<span style="color:white">odwiedziło nas:</span> <b>' . $arrPlik[3] . '</b><br />
      <span style="color:white">wczoraj:</span> <b>' . $arrPlik[1] . '</b><br />
      <span style="color:white">dzisiaj:</span> <b>' . $arrPlik[2] . '</b>';
 
?>
[PHP] pobierz, plaintext

aragroth

4.05.2011, 19:41:06

Jeszcze lepiej oddzielić prezentację od schematu witryny, czyli zastosować CSS.

[PHP] pobierz, plaintext 
    //wyświetlenie
    echo '<span class="statisticsText">odwiedziło nas:</span> <span class="stastisticsNumber">' . $arrPlik[3] . '</span><br />
    <span class="statisticsText">wczoraj:</span> <span class="stastisticsNumber">' . $arrPlik[1] . '</span><br />
    <span class="statisticsText">dzisiaj:</span> <span class="stastisticsNumber">' . $arrPlik[2] . '</span>';
 
    ?>
[PHP] pobierz, plaintext

Teraz dodajesz w <head> albo lepiej w osobnym pliku CSS klasę:

[HTML] pobierz, plaintext 
.statisticsText {
    color: white;
}
 
.statisticsNumber {
    font-weight: bold;
}
[HTML] pobierz, plaintext

i masz pełną kontrolę. Może kiedyś zechcesz zmienić kolor na czerwony, a pogrubienie na kursywę i wtedy edytujesz jedną linijkę, a nie trzy lub więcej. To bardzo dobry nawyk oddzielania warstwy prezentacji od schematu strony (CSS od HTML). Ułatwia pracę przy większych projektach.

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.