Skocz do zawartości

Skrypty z panelu radiowego


Mazi
 Udostępnij

Rekomendowane odpowiedzi

Witam. Od wczoraj się męczę z css. 

Czy mógł by ktoś mi pokazać przykładowy css z przykładowym tłem ramówki?

Bo ja próbuję podmieniać kolory. Zapisuję i nic. Tak. Mamy premium.

Chcę dopasować kolorystycznie i stylem do nowej strony radia Friko.

Nowa stronka jest jeszcze w budowie. Z resztą kosti widział. http://radiofriko.pl/szablon

Nie wiem jak to ugryźć. Ten Css nie chce się po prostu zmienić ;/ 

Nadmienię, że wszystkie skrypty będę chciał żeby miały nowy css.

Grafiki mam na www, ale z niewiadomych dla mnie przyczyn. Panel radiowy w ogóle nie chce stamtąd żadnych grafik.

Odnośnik do komentarza
Udostępnij na innych stronach

26 minut temu, kosti napisał:

Hmm przecież w Twojej ramówce jest tło. 

Co prawda powtarza się, ale jest.

Więc w czym problem?

 

 

Screenshot-1.png

No już coś mi się udaje. Teraz próbuję dodać pogrubienie. Okazało się, że jak wkleję link samego zdjęcia z np: fotosika. To jak widać działa

Odnośnik do komentarza
Udostępnij na innych stronach

5 godzin temu, kosti napisał:

Z Twojego serwera też powinno działać, jeżeli dasz bezpośredni link do obrazka.

Chyba, że... na serwerze masz ustawioną blokadę hotlinkowania. 

Teraz tak: Ramówka. Ta część kodu: Nie działa zmiana koloru :( I tak jest czarne

/* Wyróżnienie trwającej audycji */
.trwajaca-audycja {
color:  #ff0033;
font-weight: bold;
}

Odnośnik do komentarza
Udostępnij na innych stronach

Najpierw ten kod na samej górze dokumentu:

 

@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');

 

Przykładowo dla tej wyróżnionej audycji, która trwa:
 

/* Wyróżnienie trwającej audycji */
.trwajaca-audycja {
font-family: 'Kaushan Script', cursive;
color:  #ff0033;
font-weight: bold;
}

 

Globalnie w całej ramówce:
 

/* Tło strony i czcionka */
body {
padding: 0px;
margin: 10px 0px 10px 0px;
background-color:#0b2907; 
font-size: 15px;
font-family: 'Kaushan Script', cursive;
}

 

PS. Lepiej stosować CTRL + F5, wtedy masz pewność, że wszystkie style zostały pobrane i wczytane na nowo. Samo F5 to zwykłe odświeżanie, więc część skryptów/stylów może być użytych z pamięci podręcznej. Przez to nie zobaczysz zmian, które wprowadziłeś. 

Odnośnik do komentarza
Udostępnij na innych stronach

8 godzin temu, kosti napisał:

Najpierw ten kod na samej górze dokumentu:

 

@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');

 

Przykładowo dla tej wyróżnionej audycji, która trwa:
 

/* Wyróżnienie trwającej audycji */
.trwajaca-audycja {
font-family: 'Kaushan Script', cursive;
color:  #ff0033;
font-weight: bold;
}

 

Globalnie w całej ramówce:
 

/* Tło strony i czcionka */
body {
padding: 0px;
margin: 10px 0px 10px 0px;
background-color:#0b2907; 
font-size: 15px;
font-family: 'Kaushan Script', cursive;
}

 

PS. Lepiej stosować CTRL + F5, wtedy masz pewność, że wszystkie style zostały pobrane i wczytane na nowo. Samo F5 to zwykłe odświeżanie, więc część skryptów/stylów może być użytych z pamięci podręcznej. Przez to nie zobaczysz zmian, które wprowadziłeś. 

Niestety nie działa :( Nie zmienia nawet koloru. 

Odnośnik do komentarza
Udostępnij na innych stronach

Problem rozwiązany hmm, lecz zostawię info dla pozostałych użytkowników. 

KOD:

/* Wyróżnienie trwającej audycji */
.trwajaca-audycja {
font-family: 'Kaushan Script', cursive;
color: #ff0033;
font-weight: bold;
}

Faktycznie nie działa, wygląda na to, że klasa trwajaca-audycja nie jest podpięta do skryptu ...

 

Aby zmienić styl trwającej audycji, należy się odnieść bezpośrednio do pogrubionego elementu b.
Jest to jedyny taki element w skrypcie, więc nie będzie kolidował z pozostałymi.
 

b {
font-family: 'Kaushan Script', cursive;
color:  #ff0033;
font-weight: bold;
}

 

Należy pamiętać, aby w opisach audycji do pogrubiania używać:
 

<strong>cośtam</strong>

zamiast <b>
 

  • Thanks 1
Odnośnik do komentarza
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

 Udostępnij

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona korzysta z plików cookie. Korzystając z forum, wyrażasz zgodę na: Warunki użytkowania, Polityka prywatności.