Tworzenie sprite CSS z Social Media Widget


(Zuberator) #1

Witam.

Jak mam zrobić sprite CSS tych plików:

twitter.png, facebook.png, gplus.png, email.png, rss.png:

social-profiles.php

arrow-up.png:

top.php

comments.png i category.png:

theloop.php

oraz article_related.png

relatedposts.php

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.


(manieKMP) #2

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;

}