Witam.
Jak mam zrobić sprite CSS tych plików:
twitter.png, facebook.png, gplus.png, email.png, rss.png:
arrow-up.png:
comments.png i category.png:
oraz article_related.png
Obrazek i kod css mam gotowy, ale nie wiem jak go zaimplementować kiedy mam np. taką linijkę:
array('id'=>'twitter', 'title' => 'Twitter', 'url' => 'http://twitter.com/', 'button' => get_template_directory_uri() . '/images/social-profiles/twitter.png'),
Adres strony w stopce.
To chyba będzie coś w tym stylu:
W php dodać odwołanie do css’a (jak to się w html’u, w head’zie robi), potem w przykładzie określasz sprite’a
array('id'=>'twitter', 'title' => 'Twitter', 'url' => 'http://twitter.com/', 'button' => get_template_directory_uri() . '/images/social-profiles/sprite.png'),
a w css np.
#twitter {background: url("ścieżka do sprite.png") no-repeat scroll poziom pion transparent;}
Ewentualnie w css’ie określić wysokość i szerokość obiektu oraz “background-position” (skoro w array został już podany sprite.png):
#twitter {
width:szerokość;
height:wysokość;
background-position: poziom pion;
}