Generator zakładek BETA

Najpierw kliknij w poniższy przycisk, aby dodać nową zakładkę.
Dodaj nową zakładkę Wyczyść wszystko

Lista zakładek

Możesz kliknąć na zakładkę i przeciągnąć, aby zmienić jej kolejność.

Opcje zakładki

Kliknij na ikonę zębatki przy wybranej zakładce, aby edytować jej opcje.

Opcje globalne

Kolory aktywnej ikony

Kolory pozostałych ikon

Opcje zakładek


Skończone?

Kliknij poniższy przycisk, aby wygenerować kod.
Wygeneruj kod moich zakładek!

Instalacja

Biblioteki - skopiuj kod do sekcji HEAD.

Wygenerowany kod CSS możesz wkleić na końcu swojego głównego pliku CSS, utworzyć nowy plik CSS, albo dodać w sekcji HEAD strony.

Wygenerowany kod HTML, wystarczy skopiować gdziekolwiek, ale w obrębie sekcji BODY i poza pozostałym kodem strony.

Wygenerowany kod

<!-- Font Awesome -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

						

					


				


				

					

					

						

							

						

					


				


			



				


				


					
					
					
					

				

			




		

	









	

		

			
Przydatne linki:


			
    
				
  1. Font Awesome - ikony, spis klas
    2. 
				
  2. Facebook Developers - social plugins
    3. 
				
  3. Google Developers - G+ badge
    4. 
			

		

	









	

		

			
FAQ:

			
Będziemy uzupełniać w miarę pojawiających się pytań. Pytania można przesyłać na mój adres mailowy, lub na stronie artykułu.


			

			
Do czego to?

			
Generator zakładek służy do generowaia kodu widgetu, któy możemy umieścić na swojej stronie internetowej. Przykładowa realizacja. 


			
Czemu nie ma kodu JavaScript?

			
Ten slider nie korzysta z JavaScript, a jedynie z HTML i CSS.


			
Nie działa, czemu?

			
Postępuj zgodnie z instrukcją instalacji. Starannie skopiuj cały kod z podanych sekcji i dodaj w odpowiednich miejscach na stronie.

			
Po każdej zmianie należy na nowo wygenerować kod (kliknąć w guzik), oraz skopiować zarówno HTML jak i CSS.