טופס צור קשר להורדה בחינם – גרסה 5 (אג'קס)

ברוכים הבאים לסדרת החינמיים הפופולרית – טפסי צור קשר עם אג'קס להורדה בחינם! היום טופס צור קשר מספר 4 בסדרה בעיצוב נקי ואלגנטי עם טקסט מודגש, רקע שקוף ואפקט ייחודי בדרך לשליחה.

דמו טופס יצירת קשר

			<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
			<script type="text/javascript" src="js/watermark.js"></script>
			<script type="text/javascript" src="js/pcf.js"></script>
			<link rel="stylesheet" type="text/css" href="main.css" media="all" />
		

• פתחו את הקובץ index.php (בקבצי הטופס)
• גזרו את הקוד הבא והדביקו במיקום בו אתם רוצים להציג את הטופס
• שנו את הטקסטים שיתאימו לאופי הטופס שלכם

			<!--===STR======= THE CONTACT FORM =============-->
			<div class="formBox centerIt mt5 relative">
				<div class="p2">
					<div class="formTitle mb1">כתבו לנו</div>
					<div class="inner">
						<div id="cForm" class="w100">
								<div class="w40 fright mt1">
									<div class="p3">
										<div class="formLine mb3"><input type="text" name="senderName" id="senderName" placeholder="השם שלך..." class="w100 brad5" value="" /></div>
										<div class="formLine mb3"><input type="text" name="senderEmail" id="senderEmail" placeholder="האימייל שלך..." class="w100 brad5" value="" /></div>
										<div class="formLine mb3"><input type="text" name="senderPhone" id="senderPhone" placeholder="הטלפון שלך..." class="w100 brad5" value="" /></div>
									</div>
								</div>
								<div class="w60 fright">
									<div class="p3">
										<div class="formLine mb2"><textarea name="senderMsg" id="senderMsg" cols="30" rows="10" placeholder="ההודעה שלך..." class="senderMsg w100 brad5"></textarea></div>					
									</div>
								</div>
								
								

								<div id="messageFld" class="dnone"></div>
								
								<div id="contactUsBtn" class="ml3 mb2 fleft ">
									<div class="submitBtn handHover" id="submitBtn"><span class="arrow dnone">&raquo;</span> שליחה</div>
									

								</div>

						</div>
						

					</div>
				</div>
			</div>
			<!--===END======= THE CONTACT FORM =============-->
			
			<script type="text/javascript">
			jQuery(function($){
				$('div#contactUsBtn').hover(function() {
					$('div.submitBtn').css('padding', '5px 25px');
				}, function() {
					$('div.submitBtn').css('padding', '5px 15px');
				});
			})
			</script>
		

• היכנסו לתיקייה contactFrom4
• פתחו את הקובץ pcf.php ושנו את הקוד הבא

		$to = 'REPLACE_THIS@WITH_YOUR_EMAIL.COM';
		

• לכתובת האימייל שלכם

		$to = 'admin@example.com';
		

לדוגמה: אם נבקש לשנות את "השם שלך…" ל- "שם מלא"

			<div class="formLine mb3"><input type="text" name="senderName" id="senderName" placeholder="השם שלך..." class="w100 brad5" value="" /></div>
			

			<div class="formLine mb3"><input type="text" name="senderName" id="senderName" placeholder="שם מלא" class="w100 brad5" value="" /></div>
			

שאלות ותשובות

טופס צור קשר לכל עיצוב

אנו עובדים בימים אלו על טפסי צור קשר נוספים ונפרסם כל 5 ימים טופס שעובד חלק בשילוב אג'קס לאתרי PHP קומפלט כולל הכל! בואו לבקר או הירשמו לרשימת התפוצה שלנו כדי לקבל עדכון בעת פרסום המדריך הבא באתר שלנו.

אם נתקלתם בבעיה / תקלה או אתם רוצים עזרה בשינוי אלמנטים בטופס אתם מוזמנים לפנות אלינו בעזרת טופס התגובות בדף זה או בטופס הרלוונטי.

אם אהבתם, הורדתם ואפילו הטמעתם או שאתם רוצים לחלוק עם חברים נודה לכם אם תפרגנו על העבודה הרבה עם +1 או לייק. בברכה, שגיב SEO קידום אתרים בגוגל.