Demo menu z flagami

Kod html umieszczamy w kodzie strony - właściwie gdziekolwiek, ale w sekcji body strony, i poza pozostałym jej kodem. W żadnym innym elemencie/divie itp.

Zestaw reguł CSS wystarczy skopiować i wkleić do swojego arkusza styli.

Ikony flag zostały pobrane ze strony www.dooffy.com również z możliwością do komercyjnego zastosowania.

HTML

<ul id="floating-flags">
	<li><a href="#"><img src="flags/dooffy_design_icons_EU_flags_Poland.png" alt="" /></a></li>
	<li><a href="#"><img src="flags/dooffy_design_icons_EU_flags_United_Kingdom.png" alt="" /></a></li>
	<li><a href="#"><img src="flags/dooffy_design_icons_EU_flags_Germany.png" alt="" /></a></li>
</ul>
		

CSS

	#floating-flags{
		position:fixed;
		left:0;
		top:100px;
		
		-moz-border-radius: 0 8px 8px 0;
		-webkit-border-radius: 0 8px 8px 0;
		border-radius: 0 8px 8px 0;
		border:solid #dadada 1px;
		padding:5px;
	}

Demo

Wróć do artykułu na WPadmin.pl omawiającego tematykę Social Slider Facebook →