منتديات ويب تونس
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى لمنتديات ويب تونس يشرفنا أن تقوم بالتسجيل إذا رغبت بالمشاركة في المنتدى.

انضم إلى المنتدى ، فالأمر سريع وسهل

منتديات ويب تونس
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى لمنتديات ويب تونس يشرفنا أن تقوم بالتسجيل إذا رغبت بالمشاركة في المنتدى.
منتديات ويب تونس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
آخر المشاركات
Mr Google
272 المساهمات
دمعه السعودية
58 المساهمات
Tounsiya
31 المساهمات
Maverick
16 المساهمات
احسان عجلاني
11 المساهمات
يشهب
10 المساهمات
Haroun
7 المساهمات
توفيق الصخري
4 المساهمات
jebliya
4 المساهمات
zaydoun23
4 المساهمات


كود صفحة اتصل بنا HTML جاهز


منتديات ويب تونس :: منتديات ويب تونس: منتدى تطوير المواقع و المنتديات :: terminal تطوير أحلى منتدى
اذهب الى الأسفل
Maverick
Maverick
إدارة المنتدى
وسام النشاط
وسام النشاط
الجنس : ذكر
عدد المساهمات : 438
عدد النقاط : 1523
إنظم في: : 24/01/2024
No
+

كود صفحة اتصل بنا HTML جاهز Empty كود صفحة اتصل بنا HTML جاهز

الخميس أكتوبر 24, 2024 2:34 pm
كود صفحة اتصل بنا HTML جاهز


صورة عمل الكود



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود:
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="contact-form">
    <form name="contact-form">
      <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الاسم الكامل" size="30" type="text" value="" />
      <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="بريدك الالكتروني" size="30" type="text" value="" />
      <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
      <input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
      <br />
      <div style="text-align: center;">
        <div id="ContactForm1_contact-form-error-message"></div>
        <div id="ContactForm1_contact-form-success-message"></div>
      </div>
    </form>
  </div>
  <style type="text/css">
  /** created by https://www.jistweb.com/2021/08/creat-contact-us-page-blogger.html**/
    #contact-form {
       background: #ffffff;
       padding: 10px;
    }

    #ContactForm1_contact-form-name,
    #ContactForm1_contact-form-email,
    #ContactForm1_contact-form-email-message {
       margin: 5px auto;
       border: 1px solid #e3e3e3;
       transition: all .5s ease-out;
       width: 100%;
       border-radius: 10px;
       padding: 15px 20px;
       margin-bottom: 20px;
       background-color:#ffffff;
    }

    #ContactForm1_contact-form-submit {
       border: 1px solid #e3e3e3;
       font: unset;
       text-shadow: 1px 1px 5px #111;
       font-weight: 700;
       font-size: 14px;
       padding: 5px 15px;
       background-color: #689f38;
       border-radius: 5px;
       color: #fff;
       letter-spacing: 1px;
       cursor: pointer
    }

    #ContactForm1_contact-form-email:focus,
    #ContactForm1_contact-form-name:focus,
    #ContactForm1_contact-form-email-message:focus {
       outline: none;
       border-color: rgb(104 159 56);
       box-shadow: 0 0 5px rgb(104 159 56))
    }

    .contact-form-error-message-with-border {
       color: #b90000;
       font-weight: 700
    }
  </style>
  <script src="https://www.blogger.com/static/v1/widgets/2227587253-widgets.js" type="text/javascript"></script>
  <script type="text/javascript">
    _WidgetManager._Init('');
    _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': '2678521884433491553', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
  </script>
</div>




الموضوع الاصلي : كود صفحة اتصل بنا HTML جاهز    المصدر : منتديات ويب تونس
توقيع العضو: Maverick


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة

« أستعرض الموضوع السابق | أستعراض الموضوع التالي »

SVG

تسجيل الدخول

يمكنك الدخول للمنتدى اذا كان لديك عضوية هنا للرد على الموضوع والمشاركة معنا

SVG

التسجيل بالمنتدى

للرد على الموضوع يمكنك التسجيل في المنتدى للتمتع بالمزايا الخاصة بالاعضاء

SVG

الاتصال بنا

في حال واجهتك مشكلة بالتسجيل او في المنتدى اتصل بنا لحل المشكلة

صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
  • تطوير و دعم أحلى منتدى
  • ألعاب الكمبيوتر
  • اخبار تونس
  • الاخبار العربية و العالميه
  • أخبار التكنولوجيا و الذكاء الاصطناعي
  • منتدى التوانسة
  • المنتدى الإسلامي
  • منتدى الكمبيوتر و الانترنت
  • الهاتف الجوال
  • منتدى الهوايات والترفيه
  • التصميم و الجرافيك
  • تطوير المواقع و المنتديات
  • المنتدى التعليمي تونس