اضافة اتصل بنا في صفحة ثابتة بشكل جديد وحصري


اضافة اتصل بنا في صفحة ثابتة بشكل جديد وحصري-بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة والسلام اما بعد اليوم موضوعنا يتحدث عن اضافة جديدة وهي اتصل بنا في موقع القيسي ويب واليوم اقدمها لكم مجانا

كيفية الاضافة

  1. افتح بلوجر 
  2. اضغط علي الصفحات
  3. ثم انشاء صفحة جديدة 
  4. واضغط html واضف هذا الكود
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="the-text">
<h3>
للإتصال بنا احرص على مراعاة القواعد</h3>
<div class="postdescription">
أشكرك على رغبتك في مراسلتنا، لكن رجاءً قبل ذلك، اقرأ التالي :<br />
<i class="fa fa-dot-circle-o"></i> تأكد من كتابة عنوانك البريدي على وجهه الصحيح وتوضيح الرسالة.<br />
<i class="fa fa-dot-circle-o"></i> نقوم بعمل التبادل اعلاني مع جميع المواقع،قم بتقديم طلب  من <a href="http://th3pro-tk.blogspot.com/" target="_blank">هنا</a>.<br />
<i class="fa fa-dot-circle-o"></i> لأي مشكل فالمرجو وضعه مباشرة على <a href="http://th3pro-tk.blogspot.com/" target="_blank">ركن الأسئلة</a>.<br />
<i class="fa fa-dot-circle-o"></i> لا نصمم قوالب للعملاء عملنا حر، نقوم بالتعديل عليها  فقط.<br />
<i class="fa fa-dot-circle-o"></i> قم بكتابة الموضوع وسنرد عليك خلال 24 ساعة!<br />
<br /></div>
<div class="hello-blog">
<h4>
موقعنا</h4>
</div>
<div class="col-lg-6 wow fadeInLeft animated" id="google-map" style="visibility: visible;">
<iframe allowfullscreen="" frameborder="0" height="250" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d1692.7191199026654!2d35.9229038!3d31.9490057!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x151b5f83601a3e29%3A0xfff765b46de974b9%26amp%3Boutput%3Dembed!2sThe+Rainbow+Art+House+Theater!5e0!3m2!1sar!2sjo!4v1453415074531" style="border: 0;" width="100%"></iframe>
</div>
<br /></div>
<div class="the-form">
<div id="qaisi1web_cntct_form">
<div class="wrap-me">
<form name="contact-form">
<span class="name-bg">الاسم الكريم</span><br />
<input class="contact-form-name animated wow flipInY delay-02s animated" id="ContactForm1_contact-form-name" name="name" placeholder="ادخل اسمك هنا..." size="30" style="visibility: visible;" type="text" value="" /><br />
<br />
<span class="email-bg">بريدك الالكتروني*</span><br />
<input class="contact-form-email animated wow flipInY delay-04s animated" id="ContactForm1_contact-form-email" name="email" placeholder="ادخل بريدك هنا..." size="30" style="visibility: visible;" type="text" value="" /><br />
<br />
<span class="message-bg">رسالتك*</span><br />
<textarea class="contact-form-email-message animated wow flipInY delay-06s animated" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="اكتب رسالتك هنا..." rows="5" style="visibility: visible;"></textarea><br />
<span class="send-bg"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="أرسل" /></span> <span class="clear-bg"><input class="contact-form-button contact-form-button-submit clear-button" type="reset" value="امسح الكل" /></span>
<br />
<div style="max-width: 100%; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style>
i.fa.fa-home {
    position: absolute;
    top: 156px;
    color: #Fff;
    left: 940px;
}
#google-map
{
width:442px;
height:260px;
border:4px solid #44C6A9;
margin-bottom:10px;
}
.topwrapper ,#Header-wrapper ,#comments ,#sidebar-wrap {display:none;}
[class*="col-"] {width:100%;}
body {background-image:url(https://abs.twimg.com/images/themes/theme1/bg.png);background-attachment: fixed;background-repeat: no-repeat;background-color: #C0DEED;}
.wrapper{box-shadow: 0px 0px 0px 25px rgba(40, 49, 56, 0.2); padding-bottom: 10px; padding-top: 10px;margin-top: 50px;border: none;margin-bottom: 50px;}
.post-body img{margin:auto;}
</style>
<br />
<div class="other-cnt">
<div class="phone">
06 38 897 79 962+ </div>
<div class="emailtxt">
http://th3pro-tk.blogspot.com/
</div>
</div>
</div>
</div>
</div>
<style>
#contact-logo { margin: 0 auto!important; position: absolute!important; top: 110px!important; left: 43.5%!important; background: rgba(0, 0, 0, 0.35)!important; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .07)!important; border-radius: 280px!important; height: 125px!important; } #contact-logo img { border-radius: 251px!important; width: 125px!important; height: 125px!important; background-color: #fff!important; border: 4px solid #fff!important; } .contact-info { width: auto!important; height: 100%!important; background: #fff!important; margin: 0 auto;  border: 1px solid #ddd!important; display: block!important; overflow: hidden; } .contact-form-name, .contact-form-email, .contact-form-email-message { max-width: 1000px; } .contact-bg-inside { padding-bottom: 50px; } .contact-info-inside { padding-top: 50px; } .the-text { width: 50%; float: left; padding: 20px; text-align:justify; font-family: tahoma; } .the-form { width: 50%; float: right; padding: 20px; font-family: 'Noto Sans Kufi Arabic', sans-serif; } .the-text h3 { font-family: 'Noto Sans Kufi Arabic', sans-serif; } div#qaisi1web_cntct_form .wrap-me { margin: 0 auto; display: block; padding: 30px 20px; background-color: #F3F3F3; width: 100% !important; border-top: 65px solid #E83E3B; box-sizing: border-box;box-shadow: 0 0 0 1px #cccccc inset; } div#qaisi1web_cntct_form .wrap-me:before { content: '\f0e0'; position: absolute; font-family: FontAwesome; font-weight: normal; margin-top: -88px; margin-left: -35px; left: 75%; display: inline-block; font-size: 28px; width: 53px; height: 53px; border-radius: 50px; text-align: center; color: #FFFFFF; box-sizing: border-box; border: 2px solid #FFFFFF; line-height: 49px; } input#ContactForm1_contact-form-name, #ContactForm1_contact-form-email, #ContactForm1_contact-form-email:hover, #ContactForm1_contact-form-email:active { padding: 5px; margin-top: 4px !important; box-shadow: none!Important; width: 100%; border: 1px solid #D2D2D2; line-height: 1em; min-height: 31px; background: #FEFEFE; font-family: tahoma; margin-bottom: 15px; } .contact-form-email-message, .contact-form-email-message:active, .contact-form-email-message:hover { padding: 5px; margin-top: 4px !important; box-shadow: none!Important; width: 100%; border: 1px solid #D2D2D2; line-height: 1em; min-height: 80px; background: #FEFEFE; font-family: tahoma; margin-bottom: 10px; } #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus { outline: none; background: #FFFFFF !important; color: #444; border-color: rgb(236, 235, 235) !important; box-shadow: 0 0 5px rgba(241, 241, 241, 0.7) !important; transition: all 0.3s ease-in-out !important; } .contact-form-button-submit:hover { color: #FFFFFF; background: #0083FF !important; } .contact-form-button-submit { background: #19B3EA; display: table; font-size: 17px; margin: 0 !important; border-radius: 0 !important; max-width: 100%; width: 100%; min-width: 100%; height: 32px; letter-spacing: 0.5px; font-family: 'Noto Sans Kufi Arabic', sans-serif; font-weight: normal; cursor: pointer; outline: none!important; color: #FFFFFF; border: 1px solid #fff !important; text-align: center; padding: 0px 0px 0px 15px; text-transform: capitalize; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; } .contact-form-button-submit:focus, .contact-form-button-submit.focus { border-color: #FFFFFF; box-shadow: none !important; } .contact-form-error-message-with-border .contact-form-success-message { background: #f9edbe; border: 1px solid #f0c36d; bottom: 0; box-shadow: 0 2px 4px rgba(0,0,0,.2); color: #666; font-size: 12px; font-weight: bold; padding-bottom: 10px; line-height: 19px; margin-left: 0; opacity: 1; position: static; text-align: center; } .contact-form-button-submit.disabled, .contact-form-button-submit.disabled:hover, .contact-form-button-submit.disabled:active { opacity: 0.9; } .contact-form-error-message-with-border { background: #344148; border: 1px solid #5A5A5A; bottom: 0; box-shadow: none; color: #FDFDFD; font-size: 15px; font-weight: normal; line-height: 35px; margin-left: 0; opacity: 1; position: static; text-align: center; height: 35px; margin-top: 45px; } .contact-form-cross { height: 14px; margin: 5px; vertical-align: -8.5%; float: right; width: 14px; border-radius: 50px; border: 0 !important; cursor: pointer; } .contact-form-success-message-with-border { font-weight: normal; background-color: #344148; border: 1px solid #FFF; color: #FFF; line-height: 35px; margin-left: 0; font-size: 13px; opacity: 1; position: static; text-align: center; height: 35px; margin-top: 45px; } div#qaisi1web_cntct_form span.name-bg { background-color: #E8F2FF; } div#qaisi1web_cntct_form span.email-bg { background-color: #FFE8E8; } div#qaisi1web_cntct_form span.name-bg, div#qaisi1web_cntct_form span.email-bg {font-family:Electrolize,ge_ss_threeregular;font-weight: bold; display: inline-block; line-height: 21px; width: 100%; color: #696969; padding: 3px 5px; margin: 0px 0px 4px; box-sizing: border-box; height: 30px; border: 1px solid #E4E0E0; text-align: center; } div#qaisi1web_cntct_form span.name-bg:before { content: '\f007'; background-color: #60A2FF; } div#qaisi1web_cntct_form span.email-bg:before { content: '\f1fa '; background-color: #FF530B; } div#qaisi1web_cntct_form span.name-bg:before, div#qaisi1web_cntct_form span.email-bg:before, div#qaisi1web_cntct_form span.message-bg:before { font-family: FontAwesome; text-align: center; margin: -4px 0 0px 0px; font-weight: normal; padding: 0; line-height: 27px; width: 28px; height: 28px; display: table; position: absolute; margin-right: -6px !important; border: 1px solid rgba(0, 0, 0, 0.1); border-right: 0 !important; color: #FFFFFF; } div#qaisi1web_cntct_form span.message-bg {font-family:Electrolize,ge_ss_threeregular;font-weight: bold; background-color: #EBFFE8; display: inline-block; line-height: 21px; width: 100%; color: #696969; padding: 3px 5px; box-sizing: border-box; height: 30px; border: 1px solid #E4E0E0; margin: 0px 0px 4px; text-align: center; } div#qaisi1web_cntct_form span.message-bg:before { content: '\f0e0'; background-color: #20CC00; } div#qaisi1web_cntct_form span.send-bg { height: 32px; display: inline-block; float: left; max-width: 45%; width: 100%; margin-top: 15px; transition: all 0.4s ease-in-out !important; } div#qaisi1web_cntct_form span.send-bg:before { content: '\f1d8'; } div#qaisi1web_cntct_form span.send-bg:before, div#qaisi1web_cntct_form span.clear-bg:before { font-family: FontAwesome; text-align: center; font-weight: normal; margin: 0; background-color: #344148; padding: 0; line-height: 27px; width: 30px; height: 31px; display: inline-block; position: absolute; border: 1px solid #fff; border-right: 0 !important; color: #FFFFFF; } div#qaisi1web_cntct_form span.clear-bg { display: inline-block; float: right; margin-top: 15px; max-width: 45%; width: 100%; } div#qaisi1web_cntct_form span.clear-bg:before { content: '\f021'; } input.contact-form-button.contact-form-button-submit.clear-button:hover { background-color: #E83434 !important; } div#qaisi1web_cntct_form .clear-button { color: #FFFFFF; border: 1px solid #FFF !important; background-color: #FF2C2C; float: right; display: table; height: 32px; font-family: 'Noto Sans Kufi Arabic', sans-serif; }#ContactForm1 {display: none;}
.phone{text-align: center;}.other-cnt{margin-right: 85%;float: right;margin-top: 70px;margin-bottom: -30px;color: #919191;}
<style/></style></div>
واضغط نشر ومبروك عليك الاضافة في رعاية الله

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون