اخر الاخبار

breaking/انترنيت/9
قوالب

7:56 م

تكبير النص تصغير النص أعادة للحجم الطبيعي


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

شرح طريقة التركيب :
  1. افتح بلوجر ثم اضغط على الصفحات. 
  2. ثم انشاء صفحة جديدة. 
  3.  واضغط  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://ha1pc.blogspot.com/" target="_blank">هنا</a>.<br /> <i class="fa fa-dot-circle-o"></i> لأي مشكل فالمرجو وضعه مباشرة على <a href="http://ha1pc.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="ha1pc_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://ha1pc.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#ha1pc_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#ha1pc_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#ha1pc_cntct_form span.name-bg { background-color: #E8F2FF; } div#ha1pc_cntct_form span.email-bg { background-color: #FFE8E8; } div#ha1pc_cntct_form span.name-bg, div#ha1pc_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#ha1pc_cntct_form span.name-bg:before { content: '\f007'; background-color: #60A2FF; } div#ha1pc_cntct_form span.email-bg:before { content: '\f1fa '; background-color: #FF530B; } div#ha1pc_cntct_form span.name-bg:before, div#ha1pc_cntct_form span.email-bg:before, div#ha1pc_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#ha1pc_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#ha1pc_cntct_form span.message-bg:before { content: '\f0e0'; background-color: #20CC00; } div#ha1pc_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#ha1pc_cntct_form span.send-bg:before { content: '\f1d8'; } div#ha1pc_cntct_form span.send-bg:before, div#ha1pc_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#ha1pc_cntct_form span.clear-bg { display: inline-block; float: right; margin-top: 15px; max-width: 45%; width: 100%; } div#ha1pc_cntct_form span.clear-bg:before { content: '\f021'; } input.contact-form-button.contact-form-button-submit.clear-button:hover { background-color: #E83434 !important; } div#ha1pc_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>
  1. من فضلك اين نضع ذلك الكود لانه لايظهر لي شيئ

    ردحذف
  2. ‏لا يمكن قبول HTML خاصتك: العلامة معطلة: STYLE رفض

    ردحذف