Szablon WP - Kroki do wykonania

krzysiek349 · 18-05-2017, 17:56

Sprawdź:

Witam

Szukam z niepowodzeniem szablonu, lub kreatora, który pozwoli mi na stworzenie strony na której umieszczę pewien formularz, tutorial tj.:

Krok pierwszy

wpisz to
wpisz to,
wpisz to

PRZYCISK DALEJ

i wtedy przechodzi do kolejnej zakladki i podobna sytuacja, i tak kilka kroków, tak żeby to wyglądało profesjonalnie.

Ktoś korzystał z jakiegoś fajnego rozwiązania i może mi polecić?

krzysio3001 · 18-05-2017, 23:41

Jeżeli chodzi o rozbudowany formularz to sprawdź możliwości Caldera Forms Smile

Gremquen · 19-05-2017, 00:05

Daj mi znać to ja ci to napiszę od 0 Wink

A jeśli trochę ogarniasz html to wrzuć sobie taki kod JS:

Kod:
		<script type="text/javascript">
	$(document).ready(function(){
			$("#btn").click(function() {
                $(".step_1").slideUp(500);
                $(".step_2").slideDown(1000);
               process();				
				});
			});
			
		</script>

Oznacza on, że po kliknięciu przycisku z id="btn", klasa css .step_1 się schowa, a na to miejsce pojawi się klasa .step_2.
Pamiętaj, ze domyslnie w kodzie klasa .step_2 musi mieć ustawiony display:none;, a dopiero potem powyższy kod js go usuwa i pokazuje klasę Wink

Jeśli coś z tego rozumiesz to już masz z górki Wink

krzysiek349 · 19-05-2017, 18:56

(19-05-2017, 00:05)Gremquen napisał(a): Daj mi znać to ja ci to napiszę od 0

A jeśli trochę ogarniasz html to wrzuć sobie taki kod JS:

Kod:
<script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function() { $(".step_1").slideUp(500); $(".step_2").slideDown(1000); process(); }); }); </script>
Oznacza on, że po kliknięciu przycisku z id="btn", klasa css .step_1 się schowa, a na to miejsce pojawi się klasa .step_2.
Pamiętaj, ze domyslnie w kodzie klasa .step_2 musi mieć ustawiony display:none;, a dopiero potem powyższy kod js go usuwa i pokazuje klasę
Jeśli coś z tego rozumiesz to już masz z górki

No bomba, pobawiłem się sam i jest ok Smile

dzięki

krzysio3001 Bywalec Liczba postów: 291 Dołączył: Mar 2013 Reputacja: 37 Forum Gold: 23.00	Post: #2 RE: Szablon WP - Kroki do wykonania Jeżeli chodzi o rozbudowany formularz to sprawdź możliwości Caldera Forms
Glosy:
18-05-2017, 23:41

Gremquen Zbanować hybrida Liczba postów: 1,761 Dołączył: Dec 2012 Reputacja: 510 Odznaczenia: (Zobacz Odznaczenia) Poziom: Forum Gold: 1,709.00	Post: #3 RE: Szablon WP - Kroki do wykonania Daj mi znać to ja ci to napiszę od 0 A jeśli trochę ogarniasz html to wrzuć sobie taki kod JS: Kod: `<script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function() { $(".step_1").slideUp(500); $(".step_2").slideDown(1000); process(); }); }); </script>` Oznacza on, że po kliknięciu przycisku z id="btn", klasa css .step_1 się schowa, a na to miejsce pojawi się klasa .step_2. Pamiętaj, ze domyslnie w kodzie klasa .step_2 musi mieć ustawiony display:none;, a dopiero potem powyższy kod js go usuwa i pokazuje klasę Jeśli coś z tego rozumiesz to już masz z górki Jeśli zamawiasz na Geekbuying.com to na https://gbpromo.net/pl/ znajdziesz wszystkie kody rabatowe aktualizowane automatycznie co 2h. Nie ma nigdzie lepszych kodów! (Ten post był ostatnio modyfikowany: 19-05-2017, 00:06 przez Gremquen.)
Glosy:
19-05-2017, 00:05

krzysiek349 Bywalec Liczba postów: 449 Dołączył: Mar 2008 Reputacja: 22 Forum Gold: 40.00	Post: #4 RE: Szablon WP - Kroki do wykonania (19-05-2017, 00:05)Gremquen napisał(a): Daj mi znać to ja ci to napiszę od 0 A jeśli trochę ogarniasz html to wrzuć sobie taki kod JS: Kod: `<script type="text/javascript"> $(document).ready(function(){ $("#btn").click(function() { $(".step_1").slideUp(500); $(".step_2").slideDown(1000); process(); }); }); </script>` Oznacza on, że po kliknięciu przycisku z id="btn", klasa css .step_1 się schowa, a na to miejsce pojawi się klasa .step_2. Pamiętaj, ze domyslnie w kodzie klasa .step_2 musi mieć ustawiony display:none;, a dopiero potem powyższy kod js go usuwa i pokazuje klasę Jeśli coś z tego rozumiesz to już masz z górki No bomba, pobawiłem się sam i jest ok dzięki
Glosy:
19-05-2017, 18:56

Podobne wątki…
Wątek:		Autor	Odpowiedzi:	Wyświetleń:	Ostatni post
	Szablon do sklepu ala accsmarket	xNoName	1	1,137	05-11-2026, 01:39 Ostatni post: hyiptemplates
	Szablon wordpress strona promocjami	prololex	8	4,557	26-12-2017, 21:02 Ostatni post: polskitrader
	Szablon dodaje słowa do tytułów wpisów	Dan14NR	3	3,829	02-09-2017, 00:25 Ostatni post: passion
	[WP] Szablon One Page Wordpress	Hexagon.	5	4,455	28-08-2017, 13:00 Ostatni post: gilberts
	[SZUKAM] Szablon - promocje	prololex	0	1,815	26-08-2017, 08:58 Ostatni post: prololex

Tryb drzewa \| Tryb normalny Szablon WP - Kroki do wykonania szukam szablonu, formularze ,krok po kroku,
Autor	Wiadomość