Używam stylu Games-Vision.
Po wklejeniu poniższego kodu ikonka i tekst "Youtube" (w nagłówku) mają w tle obrazek - gwiazdki:
Kod:
<a href="#"><span class="bialy_czerw"><i class="fa fa-youtube"></i> Youtube</span></a>
Wartość "bialy_czerw" można zmienić na inną, np:
- "bialy_nieb"
- "bialy_ziel"
- "bialy_pom"
Wtedy gwiazdki i rozmycie mają inny kolor. Gdzieś w którymś pliku widziałem spis wszystkich kolorów ale teraz nie mogę tego znaleźć... czy ktoś mógłby to udostępnić?
Podobny efekt można uzyskać za pomocą takiego kodu:
Kod:
<a href="#"><span style="background-image: url('http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif')"><i class="fa fa-youtube"></i> Youtube</span></a>
Chciałbym jednak dowiedzieć się na jakiej zasadzie działa ten
span class i gdzie go można edytować?
Pozdrawiam całą załogę MYBB PL i dziękuję za wyrozumiałość
Kliknij na tekst, ktory chcesz edytowac prawym przyciskiem myszy, kliknij zbadaj element i pod tekstem html masz kod css. Obok linijki, ktora odpowiada za stylowanie tekstu masz zrodlo (jakasnazwa.css). Co to jest span i jak dziala?
http://www.kurshtml.edu.pl/html/span,html.html
Dzięki, plik Global.css zawiera te informacje... ale ze mnie gapcio.
Kod:
/** ZABAWKI SIMLAYA **/
.bialy_czerw {
text-shadow: 2px 2px 10px #CC0000;
color: #fff;
font-weight: bold;
background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif);
}
.czerw {
text-shadow: 2px 2px 10px #E50000;
color: #E50000;
font-weight: bold;
background: url(http://www.przemo.org/phpBB2/forum/files/gwiazdkired_409.gif);
}
.bialy_nieb {
text-shadow: 2px 2px 10px #008ED4;
color: white;
font-weight: bold;
background: url(http://przemo.org/phpBB2/forum/files/gwiazdki_biale_906.gif);
}
.nieb {
text-shadow: 2px 2px 10px #0066ff;
color: #0066ff;
font-weight: bold;
background: url(http://przemo.org/phpBB2/forum/files/gwiazdkiblue_505.gif);
}
.bialy_ziel {
text-shadow: 2px 2px 10px #0ccc00;
color: #fff;
font-weight: bold;
background: url(http://przemo.org/phpBB2/forum/files/gwiazdkidarkgreen_134.gif);
}
.bialy_pom {
text-shadow: 2px 2px 10px #ff9900;
color: #fff;
font-weight: bold;
background: url(http://przemo.org/phpBB2/forum/files/gwiazdkiorange_140.gif);
}
.pom {
text-shadow: 2px 2px 10px #ff9900;
color: #ff9900;
font-weight: bold;
background: url(http://przemo.org/phpBB2/forum/files/gwiazdkiorange_140.gif);
}